@charset "utf-8";

/********************************************* LAYOUT 
*****************************************************/
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ccc; color: #25272c;
	margin: 0;
	padding: 0;
	text-align: center; /* para centrar en IE 5* browsers. El texto se alinea a izq en el selector #todo*/
	font-size:1em;
	overflow: visible;}

a {text-decoration:none; color:#425159; background: none;}
a:hover {text-decoration:underline; color:#000;  background: none;}
a:visited {color:#952900;  background: none;}

.cuerpo #todo { 
	width: 100%;  /* ANCHO Fluido */
	background: #fff url(../image/bg_todo.jpg) repeat-x;
	color: #25272c;
	margin: 0 auto; /* auto margins con un ancho def. centra la pagina */
	/*border: 1px solid #000000;*/
	text-align: left; /* cambia text-align: center en el elem. body */}
 
a img {border:none;}

#todo #contenido h1, #contenido h2, #contenido h3 {font-weight:normal;}

#contenido h1, #contenido h2, #contenido h3, #contenido h4 {color:#344c58; padding:0 25px 0 0; background: none;}

#todo #contenido h1 {font-size:1.563em; color:#193C62; margin:0 0 20px 0; background: none;}/*f25px*/
#todo #contenido h1 a {text-decoration:none; }
#todo #contenido h1 a:hover {text-decoration:underline;}

#contenido h2 {font-size:1.25em;font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 10px 0;}/*f20px*/
#contenido h3 {font-size:1.07em; background: none; color:#193C62; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 10px 0;}/*f17px*/
#contenido h4 {margin:0 0 10px 0;}
#contenido p {font-size:.875em; line-height:20px; padding-right:20px;}/*f12px*/

#contenido h1.raya, #contenido h2.raya, #contenido h3.raya, #contenido h4.raya {border-bottom:dotted 1px #425159;
 /*width:41.875em; 670px;*/ padding:5px 0 0 0; margin:0 0 5px;}

/*#contenido table.contenido {width:700px; border:none; border-spacing:.5em;}
#contenido table td {padding:3px; vertical-align:top;}
#contenido table td h3 {margin:0 0 .5em 0;}
#contenido table td p {margin:0 0 1em 0;}*/

/******* TABLA GENERICA *****/
#contenido table.conte {width:43.75em; /*700px;*/ border:none; border-spacing:.5em;}
#contenido table.conte td {padding:3px; vertical-align:top;}
#contenido table.conte td h3 {margin:0 0 .5em 0;}
#contenido table.conte td p {margin:0 0 1em 0;}

/******* TABLA PRECIOS *****/
#contenido table.lista caption {font-size:1.25em;font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 10px 0; color:#344c58; background: none;}
#contenido table.lista th {text-align: left;}
#contenido table.lista {width:43.75em; /*690px;*/ border:none; border-spacing:0;}
#contenido table.lista td.toptd {border-top:1px #ccc solid;}
#contenido table.lista td.sinbottom {border-bottom:none;}
#contenido table.lista td {padding:5px; vertical-align:top; border-bottom:1px #ccc solid;
 border-collapse:collapse;}
#contenido table.lista td.precio { font-weight:bold; text-align:right;}
#contenido table.lista td h3 {margin:10px 0 5px 0;}
#contenido table.lista td img {padding:0 5px 0 5px; display:inline; margin-bottom:-3px;}

/******* LINKS SUBIR *****/
img.subir {float:right; padding:0 0 4px 0; margin:-3px -9px 0 0;}
#contenido p.subir {text-align:right; margin:0 0 25px 0; border-top:1px dashed #ccc; padding:0px;}
#contenido p.subir a {text-decoration:none;}

#contenido p.submenup {font-size:0.75em; margin:0px; padding:0px; line-height:14px;}

#contenido img.imgizq {float:left; border:0px;}

.limpiar {clear:both;}

/************************************ 
                 TOP 
*************************************/
.cuerpo #top { background: #fff url(../image/bg_top.jpg) no-repeat top; color: #25272c;
	padding:0 10px 0 20px;
	height:50px;
	position:relative;}
.cuerpo #top img {margin:0px; padding:0px;}
.cuerpo #top #top_descripcion { position:absolute; font-size:.75em; font-weight:normal; line-height:14px; 
color:#425159; background: none; margin:0px; top:5px; left:160px;}/*f12px*/
.cuerpo #top #top_descripcion span {font-size:0.563em;}/*f9px*/

/*legacy*/
.cuerpo #top img {margin:0px; padding:0px;}
.cuerpo #top h2 { position:absolute; font-size:.875em; font-weight:normal; line-height:14px; 
color:#525F65; margin:0px; top:5px; left:160px; background: none;}
.cuerpo #top h2 span {font-size:0.563em;}
/********************/

/* MENU Arriba Derecha */
.cuerpo #top ul {margin:0; padding:0; float:right;}
.cuerpo #top ul li{ float:left; display:block; list-style:none;
 padding:0px 3px; font-size:0.75em; margin:2px 0 0 0;/*f12px*/
 border-left:1px solid #A9B2B7;}
.cuerpo #top ul li#saltear,.cuerpo #top ul li#saltear a {border-left:0px;}
 
 /* FORM Busqueda */
li#campob {text-align:right; position:relative; height:20px; overflow: hidden;} /*contenedor inputs*/

form#cse-search-box div {float:right; width:8.438em;/*135px;*/}

input#campobusq {width:4.7em;/*75px;*/ height:12px; padding:0px; background:#fff !important; color: #25272c;} /*f11px campo de texto*/

input#btn_campobusq { width:3em;/*15px;*/ height:15px; font-size:0.688em; background: url(../image/btn_buscar_2.gif) no-repeat; border:none; color:#fff;} /*f11px cambpo boton*/

label {font-weight: bold;}
#cse-search-box label { font-weight:normal !important; font-size: 1em;}

#cse-search-results {width:50.625em;/*/810px;*/ background:none; overflow:hidden; color: #25272c;} /*Resultado de busqueda impo*/ 
 
.cuerpo #top h3 {
	margin: 0; /* zeroing the margin of the last element in the #top div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 2px;}


/************ MENUTOP **********/
.cuerpo #menutop { 
	background: #DEAB7E url(../image/fondo_menutop.gif) top repeat-x; 
	color: #25272c;
	padding: 0 10px 0 20px;
	height:30px;/* altura de menu*/
	font-size:0.75em;/*f12px*/
} 

.cuerpo #menutop ul#menutoplinks, .cuerpo #menutop ul#menutopder {
position:relative; 
margin:0px; 
padding:0px; 
list-style:none; 
top:2px;
text-transform:uppercase;}

.cuerpo #menutop ul#menutoplinks li, .cuerpo #menutop ul#menutopder li { 
position:relative; 
margin:0px; 
/*padding:0px 10px 0px 10px; */
float:left; 
height:30px; 
line-height:27px; 
text-align:center; 
border-left:1px solid #F2D7BD;}

.cuerpo #menutop ul#menutopder li {border:none;}
.cuerpo #menutop ul#menutopder {float:right;}

.cuerpo #menutop ul#menutoplinks li a, .cuerpo #menutop ul#menutopder li a {background:none; color:#25272C; display:block;padding:0px 10px 0px 10px; border:none;}

.cuerpo #menutop ul#menutoplinks li a:hover, .cuerpo #menutop ul#menutopder li a:hover {color:#fff; background:#ac5c1f; text-decoration:none;}


/***
***************  TOP_2 **********/
.cuerpo #top_2 { 
	background: #313D43 url(../image/fondo_top_2.gif) bottom repeat-x; 
	padding: 0 10px 0 25px;
	height:20px;
	color:#FFF;
	font-size:0.688em;/*f11px*/
	line-height:20px;} 

.cuerpo #top_2 a {color:#fff; background: none;}

.cuerpo #top_2 ul {margin:0px; padding:0px;}
.cuerpo #top_2 ul li {position:relative; margin:0px; float:left; height:20px;
line-height:20px; text-align:center;list-style:none;}

.cuerpo #top_2 ul li a {text-decoration:none;padding:0px 3px 0px 3px;}
.cuerpo #top_2 ul li a:hover {text-decoration:underline;}

.cuerpo #top_2 #fecha {float:right; margin:0px;}


/*** 
***************  MENUTOP_2  **********/
.cuerpo #menutop_2 ul#menutop_2links {margin:0px; padding:0px; list-style:none;}
.cuerpo #menutop_2 ul#menutop_2links li { position:relative; margin:0px; float:left; height:30px;
line-height:30px; text-align:center; border-left:1px solid #FFF;}

.cuerpo #menutop_2 ul#menutop_2links li a {color:#25272C; display:block;padding:0px 10px 0px 10px; background: none;}
.cuerpo #menutop_2 ul#menutop_2links li a:hover {background:#DEAB7E; text-decoration:none; color: #25272c;}

.cuerpo #menutop_2, .cuerpo #menutop_2v { 
	background: #F2D7BD url(../image/fondo_menutop_2.gif); 
	padding: 0 10px 0 20px;
	height:30px;
	color:#2d2d2d;
	font-size:0.75em;/*f12px*/
}
.cuerpo #menutop_2v {height:15px;}


/**********************************************
                SIDEBAR 
**********************************************/
.cuerpo #sidebar1 {float: right;	width:11.875em;/* 190px; *//* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	padding: 5px 0 1px 10px; background:url(../image/bg_side_bar.gif) no-repeat bottom;color: #25272c;/* the background color will be displayed for the length of the content in the column, but no further */
	margin:15px 15px 0 0; line-height:14px;}

.cuerpo #sidebar1 h2 { margin:0px; padding:0px 0px 10px 0px; font-size:0.938em; color:#193C62; background: none;}/*f15px*/
/*.cuerpo #sidebar1 ul#menu_izq {margin:0px; padding:0px; list-style:none; text-align:right;}
.cuerpo #sidebar1 ul#menu_izq li { position:relative; left: -10px; margin:0px; height:30px; line-height:30px; width:180px; padding:0px 10px 0px 10px;}
.cuerpo #sidebar1 ul#menu_izq li a {display:block; padding:0px 10px 0px 10px;}
.cuerpo #sidebar1 ul#menu_izq li a:hover {background-color: #ac5c1f; color:#fff; text-decoration:none; }*/
#sidebar1 ul#menu_ico {text-align:left; margin:0px 0px 4px 0px; padding:7px 0 0 0;}
#sidebar1 ul#menu_ico li {margin:5px 0px 5px 0px; width:11.25em;/*180px;*/ padding:0px; list-style:none;}
#sidebar1 ul#menu_ico li span {margin:0px 0px -5px 0px; padding:0px; line-height:18px; font-weight:bold; color:#344C58; background: none;}
#sidebar1 ul#menu_ico li span:hover {color: #952900; background: none;}
.cuerpo #todo #sidebar1 ul#menu_ico ul li { font-size:0.688em; margin:0px 0px 0px -40px; padding:0px;}/*f11px*/

.cuerpo #todo #sidebar1 ul#menu_ico li p{font-size:0.688em; margin:0 0 5px; font-weight:normal;}/*f11px*/
.cuerpo #todo #sidebar1 ul#menu_ico li img {float:left; margin:0px 5px 0px 0px; border:none;}

.cuerpo #sidebar1 ul#menu_ico li a {}
.cuerpo #sidebar1 ul#menu_ico li a:hover {color: #952900; background: none;}
.cuerpo #sidebar1 ul#menu_ico li p a{color:#344C58; background: none;}

.cuerpo #sidebar1 #acceder {margin:0 0 37px -4px; #margin:0 0 17px -4px; padding:0 0 0 10px; background:url(../image/bg_side_acceso.gif) bottom no-repeat; color: #25272c;  background: none; width:11.25em;/*180px;*/ height:131px;}
.cuerpo #sidebar1 #acceder p#tit_acceder { font-size:1em; padding:4px 0 4px 0; margin:0px; font-weight: bold; background: none; color:#344c58;}
.cuerpo #sidebar1 #acceder p {padding:2px 0 0 0; margin:0px; font-size:0.688em;}/*f11px*/

.cuerpo #sidebar1 #acceder p#olvido_psw {	#margin:-15px 0 0 0;}

.cuerpo #sidebar1 #acceder input {display:block; font-size:0.625em;}/*f10px*/
.cuerpo #sidebar1 #acceder input.boxchica {height:12px; width:6.25em;/*100px;*/ padding:0px;}

#btn_aceptar { background:url(../image/btn_buscar.gif) no-repeat; height:15px; width:5em;/*50px;*/ 
color:#fff; border:none; margin-top:5px; line-height:11px; font-size:0.688em;}/*f11px*/

/*********************************************************
                                CONTENIDO GRAL 
**********************************************************/

/* #todo { overflow: hidden;} /* para que no salga 2a barra scroll en IE*/
.cuerpo #contenido { 
	margin: 0px; /* si se remueve este margen el contenido de esta div se llena por debajo del sidebar */
	padding:10px 0 0 30px;
	width:90%;/* FLUIDO banco dat */
	} 

.cuerpo #contenido a {color:#193c62; text-decoration:underline; background: none;}
.cuerpo #contenido a:hover {color:#952900; text-decoration:none; background: none;}

.cuerpo #contenido h1 {clear:left; margin:0px;}

#contenido ul li {list-style-image:url(../image/arrow_li.gif); line-height:18px; padding:0 0 0.313em 0; font-size: .875em;}/*f14px*/

#contenido ul.sinflecha li {list-style: none;}


/*********************************************************
                       CONTENIDO 2 
**********************************************************/

.cuerpo #contenido_2 { 
	margin-top:18px; /*separa la guarda del contenido*/
	padding: 10px 10px 10px 20px; /* mismo margen que otros */
	background: #D6DDE3 url(../image/bg_contenido_2.jpg) no-repeat bottom;
	color: #25272c;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	#height: 134px;}

.cuerpo #contenido_2 a {text-decoration:underline;}
.cuerpo #contenido_2 a:hover {text-decoration:none;}

.cuerpo #contenido_2 #publicaciones, 
.cuerpo #contenido_2 #eventos, 
.cuerpo #contenido_2 #estandares { float:left; padding:5px 10px 5px 5px; margin:0px; }

#contenido_2 #publicaciones, 
#contenido_2 #eventos { width:21.313em;/*341px;*/ border-right:1px #A9B2B7 solid; padding:5px 10px 5px 20px;position: relative; height: 112px; overflow: hidden;}

#contenido_2 #publicaciones h2, 
#contenido_2 #eventos h2 { margin:0px; font-size:1.125em; font-family:Georgia, "Times New Roman", Times, serif;/*f18px*/
font-weight:normal;}
#contenido_2 #eventos h2 span {font-size:0.625em; font-family:Arial, Helvetica, sans-serif; font-style: italic;}/*0.625em f10px*/

/**** Lista de libreria ****/
.cuerpo #contenido_2 #publicaciones ul.libre {margin:0px; padding:0px; width:13.125em;/*210px;*/ height:77px; overflow:hidden; float:left;}
.cuerpo #contenido_2 #publicaciones ul.libre li {float:left; list-style:none; font-size:0.75em; width:4.375em; padding:7px 0px 0px 0px;}/*f12px*/  /*70px;*/ 

.cuerpo #contenido_2 #publicaciones #dgratis {margin:1.25em 0 0 13.125em; padding:0px 0 0 0; width:15em;/*135px; son 240px en realidad*/ font-size:0.75em; line-height:15px; #position:absolute; #top:0; #left: 0;}/*f12px*/

.cuerpo #contenido_2 #eventos h4 {margin:0px; font-size:0.875em; color:#425159; border:none; background: none;}/*0.875em f14px*/
.cuerpo #contenido_2 #eventos h3 {font-size:0.688em; line-height:14px;/*0.688em f12px*/
margin:-35px 0 0 170px; width:14.8em;/*tendria que ser 10 em o 160px*/ font-weight:normal; text-align:right; padding:3px 10px 3px 3px;
background:url(../image/bg_sala_h3.gif) no-repeat; color: #25272c;}
.cuerpo #contenido_2 #eventos h3 span.h3_13px {font-size:0.875; font-weight:bold;}/*1em f16px*/
.cuerpo #contenido_2 #eventos h3 a {text-decoration:underline;color: #25272C; background: none;}

.cuerpo #contenido_2 #eventos p {margin:0px; font-size:0.75em; color:#2d2d2d; background: none;}/*0.75em f12px*/

/*.cuerpo #contenido_2 #eventos ul.libre {margin:0px; padding:0px; width:340px; height:70px; overflow:hidden; }
.cuerpo #contenido_2 #eventos ul.libre li {list-style:none; padding:7px 0px 0px 0px;}/*f12px*/
.cuerpo #contenido_2 #eventos .libre { margin:5px 0 0 0;}
.cuerpo #contenido_2 #eventos .libre h3 { color:#25272c; text-align: left; float:none; background:none; margin:0px; padding:0px; width:100%;}
.cuerpo #contenido_2 #eventos .libre p {height:0px; visibility:hidden; margin-top:0px; border-bottom:1px solid #25272c;}
.cuerpo #contenido .libre p{ border-bottom:1px dashed #a9b2b7; width:40.625em;/* 650px;*/}

.cuerpo #contenido_2 #estandares {width:10.625em;/*170px;*/ padding:0 0 0 20px;}
.cuerpo #contenido_2 #estandares ul {margin:0; padding:0px;}
.cuerpo #contenido_2 #estandares ul li {list-style:none; font-size:0.75em; padding:0px; line-height:18px;}/*0.75em f12px*/
.cuerpo #contenido_2 #estandares ul li.chip {font-size:0.688em;}/*line-height:1.4em;*/
.cuerpo #contenido_2 #estandares ul li.sep4px { padding-top:4px; }


/************************************************
                  CONTENIDO 3 
 ***********************************************/
.cuerpo #contenido_3 { 
	padding: 5px 10px 5px 20px; /* mismo margen que otros */
	background:#60757E url(../image/bg_contenido_3.jpg) bottom no-repeat;
	color:#ffffff;	/*height:160px;*/
	font-family: Arial, Helvetica, sans-serif; #height: 254px;
}
.cuerpo #contenido_3 ul {margin:0 0 10px 0; padding:0 0 0 15px; list-style:none; float:left; border-left:1px solid #A4B1B7;
width:10.625em;/*170px;*/}
.cuerpo #contenido_3 ul#primera_c3 { margin:0 0 0 -15px; border:none;}
.cuerpo #contenido_3 ul li {margin:0px; padding:0px 10px 0px 10px; line-height:1.5em;	font-size:0.75em;/*0.75em f12px*/}
.cuerpo #contenido_3 ul li.m3_sub {display:block; font-weight:bold; padding:9px 0 0 0; font-size:0.875em; color:#E7CB93; background: none; /*0.875em f14px*/
padding-left:10px; width:9.375em;/*150px;*/}

.cuerpo #contenido_3 ul li a {color:#fff; background: none;}
.cuerpo #contenido_3 ul li a:visited {color:#ccc; background: none;}


/*************************************************
                     PIE                          
**************************************************/
.cuerpo #todo #pie { 
	padding: 0 10px 0 20px; /* mismo margen que otros */
	background:#425159 url(../image/fondo_pie.gif) repeat-x;
	height:30px;
	color:#ffffff;
	text-align:center;
} 
.cuerpo #todo #pie p {font-size:0.75em; margin: 0; /* llevando a 0 el margen del primer elemento evita espacios en blanco con la div vecina */
	line-height:30px;/*padding: 0px 0;  padding on this element will create space, just as the the margin would have, without the margin collapse issue */}
.cuerpo #pie p a { color:#EEBB6A; background: none;}
/************** END PIE ****************/


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height:0;
    font-size:0.063em;/*0.063em f1px*/
    line-height: 0px;
	display:block;}

/*** FOCUS ***/
input {font-size:100%;}

input:focus, a:focus {
   _border: 2px solid #FF984A;
   outline: 2px solid #FF984A;
   background: #FFECD9;
   color:#000000;
}
   
#date {
	width:5em;/*80px;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color: #996600;
	background : #FFE3D7;
	text-align: center;}
	
	.cuerpo #contenido_2 #estandares img {padding: 0 0 7px 0;}