/****************************************** GENERALES *********************************************/
form {margin:0; padding:0;}
body, html {
	margin: 0px;
	background-color:#F8F8F8;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	height: 100%;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#666666;
	margin-top: 3px;
	margin-bottom: 7px;
}

hr{
border-bottom: 1px solid #CCC;
border-left: none;
border-top:none;
border-right:none;

}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#0054A8;
	margin-bottom:4px;
	margin-top:2px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:16px;
	color:#009900;
	margin-bottom:10px;
	margin-top:0px;
	padding-left:10px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	line-height:16px;
	font-weight:bold;
	color:#0054A8;
	margin-bottom:4px;
	margin-top:2px;
}

a:link, a:visited, a:active {text-decoration:underline;}
a:hover {text-decoration:none;}


/****************************************** FLASH REPLACEMENT *********************************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash .menuderecha_seccin, .titulocontenidos, .subtitulocontenidos, .fecha, .InfoclimaHeaderCiudad, .menuderecha_secci n, h1, h2, h3 {
	visibility: hidden;
}

/****************************************** CONTENEDOR *********************************************/

#todo {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#contenedor {
	background-color:#FFFFFF;
	width: 780px;
	margin-right: auto;

	margin-left: auto;
	height: 100%;
	padding:0px;
	position: relative;
	float:left;
}

/* AQUI EMPIEZA EL DISEO */

/****************************************** TOP ******************************************************/

#top {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 459px;
}
#top2 {
	width:780px;
	height:119px;

}
#contenidos {
	width:555px;
	float:left;
	text-align:left;
	border-right:1px solid #cccccc;
}
#contenidos_n {
	width:505px;
	float:left;
	text-align:left;
	padding:25px;
}

#menu {
	width:776px;
	height:38px;
	float:left;
}
#derecha {
	float:right;
	margin-bottom:100px;
	text-align:center;

}
#derecha4 {
	width:200px;
	padding:8px;
}

#menuderecha {
	width:221px;
	float:left;
	text-align:left;
}
#menuderecha a:link, a:active, a:visited {
	text-decoration:none;
	color:#0066CC;
}
#menuderecha a:hover {
	text-decoration:underline;
	color:#0066CC;
	font-weight:bold;
}
#logo {
	width:216px;
position:relative;
	float:left;

}
#lo1 {
	width:410px;
position:relative;
	float:left;
}
#lo2 {
	width:142px;
position:relative;
	float:left;


}
#lo3 {
	width:220px;
position:relative;
	float:left;


}

#buscadorhome {
	width:146px;
position:relative;
	float:left;
text-align:left;
}
.backinput {
background-image:url("../img/backinput.gif");
	background-repeat:no-repeat;
}
#login {
	width:360px;
position:relative;
	float:left;

}
/****************************************** BANNER FLASH **********************************************/


#banner_home {
	clear: both;
	height: 255px;
	width: 776px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	float:left;
	position:relative;
}
#banner_refishop {
	border:1px solid #999;
}
/****************************************** INCLUIDOS GENERALES *********************************************/
#cajahorizontalsitio {
	position:relative;
	width: 776px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	clear:both;
	text-align:left;
	margin-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#contenidossitio {
	position:relative;
	float: left;
	width: 360px;
	padding-left:15px;
	padding-right:15px;
}
#segcolumnasitio {
	position:relative;
	float: left;
	width: 180px;
	background-image:url(../img/fondo_cajas_separa.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#izquierdasitio {
	position:relative;
	width: 200px;
	float: left;
	height:100%;
}
/****************************************** CAJAS *********************************************/

.fila {
	display:block;
	_position:relative;
	_height:160px;
	width: 780px;
	float: left;
	clear:both;
	text-align:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-bottom:15px;
	padding-top:20px;
}

.caja1 {width:300px; float:left; margin:0 0 0 10px; }
.caja2 {width:150px; float:left; margin:0 0 0 10px;}
.caja3 {width:360px; float:left; margin:0 0 0 10px;}

.caja_sorteo {position:absolute; width:170px;  right:5px;}


/******************************************  NOTA HOME *********************************************/

#nota_home_css {
	float:left;
	text-align:left;
	width:290px;
}

#nota_home_css a {
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}
#nota_home_css a:hover {
	color:#000000;
}
#nota_home_css p {
	margin-top:0px;
	margin-bottom:15px;
}

/******************************************  NOVEDADES *********************************************/

#news_home_css {float:left; width:150px;}

#news_home_css li {	
	margin:5px 1em 10px 0;
	list-style-image: url(../img/bullet1.jpg);
	padding-bottom: 5px;
	list-style-image:none;
}

#news_home_css ul {
	padding:0;
	margin: 0 0 0 10px;
	width:270px;
	list-style-position:outside;
	list-style-type:none;
	display:compact;
}

#news_home_css p{
	line-height:14px;
}

#news_home_css strong {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	color:#0054A8;
	
}
#news_home_css a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#009900;
	text-decoration:none;
}
#news_home_css a:hover {
	color:#006600;
}

#news_home_css p {
	margin-top:0px;
	margin-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	letter-spacing:-1px;
}

/******************************************  BANNER *********************************************/
#infoclima {
	width:180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-align:left;
	float:left;
	margin:0;
}
#infoclima h1 {
	font-size:15px;
}
#infoclima img {
	margin: 0 25px 0 0;
}
#infoclima .InfoclimaHeaderCiudad {
	font-size:15px;
}

/******************************************  BANNER *********************************************/
#bannersmall_home__css {
	width:100%;
	text-align:center;
	float:left;
	position:relative;
}

/******************************************  REFICARD *********************************************/

#top_reficard {
	background-image:url(../img/fondo_reficard_top.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:59px;
	position:relative;
	float:left;
	margin-bottom:10px;
}
.logo_reficard {
	width:91px;
	height:48px;
	background-image:url(../img/logo_reficard.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:3px;
}
.texto_top {
	background-image:url(../img/reficard_premios.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:236px;
	height:14px;
	position:relative;
	float:right;
	margin-top:35px;
	margin-right:15px;
}
#fotos_reficard {
	width:90%;
	padding:15px;
}
#img_item_reficard {
	width:121px;
	height:110px;
	position:relative;
	float:left;
	background-image:url(../img/fondo_item_reficard.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align: center;
	vertical-align: middle;
	padding-top:10px;
}
#item_reficard {
	width:130px;
	position:relative;
	float:left;
	margin-left:5px;
}
#desc_item_reficard {
	width:121px;
	text-align:center;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
#desc_item_reficard p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	margin:0 0 5px 0;
}
#desc_item_reficard h3 {
	margin: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background-color:#FF6600;
	letter-spacing:1px;
}
#desc_item_reficard a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#desc_item_reficard a:hover {
	color:#FF4B02;
	font-weight:bold;
	text-decoration:none;
}

/******************************************  CONTENIDOS *********************************************/
.titulocontenidos {
	font-size:30px;
	margin-bottom:15px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0054A8;
	letter-spacing:-2px;
	font-weight:bold;
}
.subtitulocontenidos {
	width:340px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	margin-bottom:12px;
	margin-top:0px;
}
.fecha {
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:10px;
}

/******************************************  CONCURSOS *********************************************/

.preguntas_concurso {float:left;}
.preguntas_concurso ol {display:compact; margin:0 0 10px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.preguntas_concurso ol li {line-height:130%; color:#006699; font-weight:bold; margin:0 0 15px 0;}
.preguntas_concurso ol li ul li {color:#333333; font-weight:normal; margin:0; list-style-image:none; list-style-type:none;}
.formulario_concurso {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#F4F4F4; padding:10px; margin:10px 0 10px 0;}
.derecha_concurso {text-align:center; padding:20px 0 0 0; width:200px; margin:0 auto 0 auto;}
.derecha_concurso img {margin:0 0 25px 0;}

#concurso_home {width:210px; float:left;}


/******************************************  MENU DE LA DERECHA *********************************************/

#cierrecontenidos {
	width:221px;
	height:54px;
	float:left;
	background-image:url(../img/separador_content_end.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.menuderecha_seccion {
	border-bottom:1px solid #999999;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	clear:both;
	margin-top:15px;
	margin-bottom:10px;
}
#menuderecha li {
	list-style-image: url(../img/bullet2.gif);
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#menuderecha li:hover {list-style-image: url(../img/bullet3.gif);}
	
#fotos {
	float:left;
	text-align:center;
}
#fotos img {
	float:left;
	border:1px solid #CCCCCC;
	padding:2px;
	background-color:#EFEFEF;
	margin:12px 12px 7px 12px;
}
#epigrafe {
	width:190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#666666;
	margin:5px;
	padding:4px 5px 3px 10px;
	clear:both;
}

#ban_cen{
clear:both;
float:left;
margin: 3px;
width:545px;
height:166px;}

#mapas{
clear:both;
float:left;
width:545px;
}
#box2 h1{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #99CC00;
margin: 0px;
padding: 0px;
padding-top: 5px;}

#box2{
padding-left: 5px;
padding-right: 5px;}
#encuestas li{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 09px;
}

#encuestas ul{
list-style-type:none;
padding: 0px;
margin:0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;}
.preguntaEncuestas{
color: #666666;
padding-left: 5px;
padding-top: 5px;
font-size: 11px;
font-weight: bold;
font-family: Arial, sans-serif;}
.centrado{
padding-left: 20px;
padding-right: 10px;
text-align: center;}
.lineaCeleste{
clear:both;
border-bottom: 1px #C5DBE9 dotted;
width: 100%;
height:5px;
line-height:5px;}
.campos {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #E8E8E8;border: 1px solid #999999;}

.buscarutas_columna {width:140px; float:left; margin:0 10px 10px 0;}
.buscarutas_columna p {padding-left:5px;}
.buscarutas_columna img {margin-bottom:10px;}

#encuestas {width:100px; float:left;}
.encuesta_home ul{ list-style-type:none; margin-left:1em; margin:0; padding:0;}
.encuesta_home li { font-size:11px; color:#666666; list-style-position:outside; margin:0; padding:0;}



.encabezado {height:20px; float:left; display:block;}
.imagen_home {height:125px; float:left; text-align:left;}
.texto_home {float:left;}
strong  {font-weight:bold; color:#009900;}


/* ESTILO DE LOS TEXTOS DINAMICOS */
#contenidos_n p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:14px;margin-bottom:15px;}
#contenidos_n img { border:1px solid #CCCCCC; padding:2px; background-color:#EBEBEB;}
.texto {font-size:11px;	font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;margin-bottom:15px;line-height:14px;}
.pie {width:780px; background-image:url(../img/FND_PIE.gif); background-repeat:repeat-x; background-position:bottom left; float:left;}
.herramientaspie {width:780px; height:20px; float:left; clear:both; margin-bottom:5px; margin-top:5px;}
.volverpie {width:61px; height:20px; float:left;}
.arribapie {width:72px; height:20px; float:right;}
.fotosmini {text-align:center;}
.fotosmini img {border:1px solid #CCCCCC; margin:3px; padding:2px;}

/******************************************  PIE *********************************************/
#pie {width: 780px;	float:left;clear: both;border-top:1px solid #CCCCCC; background-image:url(../img/FND_PIE.gif); background-position:bottom left; background-repeat:repeat-x; background-color:#FFFFFF;}
.logorefinorpie{	width:181px;height:65px;float:right;}
.poweredby {	width:108px;height:65px;float:left;}
.datoslegales {	float:left;padding-left:60px;font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;color:#999999; padding-top:40px;}
.datoslegales a:active, a:link, a:visited {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;color:#999999;text-decoration:none;}
.datoslegales a:hover  {text-decoration:none;color:#000000;}


#menu_refipass {float:left;text-align:left; margin-top:6px; }
#menu_refipass a:link, a:active, a:visited {text-decoration:none;color:#0066CC;}
#menu_refipass a:hover {text-decoration:none;color:#0066CC;}
#menu_refipass li {list-style-image: url(../img/bullet2.gif);list-style-position: outside;font-family: Arial, Helvetica, sans-serif;	font-size: 11px;color: #666666;}


/*#menusup{ width:773px; height:35px; float:left; padding-left:7px; margin-top:7px;}
a.linksup:link{ font-family:"arial"; font-size:12px; color: #003399; text-decoration:none; display:block; margin-right:8px; margin-top:3px; float:left; font-weight:bold;}
a.linksup:active{ font-family:"arial"; font-size:12px; color:#003399; text-decoration:none; display:block; margin-right:8px;  margin-top:3px; float:left; font-weight:bold;}
a.linksup:visited{ font-family:"arial"; font-size:12px; color:#003399; text-decoration:none; display:block; margin-right:8px;  margin-top:3px; float:left; font-weight:bold;}
a.linksup:hover{ font-family:"arial"; font-size:12px; color: #66CC00; text-decoration:none; display:block; margin-right:8px; margin-top:0px; float:left; font-weight:bold;}*/

#menuCss {display:block; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#menuCss ul {margin:0; padding:0; height:26px; padding-top:5px;}
#menuCss li {display:block; float:left; padding:0 10px;}
#menuCss li {text-decoration:none;}
#menuCss li a {color:#003399;}
#menuCss li a:hover {color:#66cc00; text-decoration:none; padding:0 0 0 0;}