/* CSS PARA LAYOUT BASICO, ACOMODO DE ELEMENTOS Y ESTRUCTURA DEL SITIO */


body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

p {
	padding: 0px;
	margin: 0px;
}

#container {
	background-color: transparent;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 850px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#header {
	height: 400px;  /*  XVIII era 360px  */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 852px; /* TAMAO DEL CONTAINER + 1 PX POR CADA LADO */
	margin: 0px;
	padding: 0px;
}
#content {
	position: relative;
	width: 100%;
	min-height: 400px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 50px;
	padding-bottom: 50px;
	top: 0px;
	margin: 0px;
	left: 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
}
#footer {
	margin: 0px;
	width: 100%;
	height: 6em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




/************************************ ESTILOS GENERALES *********************************************************/





#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content blockquote, #submenuVertical {
	margin: 0px;
	padding-left: 70px;
	margin-right: 360px; /* en lugar de width para compensar margenes */
	/*width: 420px;*/ /* lo quit porque provoca conflicto en template de home */
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	padding-top: 1em;
	padding-bottom: 0.5em;
	line-height: 1.1em;
}
#content blockquote {
	padding-top: 1em;
	padding-bottom: 1em;
	text-align:justify;	
}
#content blockquote p {
	padding-left: 0px;
	margin-right: 0px;
}

#content p {
	padding-bottom: 1em;
	text-align:justify;  /* dav 2010 */
}

#content ul, #content ol {
	padding: 0 350px 1em 110px;
}

#content ul {
	list-style-image: url(../img/bullet.gif);
}

#content ul li, #content ol li {
	padding-top: 0; /* 10/01/08 */
	padding-bottom: 0; /* antes 5px **/

}

#content ul ul, #content ul ol, #content ol ol, #content ol ul {
	padding-right: 0px;
	padding-left: 15px;
	font-size: 0.98em;
	list-style-type: disc;
	list-style-image: none;
}


#content h1 {
	font-size: 24px;
	font-weight: lighter;
}
#content h2 {
	font-size: 18px;
	font-weight: bold;
}
#content h3 {
	font-size: 16px;
	font-weight: lighter;
}
#content h4 {
	font-size: 13px;
	font-weight: bold;
}
#content h5 {
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
}
#content h6 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


/* PAra cuando queremos una 2da columna de Texto */

#content .columna2 {
	padding-bottom: 1em;
	text-align:justify; /*  dav 2010 */
	width:350px;
	margin: 0 40px 20px 40px;
	float: right;	
}
/*
#content .columna1 img, #content .columna2 img {
	margin: 0 0 5px 0;
	float: right;
	clear: both;
}*/
#content .columna2 p {
	width: 250px;
	margin: 0px;
	padding: 0 0 1em 0;
	float: right;
	text-align:right;
	clear: both;
	color: #333333;
}

/************************************ CLASES GLOBALES *********************************************************/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }


/************************************ ESTILOS MENU A *********************************************************/


#menuA {
	top: 366px;	/* era 326px */
	width: 98%;
	position: absolute;
	padding: 0px;
	margin: 0 10px 0 10px;
	left: -1px;
}

#menuA ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 100%;
}
#menuA ul li {
	background-image: url(../img/tab-r.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}
#menuA li a {
	display: block;
	text-decoration: none;
	background-image: url(../img/tab-l.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 10px 15px 2px 15px;
	margin-left: -10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}
#menuA ul a:hover {
	padding-top: 9px;
	padding-bottom: 3px;
}
#menuA ul a:active {
	padding-top: 10px;
	padding-bottom: 2px;
}

#menuA .seccionActiva {
	background-image: url(../img/tab-r.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
}
#menuA .seccionActiva span { 
	background-image: url(../img/tab-l.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	padding-top: 12px;
	padding-bottom: 7px;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: -10px;
}


#menuA ul .resaltado {
	background-image: url(../img/tab-r_resaltado.png);
}
#menuA ul .resaltado a {
	background-image: url(../img/tab-l_resaltado.png);
	color: #FFFFFF;
}


/* GIF TRANSPARENTE PARA IE6 */
/* OCULTAR PARA IE5/Mac */ 

/* \*/  
* html #menuA ul li {
	background-image: url(../img/tab-r_gif.gif);
	margin-left: 10px; 
	margin-right: 0px; 
	padding-left: -10px; 
}
* html #menuA li a {
	background-image: url(../img/tab-l_gif.gif);
	margin-left: 0px; 
	margin-right: -15px; 
	padding-left: 10px; 
	position: relative; 
	left: -10px;
}
* html #menuA .seccionActiva {
	background-image: url(../img/tab-r_gif.gif);
	margin-left: 10px; 
	margin-right: 0px; 
	padding-left: -10px; 
}
* html #menuA .seccionActiva span {
	background-image: url(../img/tab-l_gif.gif);
	margin-left: 0px; 
	margin-right: -15px; 
	padding-left: 10px; 
	position: relative; 
	left: -10px;
}


* html #menuA ul .resaltado { 
	background-image: url(../img/tab-r_gif_resaltado.gif);
	margin-left: 0px;
	margin-left: 10px; 
	margin-right: 0px; 
	padding-left: -10px;
}
* html #menuA ul .resaltado a { 
	background-image: url(../img/tab-l_gif_resaltado.gif);
	margin-left: 0px;
	margin-left: 0px; 
	margin-right: -15px; 
	padding-left: 10px; 
	position: relative; 
	left: -10px;
}
/* */ 





/************************************ ESTILOS MENU B *********************************************************/

#menuB {
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	right: 0px;
	width: 100%;
	text-align:right;
}


#menuB ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 100%;
}


#menuB ul li {
	float: right; /* LAS LISTAS SE ACOMODAN EN MODO INVERTIDO PARA ALINEAR A LA DERECHA CORRECTAMENTE */
}

#menuB li a {
	display: block;
	text-decoration: none;
	float: left;
	margin-top: 15px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#menuB li img {
	display: block;
	float: left;
	margin-top: -13px;
}

/************************************ ESTILOS GRAFICO HEADER *********************************************************/


#graficoHeader {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 850px;
	position: absolute;
	top: 90px;
}
#graficoHeader .bgHeader, #graficoHeader .bgHeader-ENG, #graficoHeader .bgHeader-intro {
	background-repeat: no-repeat;
	background-position: right top;
	height: 200px;
	width: 100%;
}

#graficoHeader .bgHeader {	background-image: url(../img/imgHeader.png); }
#graficoHeader .bgHeader-ENG {	background-image: url(../img/imgHeader-ENG.png); }
#graficoHeader .bgHeader-intro {	background-image: url(../img/imgHeader-intro.png); }


/* PNG TRANSPARENTE PARA IE6 */
/* OCULTAR PARA IE5/Mac */ 

/* \*/  

* html #graficoHeader .bgHeader {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/imgHeader.png", sizingMethod="scale");
	height: 70px;
}
* html #graficoHeader .bgHeader-ENG {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/imgHeader-ENG.png", sizingMethod="scale");
	height: 70px;
}
* html #graficoHeader .bgHeader-intro {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/imgHeader-intro.png", sizingMethod="scale");
	height: 70px;
}

* html #graficoHeader .bgHeader-intro {	background-image: url(../img/imgHeader-intro.gif); }



/************************************ ESTILOS SUBMENU *********************************************************/

#submenu {
	background-image: url(../img/sm-l.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 20px 20px 0;
	height: 30px;
	margin-left: 70px;
}

#submenu ul {
	color: #FFFFFF;
	font-size: 11px;
	list-style: none;
	float: left;
	background-image: url(../img/sm-r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0 10px 10px 0;
	margin: 0 0 0 10px;
	white-space: nowrap;
}

#submenu ul .inicial {
	float: left;
	list-style: none;
	background-image: none;
	padding-left: 0px;
}


#submenu ul li {
	background-image: url(../img/sm-separador.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 8px; /* separacion */
} 
#submenu li a {
	display: block;
	text-decoration: none;
	float: left;
	padding-top: 6px;
	padding-right: 4px; /* separacion */
	padding-left: 5px;
	padding-bottom: 2px;
	margin-left: 0px;
	color: #DDDDDD;
	font-size: 11px;
	font-weight: normal;
}
#submenu ul a:hover {
	background-image: url(../img/sm-activo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #333333;
	text-decoration: none;
}
#submenu ul a:active {
	color: #555555;
	padding-top: 7px;
}

#submenu .seccionActiva, #submenu .seccionActiva-inicial {
	display: block;
	background-image: url(../img/sm-separador.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#submenu .seccionActiva-inicial {
	background-image: none;
	padding-left: 0px;
}


#submenu .seccionActiva span, #submenu .seccionActiva-inicial span {
	background-image: url(../img/sm-activo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	padding-top: 6px;
	padding-right: 4px; /* separacion */
	padding-left: 8px; /* separacion */
	padding-bottom: 2px;
	margin-left: 0px;
	color: #FFFFFF;
}

#submenu span { /* CON ESTE ESTILO YA NO SE REQUIERE APLICAR LAS CLASES .seccionActiva O .seccionActiva-inicial */
	background-image: url(../img/sm-activo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	padding-top: 6px;
	padding-right: 4px; /* separacion */
	padding-left: 8px; /* separacion */
	padding-bottom: 2px;
	margin-left: 0px;
	color: #FFFFFF;
}


/* AJUSTE PARA IE6 */
/* OCULTAR PARA IE5/Mac */ 

/* \*/  
* html #submenu ul {
	margin-left: 5px;
}
* html #submenu li a {
	margin-left: 0px;
}
* html #submenu .seccionActiva {
	margin-left: 0px;
}
* html #submenu .seccionActiva span {
	margin-left: 0px;
}
/* */ 




/************************************ ESTILOS SUBMENU VERTICAL *********************************************************/


#submenuVertical {
	padding: 15px 0 15px 0;
	margin-left: 70px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBBBBB;

}

#submenuVertical ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#submenuVertical ul li {
	margin: 0px;
	padding: 0px;
}
#submenuVertical li a {
	display: block;
	text-decoration: none;
	background-image: url(../img/bullet-off.gif); /* bullet hover */
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-weight: normal;
	color: #666666;		/* #666666	*/
	padding: 0 0 0 20px; /* espacio para bullet */

}
#submenuVertical ul a:hover {
	background-image: url(../img/bullet.gif); /* bullet hover */
	color: #0574A9;
}
#submenuVertical ul a:active {
	color: #0099CC;
	text-decoration: none;
}

#submenuVertical span {
	display: block;
	text-decoration: none;
	background-image: url(../img/bullet-off.gif); /* bullet hover */
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-weight: bold;
	color: #333333;
	padding: 0 0 0 20px; /* espacio para bullet */

}


/************************************ ESTILOS SWAP DIVS *********************************************************/

/* SWAP MENU */

#content #swapMenu {
	font-size: 12px;
	line-height: 16px;
	display: block;
	height: 53px;
	margin: 20px 100px -1px 80px;
	padding: 0;
}

#content #swapMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #swapMenu ul li {
	float: left;
	width: 180px;
}

#content #swapMenu li a {
	display: block;
	padding: 14px 18px 8px 18px;
	text-decoration: none;
	font-weight: normal;
	color: #777;
}

#content #swapMenu li a:hover 	{	color: #333; }
#content #swapMenu li a:active 	{	color: #777; }

#content #swapMenu a.activo {
	background-color:transparent;
	background-image:url(../img/btn_tabInterior.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;	
	color: #333;

}
#content #swapMenu a.oculto {
	background-color:transparent;
	background-image:url(../img/btn_tabInterior.png);
	background-repeat: no-repeat;
	background-position: left top;	
	padding-bottom: 7px;
}


* html #content #swapMenu a.activo {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/btn_tabInterior.png", sizingMethod="scale");
}
* html #content #swapMenu a.oculto {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/btn_tabInterior.png", sizingMethod="scale");
}


/* SWAP INFO */

#content #swapInfo {
	display: block;
	background-color:#fff;
	border:1px solid #BBB;
	margin-top:1px;
	margin-left: 70px;
	margin-right: 140px;
	padding: 2em .5em 1em 0;
}

#content #swapInfo p, #content #swapInfo h1, #content #swapInfo h2, #content #swapInfo h3, #content #swapInfo h4, #content #swapInfo h5, #content #swapInfo h6, #content #swapInfo blockquote, #swapInfo #submenuVertical {
	padding-left: 40px;
	margin-right: 70px; /* en lugar de width para compensar margenes */
	/*width: 420px;*/ /* lo quit porque provoca conflicto en template de home */
}

#content #swapInfo ul, #content #swapInfo ol {
	padding: 0 40px 1em 80px;
	list-style: none;
}


#content #swapInfo a[href$='.doc'] {
    display: block; /* inline-block */
	width: 350px;
    padding: 12px 12px 12px 45px;
    line-height:18px;
	text-decoration: none;
	font-weight: normal;
    background:transparent url(../img/icono_word.gif) 5px center no-repeat;
	border:1px solid #FFF;
}

#content #swapInfo a[href$='.pdf'] {
    display: block; /* inline-block */
	width: 350px;
    padding: 12px 12px 12px 45px;
    line-height:18px;
	text-decoration: none;
	font-weight: normal;
    background:transparent url(../img/icono_pdf.gif) 5px center no-repeat;
	border:1px solid #FFF;
}


#content #swapInfo a:hover[href$='.doc'], #content #swapInfo a:hover[href$='.pdf'] {
	background-color:#EEE;	
	border:1px solid #BBB;

}





/************************************ ESTILOS TABLAS *********************************************************/




#content table {
	width: 518px;
	margin-left: 70px;
	border-collapse: collapse;
	line-height: 1.6em;
}
#content table td {
	padding: 5px;	
	margin: 0px;
	vertical-align: top;
}
#content table th {
	padding: 5px;
	margin: 0px;
}
#content table td p, #content table th p { 
	padding: 0 0 1em 0;	
	margin: 0px;
}
#content table td h1, #content table th h1 { /* HAY QUE DEFINIR PARA UL Y OL */
	padding: 0px;	
	margin: 0px;
}
#content table ul, #content table ol {
	list-style-image: none;
	list-style-type: disc;
	padding: 0 0 0 15px;
	margin: 5px;
	color: #333333;
}

/************************************ ESTILOS FOOTER *********************************************************/




#footer .izquierda {
	width: 50%;
	float:left;
	text-align:left;
}
#footer .derecha {
	width: 50%;
	float:right;
	text-align: right;
}


/************************************ ESTILOS IMAGENES *********************************************************/


#content img {
	margin: 10px 20px 10px 70px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img[title]:after { /* PARA DESPLEGAR LA INFORMACIN DEL TITLE COMO CAPTION TAG */
content: "[" counter(image) "] " attr(title);
counter-increment: image;
display: block;
font-size: 10px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 20px;
color: black;
}

#content .imgDerecha {
	margin: 0 40px 0 40px;
	float: right;	
}


#content .img-Obra {
	margin: 0;
	float: left;	
}
#content .img-Obra img {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}




#content .img-caption {		/* las imagenes miden 350px aprox */
	width:380px;
	margin: 0 40px 20px 40px;
	float: right;
}
#content .img-caption-left {		/* las imagenes miden 350px aprox */
	margin: 0 10px 20px 5px;
	float: left;
}
#content .img-caption-right {		/* las imagenes miden 350px aprox */
	margin: 0 40px 20px 0px;
	float: right;
}
#content .img-caption img {
	margin: 0 0 5px 0;
	float: right;
	clear: both;
}
#content .img-caption p {
	width: 250px;
	margin: 0px;
	padding: 0 0 1em 0;
	float: right;
	text-align:right;
	clear: both;
	color: #333333;
}


#content .img-caption-completa {		/* las imagenes miden 350px aprox */
	margin: 0 40px 20px 0px;
	float: none;
}
#content .img-caption-completa img {
	margin: 0 0 5px 0;
	float: right;
	clear: both;
}
#content .img-caption-completa p {
	width: 250px;
	margin: 0px;
	padding: 0 0 1em 0;
	float: right;
	text-align:right;
	clear: both;
	color: #333333;
}


#content .botonesH {
	margin: 5px 0 15px 70px;
	clear: both;
	width: 90%;
	height: 20px;
}
#content .botonesH img{
	margin: 0px;
	padding: 0px;
	float:left;
}


/* For Social MediaIcons / twitter / facebook /
#twitter-follow { border: 0;position: fixed; bottom: 10px; right:0; border-style: none;}
#facebook-follow { border: 0;position: fixed;  bottom: 50px; right:0; border-style: none;}	 */

#socialmedia, #socialmedia img { border-style: none; 
	width: 100%;
	clear:both;
	float: right;
	text-align: right;
}