/* CSS Document */
/*********************Estilos para Etiquetas**********************/
html, body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background-color:#999999;
	background-image: url(img_constantes/fondobody.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
*html #canvas {
	height:100%; /* IE */
}
body>#canvas {
	min-height:100%; /* Mozilla & Geeko */
}

/*****************************************************************/

/***********************Estilos para Id's*************************/
/*CANVAS*/
#canvas {
	position:relative;
	width:740px;
	margin:0px auto;
	background-image:url(img_constantes/canvas_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
}

/*CABECERA*/
#cabecera {
	position:relative;
	height:80px;
	background-image:url(img_constantes/cabecera_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFFFFF;
}
#cabecera h1 {
	position:absolute;
	top:-1000px;
}
/*BREADCRUMBS*/
#breadcrumbs {
	height:17px;
	padding:0px 4px;
	padding-top:1px;
	background-image:url(img_constantes/breadcrumbs_bg.gif);
	background-repeat:repeat-x;
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#breadcrumbs a {
	text-decoration:none;
	color:#FFFFFF;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}

/*MENU PRINCIPAL*/
#menuPrincipal{
	float:left;
	width:226px;
	height:331px;
	overflow:visible;
	padding:15px 0px;
	background-image:url(img_constantes/menuPrinipal_bg.gif);
	background-repeat:no-repeat;
}
#menuPrincipal ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:200px;
	overflow:hidden; /* Para que explorer no aumente px's */
}
#menuPrincipal ul li {
	padding-left:4px;
	margin-bottom:10px;
	margin-right:100px;
	text-align:right;
}
#menuPrincipal ul a {
	text-decoration:none;
	color:#FFFFFF;
}
#menuPrincipal ul a:hover {
	color:#7A5DF4;
}
/* margins para el efecto de curva*/
#menuPrincipal ul li#mp1 {
	margin-right:5px;
}
#menuPrincipal ul li#mp2 {
	margin-right:15px;
}
#menuPrincipal ul li#mp3 {
	margin-right:30px;
}
#menuPrincipal ul li#mp4 {
	margin-right:45px;
}
#menuPrincipal ul li#mp5 {
	margin-right:73px;
}
#menuPrincipal ul li#mp6 {
	margin-right:88px;
}
#menuPrincipal ul li#mp7 {
	margin-right:95px;
}

/*CONTENIDO*/
#contenido {
	float:left;
	width:514px;
	margin-top:15px;
	padding-bottom:60px;
}
#contenido #submenu {
	float: right;
	width: 150px;
}
ul#subnav, ul#subnav2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2C469B;
}
ul#subnav, ul#subnav2, ul#subnav li, ul#subnav2 li  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#subnav a, ul#subnav2 a {
	color: #2C469B;
	text-decoration: none;
	text-align: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2C469B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2C469B;
	display: block;
	width:145px;
	padding:2px;
}
ul#subnav a:hover, ul#subnav2 a:hover, ul#subnav li.active, ul#subnav2 li.active {
	background-color:#E4E4EC;
}
/*   imágenes   */
#activeImg{
	width:350px;
	float:right;
}
#images{
	float:right;
	overflow:auto;
	width:350px;
	height:95px;
	white-space:nowrap;
	margin-bottom:10px;
}
#images img{
	margin-right:5px;
	border:solid 1px black;
}
#images a:hover img{
	filter:alpha (opacity=65);
	filter:progid:DXImageTransform.Microsoft.Alpha(style=0,	opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	-khtml-opacity:.65;
}

#images a:active img, #images a:active img:active{
	filter:alpha (opacity=35);
	filter:progid:DXImageTransform.Microsoft.Alpha(style=0,	opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	-khtml-opacity:.35;
}


/*PRINCIPAL*/
#principal {
	float:left;
	width:350px;
}
#principal h1#seccion{
	border-bottom:solid;
	font-weight:normal;
	padding-bottom:10px;
}

/* SUBNAV EN Principal */
ul#cont_subnav, ul#cont_subnav li{
	margin:0; padding:0; list-style:none;
}
ul#cont_subnav li {
	margin:3px;
	border:solid 1px #372511;
	width:160px;
	height:100px;
	float:left;	
	background-repeat:no-repeat;
	background-position:-30px -10px;
	/*
	IMPORTANTE:
	La imagen de fondo se pone dinámicamente vía PHP en el archivo "index_contenido_submenu.php" en UL#cont_subnav LI A
	*/
}
ul#cont_subnav li h2{
	margin:0;padding:0;
	width:160px;
	font-weight:normal;	font-size:11px;
}
ul#cont_subnav li h2 a{
	color:#372511;
	background-color:#FFFFFF;
	border-bottom:solid 1px #372511;
	padding:3px;
	text-decoration:none;
	display:block;
	width:154px;
}
ul#cont_subnav li h2 a:hover{
	background-color:#FFBE00;
}


/*FOTOS*/
#fotos {
	float:right;
	width:130px;
}
#fotos img {
	margin-bottom:10px;
}

/*FIRMA*/
#firma {
	position:absolute;
	bottom:5px;
	right:5px;
	border-top:solid 1px #999999;
	text-align:right;
	color:#000099;
	font-size:10px;
}
#firma img {vertical-align: middle;}




/************************* Estilos de clases ***********************/
.clearboth {
	clear:both;
}
.contacto {
	border:solid 1px black;
	background-color:#E4E4EA;
	padding:3px;
	margin:5px 0px;
}
.contacto a{
	text-decoration:none;
	color:#003366;
	font-weight:bolder;
}