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




body {
	margin:0;
	padding:0;
	height:100%; /* this is the key! */
	width: 100%;
	text-align: center;
}

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

#container {
	background-color: transparent;
	position: relative;
	margin-top: 0px;	
	margin-bottom: 0px;
	padding: 0px;
	width: 960px;
	height:100%;	
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#header {
	min-height: 195px; *height: 195px; /* altura flexible para que se adapten menus de varios renglones */
	width: 960px; /* TAMANO DEL CONTAINER + 1 PX POR CADA LADO */
	margin: 0px;
	padding: 0 0 1px 0; /* separacion entre header y footer */
}
#ContentWhite {		/* el area entre el header y el footer */
	padding-top: 35px;
	float: left;
	background-color:#FFFFFF;
	width:960px;
	height:100%;	
}

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

#graficoHeader {
	margin:0;
	padding:0;
	width: 960px;
	height: 162px;
	text-align:right;
}
.BG1, .BG2, .BG3, .BG4, .BG5, .BG6, .BG7, .BG8 {
	background-position:bottom right;
	background-repeat:no-repeat;
}
.BG1 {	background-image:url(../img/topbanner/topbanner1.jpg); }
.BG2 { background-image:url(../img/topbanner/topbanner2.jpg); }
.BG3 { background-image:url(../img/topbanner/topbanner3.jpg); }
.BG4 { background-image:url(../img/topbanner/topbanner4.jpg); }
.BG5 { background-image:url(../img/topbanner/topbanner5.jpg); }
.BG6 { background-image:url(../img/topbanner/topbanner6.jpg); }
.BG7 { background-image:url(../img/topbanner/topbanner7.jpg); }
.BG8 { background-image:url(../img/topbanner/topbanner8.jpg); } 

#topbannerIMG {
	margin:0;
	padding:0;
	width: 960px;
	height: 135px;
/*	float:right;	*/
	padding-top:27px;
	background-color:#999999;
}
#topbannerIMG img {
	text-align:right;	
}

/* escondemos---
#graficoHeader .bgHeader, #graficoHeader .bgHeader-ENG, #graficoHeader .bgHeader-intro {
	background-repeat: no-repeat;
	background-position: right top;
	height: 145px;
	width: 100%;
}

#graficoHeader .bgHeader {	background-image: url(../img/header-Flash.jpg); }
#graficoHeader .bgHeader-ENG {	background-image: url(../img/header-Flash_ENG); }
#graficoHeader .bgHeader-intro {	background-image: url(../img/imgHeader-intro.png); }
----end escondemos */

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

/* \*/  


/* escondemos---
* 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;
}
----end escondemos */




#contenido {
	width: 450px;			/*	480 total - 15 de padding left - 15 padRight		*/
	min-height: 400px;
	float:left;
    height:100%;
	padding-left:15px;	/* Le decimos cuanta se separara de los margenes izq y der */
	padding-right:15px;
 /*	position:absolute;      */	
 
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;		
}

#footer {
	margin: 0;
	border: 0;	
	width: 960px;	
	height: 147px;
	background-image:url(../img/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 20px;	
	float:left;
}





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

#contenido p, #contenido h1, #contenido h2, #contenido h3, #contenido h4, #contenido h5, #contenido h6, #contenido blockquote, #submenuVertical {
	margin: 0px;
/*	padding-left: 70px;
	margin-right: 360px; */
}
#contenido h1, #contenido h2, #contenido h3, #contenido h4, #contenido h5, #contenido h6 {
	padding-top: 1em;
	padding-bottom: 0.5em;
	line-height: 1.1em;
}
#contenido blockquote {
	padding-top: 1em;
	padding-bottom: 1em;
}
#contenido blockquote p {
	padding-left: 0px;
	margin-right: 0px; 
}

#contenido p {
	padding-bottom: 1em;
}

#contenido ul, #contenido ol {
/*	padding: 0 350px 1em 110px;	*/
}

#contenido ul {
	list-style-image: url(../img/bullet_ROJO.gif);
	list-style-position: center 10px;
}

#contenido ul li, #contenido ol li {
	padding-top: 0; 
	padding-bottom: 0; 

}

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


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

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

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



/************************************ Banner DERECHA *********************************************************/

#banner {
	width: 239px;	/* 240 - 1px de linea izquierda		*/
	float:right;
 /*	position:absolute;      */
    height:100%;	
}
#banner p {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;	
}
#banner H1, #banner H2, #banner H3, #banner H4, #banner H5, #banner H6 {
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
}
#banner H1 {
	padding-top: 14px;
	padding-bottom: 10px;
}
#banner H2 {
	padding-top: 5px;
	padding-bottom: 5px;
}
#banner img {
	padding-left:15px;
	padding-right:20px;
}









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




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




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


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

#contenido  .imgEncabezado {		/*  clase para  imagen que encabeza el articulo */
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	position:relative;
}

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;
}

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

#contenido .img-caption {
	margin: 0 40px 20px 40px;
	float: right;
}
#contenido .img-caption img {
	margin: 0 0 5px 0;
	float: right;
	clear: both;
}
#contenido .img-caption p {
	width: 250px;
	margin: 0px;
	padding: 0 0 1em 0;
	float: right;
	text-align:right;
	clear: both;
	color: #333333;
}
#contenido .botonesH {
	margin: 5px 0 15px 70px;
	clear: both;
	width: 90%;
	height: 20px;
}
#contenido .botonesH img{
	margin: 0px;
	padding: 0px;
	float:left;
}


#contenido .flotaIzquierda {
	float:left;
}
#contenido  .flotaDerecha {
	float:right;
}

#links_tabla {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#links_tabla td {
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#links_tabla img {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#links_tabla p {
	margin: 0px;
	line-height: normal;
}

#noticias_tabla {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#noticias_tabla img {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	height: 60px;
	width: 80px;
}
#noticias_tabla td {
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#noticias_tabla p {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0px;
	line-height: normal;
}

/*********************************************************************** ESTILOS DE ARRIBA REVISADOS. REVISAR ESTILOS DE AQUI EN DELANTE ****************/
/* Seccion de BUSQUEDA / SEARCH
   ---------------------------------------------- */
#busqueda {
	vertical-align: middle;
/*	height: 10px;	*/
	font-size: 6px;
	display:block;
	
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;		

	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin: 0px;	

}
input {
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	text-transform: capitalize;
	font: Verdana, Arial, Helvetica, sans-serif;
}



/************************************ ESTILOS BOTON ESPECIAL *********************************************************/

#container a.btn_especial {
	background: #990000 url(../img/btn_especial.gif) no-repeat scroll top right;
	color: #CCCCCC;
	display: block;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	font-weight: normal;
	
	font-size:12px;
}

#container a.btn_especial span {
    background: transparent url(../img/btn_especial.gif) no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 18px;
}

#container a.btn_especial:hover {
    color: #FFF;
}

#container a.btn_especial:active {
    background-position: bottom right;
    color: #FFF;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

#container a.btn_especial:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}








/* ******************* BUSCADOR ************************************* */

input#txtBuscador {
	background-image: url(../img/btn_formatxt.gif);
	background-position:top right; 
	background-repeat:no-repeat;
	width:121px; 
	height:26px; 
	border:0 !important; 
	padding:0.66em 0.5 0.17em 0.5em; 
	float:left;
}
input[type='text']:focus#txtBuscador {border: 0 !important; outline: 0;} 

input#btnBuscador {
	width:63px; 
	height:26px; 
	margin:0 0 0 0 !important; 
	padding:0;
	border:0;
}

input#txtBuscadorb {
	background-image: url(../img/btn_formatxtb.gif);
	background-position:top right; 
	background-repeat:no-repeat;
	width:125px; 
	height:26px; 
	border:0 !important; 
	padding:0.66em 0px 0.17em 1px; 
	float:left;
}







/* ****************** PRUEBA BUSCADOR Y BOLETIN OPCION2 ************************ */



fieldset.buscador, fieldset.boletin {
	border: none;
	width: 188px;
	margin: 18px -7px 0 -7px;
	/*background: #222;*/

}
.buscador input, .buscador button, .boletin input, .boletin button {
	border: none;
	float: left;
}
.buscador input.box, .boletin input.box {
	color: #333;
	font-size: 1em;
	width: 102px;
	height: 18px;
	padding: 8px 10px 0 8px;
	background:  url(../img/field_buscar_enviar.gif) no-repeat;
	margin-right: 3px;
}
.buscador input.box:focus, .boletin input.box:focus {
	background:  url(../img/field_buscar_enviar.gif) no-repeat left -26px;
	outline: none;
}
.buscador button.boton, .boletin button.boton {
	width: 60px;
	height: 26px;
	cursor: pointer;
	text-indent: -9999px;
}


.buscador button.boton {
	background: url(../img/field_buscar_enviar.gif) no-repeat -120px 0px;
}

.boletin button.boton {
	background: url(../img/field_buscar_enviar.gif) no-repeat -180px 0px;
}

.buscador button.boton:hover {
	background: url(../img/field_buscar_enviar.gif) no-repeat -120px -26px;
}

.boletin button.boton:hover {
	background: url(../img/field_buscar_enviar.gif) no-repeat -180px -26px;
}