/* Primero reiniciamos todos los elementos */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal}
ol {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}
textarea{overflow:auto;}
.clearfix:after {content: ".";display: block; visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: bloc;}
* html .clearfix {height: 1%;}

/* tags standars */
body{background-color:#231f20; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px}
a{text-decoration: none; color:#eee200; outline: none}
h1{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:18px; color:#2eade0}
h2{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:16px; color:#2eade0}
h3{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:12px; color:#2eade0}
table.espacio{border-collapse:separate; border-spacing:1px}
table.espacio td{padding:0 10px}

/* estructura básica */
#cab{height:174px; background:#3b3838 url(../imgcss/fondocab.jpg) center repeat-x; border-bottom:1px solid #2eade0}
.interior{position:relative; width:990px; margin:0 auto; text-align:left}
#logo{position:absolute; top:18px; left:0; width:260px; height:140px}
#logo h1{color:#FFF; padding-right:40px}
#cab #banner{position:absolute; top:10px; left:262px; width:729px; height:90px; text-align:right; background-color:#231f20}

#menu{position:absolute; top:147px; left:232px}
#menu li{float:left; list-style:none}
#menu li.backLava{position:absolute; background:url(../imgcss/azul.gif) center bottom repeat-x; padding-bottom:5px}
#menu li.noLava{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:18px; color:#FFF; z-index:10; position: reative; padding:0 18px}
#menu li a{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:18px; color:#FFF; z-index:10; position: relative; padding:0 18px}
#menu .act, #menu li a:hover{color:#df1180}

#subhueco{height:42px}
#submenu{height:42px; background:url(../imgcss/fondosubmenu.gif) repeat-x; padding-top:10px; display:none}
#submenu ul li{float:left; list-style:none}
#submenu ul li a{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:15px; color:#FFF; padding:0px 16px; z-index:10; position: relative}
#submenu .act,#submenu ul li a:hover{color:#231f20}
#submenu ul li.backLava{position:absolute; color:#231f20; background:url(../imgcss/submenuon.gif) center bottom no-repeat; padding-bottom:15px;}
/*
#submenu ul li a:hover, #cabicos ul li a.activo{color:#231f20; background:url(../imgcss/submenuon.gif) center bottom no-repeat;}
*/
#menrallye{position:relative; width:990px; margin:0 auto; margin-top:10px; text-align:left; height:30px; display:block}
#menrallye li{float:left; list-style:none; line-height:30px}
#menrallye li a{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; padding:0 20px; z-index:10; position: relative}
#menrallye li.backLava{position:absolute; border:1px solid #df1180}
#menrallye li.noLava{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#7f7d7e; padding:0 20px}
#menrallye .act{color:#df1180}

#contenido{position:relative; width:990px; margin:10px auto; text-align:left}
#encuesta{float:left; width:300px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:16px; margin-left:45px}
#encuesta input[type = radio]{float:left; width:50px; position:relative; border:0; margin:5px 5px 0 0; text-decoration:none}
#encuesta .pregunta{margin:5px 0; clear:left}

#noticiasHome{float:left; width:645px}
#noticiasHome .foto, #noticias .foto{float:left; margin-right:10px; padding:10px; border:1px dotted #2eade0; background:#1f4858}
#noticias .foto2{float:left; margin:0 0 10px 10px; padding:10px; border:1px dotted #2eade0; background:#1f4858}
#noticiasHome p, #noticias p{text-align:justify}
#pie{border-top:1px solid #2eade0; font-size:11px; margin:10px 0; padding-top:10px}

#nombreRallye{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; color:#2eade0; font-size:20px}
#logorallye{float:right}

.separacajaimg{float:left; width:45px; height:200px}

/* slidingboxex */
.cajaimg{position:relative; width: 290px; height: 190px; float:left; border:solid 5px #2eade0; overflow: hidden; cursor:pointer}
.cajaimg img{position:absolute; top:0; left:0}
.cajatitulo{float:left; position:absolute; background:#2eade0; height:100px; width:100%; top:160px; left:0;
opacity:.85;
/* For IE 5-7 */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
/* For IE 8 */
-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.cajaimg h3{margin:0px 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight:bold}
.cajaimg p{padding:0px 10px; font-size:14px}
.cajaimg a{color:#FFF}

/*  paginacion */
#paginacionDiv{height:40px; text-align:right; font-size:18px}
#paginacionDiv a{padding:8px;font-style:normal; color:#FFF}
#paginacionDiv a:hover, #paginacionDiv .paginaact{padding:8px; background-color:#2eade0}
#paginacionDiv .irpagina_img{vertical-align:middle}
#paginacionDiv .aimg:hover{background:none}
/*  paginacion fin */

/*encuestas graficos*/
.progreso{position:relative;float:left;height:15px;margin:1px 0px 0px 1px !important;margin:1px 0 0 0;background-image:url(../imgcss/progreso.gif);background-repeat:no-repeat}
.barracontenedora{position:relative;width:300px;height:17px;background-image:url(../imgcss/barracontenedora.gif);background-repeat:no-repeat;overflow: hidden}
.por{padding:0 5px; font-size:11px; font-weight:bold; color:#fff}
/*encuestas graficos*/

.der{float:right}
.izq{float:left}
.der_margen{float:right; margin-left:10px}
.izq_margen{float:left; margin-right:10px}
.dertxt{text-align:right}
.dertxt_margen{text-align:right; padding-right:10px}
.izqtxt_margen{padding-left:10px}
.txtcentro{text-align:center}
.clearfloat{clear:both; height:0; line-height:0; display:block}
.tit1{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:18px; background-color:#2eade0; line-height:30px; padding-left:10px}
.tit2{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:14px; background-color:#1e9ad6; line-height:30px; padding-left:10px}
.fila, .fila0{line-height:25px; height:25px; margin-top:1px; padding-left:10px}
.par{background-color:#383d46}
.impar{background-color:#26282e}
.filaimpar{line-height:25px; height:25px; margin-top:1px; padding-left:10px; background-color:#26282e}
.filapar{line-height:25px; height:25px; margin-top:1px; padding-left:10px; background-color:#383d46}
.filaverde{line-height:25px; height:25px; margin-top:1px; padding-left:10px; background-color:#88ba09}
.mitad{float:left; width:50%}
.dia{font-weight:bold; font-size:14px; margin:5px 20px}
.sep{margin:14px 0; height:1px; line-height:1px; border-bottom:1px dashed #464445}
.btn{background:transparent; color:#FFF; padding:2px 10px; border:1px solid #2eade0; cursor:pointer}
.destacar1{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:18px; background-color:#2eade0; line-height:30px; padding:0 20px}
.destacar2{font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-stretch:condensed; font-size:18px; line-height:30px}
#galeria_der{float:right; width:320px; margin-left:10px}
#galeria_der .foto{padding:10px; border:1px dotted #2eade0; background:#1f4858; margin-bottom:30px}
.clas_final{font-size:14px; line-height:25px; padding-left:10px}

.mapa{float:left; margin-right:10px; padding:10px; border:1px dotted #2eade0; background:#1f4858}
.mapa2{margin:0 auto; padding:10px; border:1px dotted #2eade0; background:#1f4858}

/*facebox */
#facebox .b{background:url(facebox/b.png)}
#facebox .tl{background:url(facebox/tl.png)}
#facebox .tr{background:url(facebox/tr.png)}
#facebox .bl{background:url(facebox/bl.png)}
#facebox .br{background:url(facebox/br.png)}
#facebox{position:absolute; top:0; left:0; z-index:160; text-align:left}
#facebox .popup{position:relative}
#facebox table{border-collapse:collapse}
#facebox td{border-bottom:0; padding:0}
#facebox .body{padding:10px; background:#231f20; width:370px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2eade0}
#facebox .loading{text-align:center}
#facebox .image{text-align:center}
#facebox img{border:0; margin:0}
#facebox .footer{border-top:1px solid #2eade0; padding-top:5px; margin-top:10px; text-align:right}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br{height:10px; width:10px; overflow:hidden; padding:0}
#facebox_overlay{position:fixed; top:0px; left:0px; height:100%; width:100%}
.facebox_hide{z-index:-100}
.facebox_overlayBG{background-color:#000; z-index:150}
* html #facebox_overlay{ /* ie6 hack */
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}

#enlaces{list-style:none; line-height:20px}
#enlaces li{margin:10px 0}


/**impresion*/
#cabPrint{display:none}
#movil{display:none}
.neutralizado{background:#eee200; color:#000}
.cargando{text-align:center}
