/* CSS Document */

/* centrar div "contenedor" en la ventana del navegador, y darle un tamaño específico */

/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/

body {
	font-family:Verdana, Arial;
	font-size:12px;
	color:#444444;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
scrollbar-face-color: #DDDDDD;
scrollbar-highlight-color: #DDDDDD;
scrollbar-3dlight-color: #DDDDDD;
scrollbar-darkshadow-color: #DDDDDD;
scrollbar-shadow-color: #DDDDDD;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #969696;
}


/* y luego al div: */

#contenedor {
	width:724px; /*ancho total de la pagina*/ 
	border:0px solid #666666; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
	background-color:#FFFFFF;
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	}

#encabezado{
	margin:2px; /*para que no se pegue al borde*/ 
	width:720px; /*este ancho es para que cuadre con el texto*/ 
	height:82px; /*idem*/ 
	background-color:#FFAD00;
	z-index: -999; /*para que la película flash no se superponga a las popups*/

}

#home{
	width:150px;
	height:25px;
	margin:-27px 2px;
	text-align:right;
	padding-right:10px;
	background-color:#FFAD00;
	float:right;
	z-index:+1;
	font-size:80%;
}

#menuhorizontal {
	margin:0px auto;
	padding-left:3px;
	width:500;
	clear:both;
}

#fecha {
	float:right;
	margin:-15px auto;
	width:250px;
	padding-right:8px;
	clear:both;
	z-index:+1;

}

#fotohome {
	margin:5px 5px;
	width:400px;
	clear:both;
	padding:0px;
	float:right;
} 

#novedades {
	margin:1px 5px;
	width:100px;
	clear:both;
	padding:2px;
	float:left;
	font-size:175%;
	font-weight:bold;
	color:#990000;
} 

/* //////////////////// BODY ////////////////// */

#banner{
	margin:0px;
	padding:2px;
	width:720px;
	text-align:center;
}

#menuvertical {
	positon:absolute;
	margin:25px 20px;
	width:125px;
	clear:both;
	padding:0px;
	float:left;
} 

#body {
	margin:75px 8px;
	width:475px;
	clear:both;
	padding:0px;
	float:right;
} 
#body h1 { /*encadenamos el identificador del div, con la etiqueta para referirnos solo al h1 dentro del div body, asi no afectara otros h1 en el resto del documento.*/ 	font-size:18px;
	font-size:25px;
	font-weight:bold;
	width:224px;
	color:#CC0000;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	padding-bottom:10px;
}

#subbody {
	margin:3px;
	width:475px;
	clear:both;
	padding:0px;
	float:left;
} 

#notamarginal {
	margin:auto 30px;
	width:150px;
	clear:both;
	float:left;
} 

.curlycontainer{
margin:12px 10px;
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 290px;
}

.curlycontainer .innerdiv{
background: transparent url("images/brcorner.gif") bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}


#countdown {
	margin:35px auto;
	width:700px;
	text-align:center;
	font-weight:bold;
	color:#990000;
}

/*********** CAJA DE TEXTO ALT ****************/
.alt {
	BORDER: #ddd 1px solid; BACKGROUND-COLOR: #f8f8f8
}

/* Y terminamos con el footer: */

#footer {
	background-color:#FFAD00;
	margin:15px 2px 2px;
	width:720px; /*menos porque debemos sumar el padding del div contenido*/ 
	text-align:center;
	font-size:80%; /*mas pequeño el texto*/ 
	
}

#popup {
	margin: 10px; auto;
	width:265px;
	clear:both;
	padding:20px;
	float:middle;
	text-align:left;
} 
/**************** COMENT BOX ****************************/
#commentbox{
margin-top: 5px;
background-color: #ececec;
width: 380px;
padding: 12px 3px;
float:right;
}

#commentfooter{
background: url(images/arrow.gif) 35px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
width: 398px;
padding-left: 75px;
padding-top: 1px;
padding-bottom:5px;
margin-top: -52px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
float:right;
}

#setbox{ /*foto-link de marxes.htm */
witdh:70px;
margin:0px;
padding:0px;
float:left;
}
/*************************************************************************************/

DIV.nicetitle {BORDER-RIGHT: #d1d1d1 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #d1d1d1 1px solid; PADDING-LEFT: 8px; Z-INDEX: 20; FILTER: Alpha(Opacity=90, FinishOpacity=90, Style=2); LEFT: 0px; PADDING-BOTTOM: 6px; FONT: 11px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif; BORDER-LEFT: #d1d1d1 1px solid; WIDTH: auto; COLOR: #333; PADDING-TOP: 6px; BORDER-BOTTOM: #d1d1d1 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: auto; BACKGROUND-COLOR: #fff; moz-border-radius-bottomleft: 0px; moz-border-radius-bottomright: 0px; moz-border-radius-topleft: 0px; moz-border-radius-topright: 0px; moz-opacity: .7; min-width: 50px}
DIV.nicetitle P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LETTER-SPACING: 1px; moz-opacity: 1}
DIV.nicetitle P.destination {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; LETTER-SPACING: 0px; TEXT-ALIGN: right; moz-opacity: 1}
DIV.nicetitle P SPAN.accesskey {COLOR: #fff}

A:link {text-decoration:none; color:#44444E; font-size: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
A:hover {text-decoration:none; color:#44444E; font-size: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
A:visited {text-decoration:none; color:#44444E; font-size: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

A.clase1:link {font-size: 10pt; color:#FFFFFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif}
A.clase1:hover {font-size: 10pt; color:#FFFFFF; text-decoration:underline; font-family: Arial, Helvetica, sans-serif}
A.clase1:visited {font-size: 10pt; color:#FFFFFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif}

A.clase2:link {text-decoration:none;color:#646464;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
A.clase2:visited {text-decoration:none;color:#646464;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
A.clase2:active {text-decoration:none;color:#646464;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
A.clase2:hover {text-decoration:none;color:#000000;background-color:#b5befa;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}

.titulos1 {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulos2 {FONT-WEIGHT: bold; FONT-SIZE: 25px; PADDING-BOTTOM: 10px; COLOR: #d90000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulos3 {PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-LEFT:10PX; PADDING-BOTTOM: 5px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulos4 {FONT-WEIGHT: bold; FONT-SIZE: 20px; PADDING-BOTTOM: 10px; COLOR: #d90000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulos5 {FONT-WEIGHT: bold; FONT-SIZE: 20px; PADDING-BOTTOM: 10px; COLOR: #008080; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulos6 {FONT-WEIGHT: bold; FONT-SIZE: 18px; PADDING-BOTTOM: 10px; COLOR: #d90000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

.texto {FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textoblue {FONT-SIZE: 12px; COLOR: #06448e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textored {FONT-SIZE: 14px; COLOR: #d90000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textocajagris {PADDING-LEFT: 10px;PADDING-RIGHT: 10px;FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

.recursivo {FONT-SIZE: 10px; COLOR: #06448E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.idioma {FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulonoticias {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #06448e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}