* {
  margin: 0;
  padding: 0;
}


body {
  background: #000 url(../images/fondo.jpg) top center no-repeat;
  color: #333;
  font-family: Arial, helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  text-align: center;
  width:100%;
}

.white {
background: #ffffff; 
}


h1 {font-size:40px;}


h2{font-size:24px;}

h3  { font-family: Arial, Helvetica, sans-serif; color: #3766F0; font-size:16px;  letter-spacing:-0.5px;  margin-bottom:5px;}

#texto_oculto{
display: none;
}

/* Layout */

#page {
  width: 980px;
  margin: 0 auto;
  margin-top: 40px;
  padding: 0;
  text-align: left;
   background: #fff url(../images/cabecera_1.jpg)  top left no-repeat;
   border:1px solid #bfbfbf;
}

/* Header*/
#header {
  height: 37px;
  padding:10px 20px 0px 20px;
}




#linea_azul {
width: 100%;
height: 5px;
overflow: hidden;
height: expression(this.scrollHeight > 6? "5px" : "auto" );
background: #808C94;}













/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#nav {margin: 137px 0px 0px 220px;}

/* the styling */
#nav {width:750px; height:25px; background:#000; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:25px; float:left; background:#444; padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:25px; white-space:nowrap; border-right:1px solid #000; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:26px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#3766F0; cursor:pointer; color:#fff;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#3766F0; color:#fff;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#0D3357; color:#fff;}

/*#nav .sub_active .current_sub a,        Para dejar seleccionado */
#nav .sub_active a:hover {background:#0D3357; color:#fff;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:750px; top:25px; left:0; background:#3766F0; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:750px; top:25px; left:0; background:#3766F0; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:26px; text-decoration:none; line-height:25px; white-space:nowrap; display:block; float:left; background:#3766F0; padding:0px 10px 0px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;  border-right:1px solid #6487ED;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#3766F0; padding:0px 10px 0px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px; border-right:1px solid #6487ED;}



















/* Navigation................................................................................................... */

#menu_principal {
position:relative; 
width: 640px;
  left: 140px;
  margin-top:137px;
  padding:0px 0px 0px 0px;
    clear:both;
}


#menu_principal ul {padding:0px 0px 0px 0px;  margin:0; list-style:none; height:25px; position:relative; }
#menu_principal ul li {float:left; }
#menu_principal ul li a {display:block; float:left; height:25px; line-height:25px; color:#fff; text-decoration:none; font-size:11px;  font-family: Arial, Geneva;  text-align:center; padding:0px 18px 0px 18px;  margin:0px 1px 0px 0px; cursor:pointer;  background: #777;}
#menu_principal ul li a:hover {color:#ffffff;  background: #333;}

#menu_principal ul li.current a {display:block; float:left; height:25px; line-height:25px; text-decoration:none; font-size:11px;  font-family: Arial, Geneva; font-weight:bold; text-align:center; margin:0px 1px 0px 0px; color:#000000; background:#fff; cursor:pointer;}
#menu_principal ul li.current a:hover {color:#000000; background: #D0D0D0; cursor:default; cursor:pointer;}

/* fin  Navigation............................................................................................... */

/* contenido*/

.content {

margin:10px ;
height:auto !important;
height: 450px;
min-height:450px;
}

.columna_1 {
width: 475px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;

height:auto !important;
height: 350px;
min-height:350px;
float:left;
}

.columna_2 {
width: 232px;
padding:0px 0px 0px 0px;

height:auto !important;
height: 350px;
min-height:350px;
float:left;
}

.columna_3 {
width: 184px;
margin:0px 10px 0px 0px;
height: 280px;
float:left;
background: #110044;
}
.columna_3_derecha {
width: 184px;
margin:0px 0px 0px 0px;
height: 280px;
float:left;
background: #110044;
}


.sombra_fondo {
position: relative;
padding:125px 10px 10px 10px;
background: transparent url(../images/pastilla_noticia_home.png) bottom repeat-x;
text-align:left;
height:75px;
width:455px;

}


.magen_inferior {
padding:0px 0px 10px 0px; 
margin:10px 10px 10px 10px;
border-bottom:3px solid #bfbfbf;

}

.negro_trans {
padding:10px 10px 10px 10px; margin:0px 0px 10px 0px;  background-image: url(../images/negro_trans.png);

width:100%;

}


.flotante{
	position: absolute; z-index:0; width:0px;
}

.capa_flotante{
	position: absolute; z-index:0; width:0px;
}


.logo_flotante{
	position: relative;
	left:-40px;
	top:-20px;
	z-index:3;
	float:left;
}

.surfers_flotante{
	position: relative;
	left:240px;
	top:-40px;
	z-index:2;
	float:left;
}

.gun_flotante{
	position: relative;
	left:720px;
	top:60px;
	z-index:2;
	float:left;
}


.modulo_info{
border:1px solid #bfbfbf;

padding:10px 10px 10px 10px;

float:left;
}

.galeria{
border:3px solid #444;
background: #000000;
margin:0px 0px 0px 0px;
}
.galeria img { 
margin:5px 5px 5px 5px;
}




.banner{
width: 307px;
height:120px;
border:3px solid #444;
background: #000000;
margin:0px 0px 0px 0px;
float:left;
}
.banner img { 
}




.texto_blanco {
color:#ffffff;
}
.texto_azul {
color:#3665E9;
}


.destacado_1{
padding: 10px 0px 0px 0px;
height:auto !important;
height: 100px;
min-height:100px;
}
.destacado_1 img{
float:left;
margin: 0px 0px 0px 0px;
border: 1px solid #fff;
}
.destacado_1 div{
	padding: 0px 5px 0px 110px;
}
.destacado_1 strong{
color: #274A8A;
}



.destacado_2{
width: 180px;
margin: 10px 0px 0px 0px;
}
.destacado_2 img{
float:left;
margin: 0px 10px 0px 0px;
border: 1px solid #fff;
}
.destacado_2 div{
	padding: 0px 0px 0px 70px;
}










.separador10_horizontal{
padding:5px 0px 5px 0px;
clear:both;
}
.separador10_vertical{
width:10px;
float:left;
}


.separador20_horizontal{
padding:10px 0px 10px 0px;
clear:both;
}

.titular {
clear:both; padding: 0px 0px 10px 0px;
}


.left {
float:left;
}
.right {
float:right;
}

.aligncenter {
text-align:center;
}
.clear {
clear:both;
}


/* capa imagen ---------------------------------------------------------------------------------- */ 
#tumb {position:relative; clear:both}
#tumb a.p1, #tumb a.p1:visited {display:block;  text-decoration:none; top:0; left:0; border:0; color:#ffffff;}
#tumb a img {border:0; }
#tumb a img:hover {background-color:#CCCCCC}
#tumb a.p1:hover {text-decoration:none;  color:#ffffff; }
#tumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#tumb a.p1:hover .large {display:block; position:absolute; top:-90px; left:60px; width:240px; height:240px; border:5px solid #ccc;  z-index:100;}
/* fin capa imagen ---------------------------------------------------------------------------------- */ 




/* capa colapsed ---------------------------------------------------------------------------------- */ 
.wrapper {
text-align:left;
margin:0 auto;
padding:0px;
}
.wrapper a {
color:#3A5C80;
cursor:pointer;
}
#myvar {
border:1px solid #A5ACB2;
background:#f1f1f1;
padding:10px;
margin:5px 0px 5px 0px;
}
/* fin capa colapsed ---------------------------------------------------------------------------------- */ 



/* links ---------------------------------------------------------------------------------- */ 

a:link {color: #3665E9; text-decoration: none; }
a:visited {color: #3665E9; text-decoration: none; }
a:hover {color: #ccc; text-decoration: none; }
a:active {color: #3665E9; text-decoration: none; }



a.gris:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #8D8539; text-decoration: none; padding: 0px 0px 0px 8px;  background:url(../images/flecha_azul.gif) no-repeat; background-position: 1px;}
a.gris:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #8D8539; text-decoration: none; padding: 0px 0px 0px 8px; background:url(../images/flecha_azul.gif) no-repeat; background-position: 1px;}
a.gris:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #D7BA03; text-decoration: none }
a.gris:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #8D8539; text-decoration: none }


a.comentario:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #32536C; text-decoration: none; padding: 0px 0px 0px 15px;  background:url(../images/ico_comentario.gif) no-repeat; background-position: 1px;}
a.comentario:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #32536C; text-decoration: none; padding: 0px 0px 0px 15px; background:url(../images/ico_comentario.gif) no-repeat; background-position: 1px;}
a.comentario:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
a.comentario:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #32536C; text-decoration: none }



a.link_amarillo:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000; text-decoration: none; padding: 0px 8px 0px 8px;  background:#FFED00;}
a.link_amarillo:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000; text-decoration: none; padding: 0px 8px 0px 8px; background:#FFED00;}
a.link_amarillo:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #fff; text-decoration: none; background:#000;}
a.link_amarillo:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #000; text-decoration: none }




a.link_negro:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ccc; text-decoration: none; padding: 0px 8px 0px 8px;  background:#333333;}
a.link_negro:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ccc; text-decoration: none; padding: 0px 8px 0px 8px; background:#333333;}
a.link_negro:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #fff; text-decoration: none; background:#333333;}
a.link_negro:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #ccc; text-decoration: none }



/* submenu ---------------------------------------------------------------------------------- */ 



.submenu {
margin:0px 0px 0px 0px; 
width:195px;
height:auto !important;
height: 275px;
min-height:275px;
background:url(../images/sombra_menu.png) no-repeat left top;


}
.submenu p {
position:relative;
padding:0;
margin:0;
list-style-type:none;
}

.submenu ul {
position: relative;
padding:0px 0px 0px 0px;
margin:0;
list-style-type:none;

}
/* style the list items */
.submenu li {
min-height:20px;
float:left;
width:195px;

/* for IE7 */

}
.submenu li.sub_down {background:  url(../images/frog_arrow.gif) no-repeat; background-position: 0px -2px; } 
.submenu li.sub1 {background: url(../images/frog_arrow.gif) no-repeat; background-position: 0px 0px;  color:#57616D} 
.submenu li.sub2 {background:url(../images/arrow_flecha.gif) no-repeat; background-position: 10px 8px; } 




* html .submenu a:hover { color:#FF6D33;} 
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.submenu li.:hover > a {  color:#FF6D33;} 

/* .submenu a:visited */

.submenu a.primero, .submenu a.primero:visited{
display:block; 
 font-family: times,arial, geneva, sans-serif; font-size: 12px; font-style: normal;  text-decoration: none;
text-decoration:none;
min-height:20px;
line-height:20px;
text-indent:0px;
padding: 0px 0px 0px 15px;
color:#57616D;
} 


.submenu a.primero:hover {
text-decoration:none;
color:#808C94;
background:url(../images/fondo_submenu.gif) no-repeat;
} 

.submenu a.active, .submenu a.active:visited, .submenu a.active:hover {
display:block; 
 font-family: times, arial, geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none;
text-decoration:none;
min-height:20px;
line-height:20px;
text-indent:0px;
padding: 0px 0px 0px 15px;
color:#57616D;
background:url(../images/fondo_submenu.gif) no-repeat;
} 


.submenu a.segundo, .submenu a.segundo:visited {
display:block; 
 font-family: times, arial, geneva, sans-serif; font-size: 11px; font-style: normal; font-weight:normal; text-decoration: none;
text-decoration:none;
min-height:20px;
line-height:20px;
text-indent:0px;
padding: 0px 0px 0px 20px;
color:#57616D
} 
* html .submenu a.segundo:hover {background:url(../images/arrow_flecha.gif) no-repeat; background-position: 10px 8px; color:#808C94;}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.submenu li:hover > a.segundo { background:url(../images/arrow_flecha.gif) no-repeat; background-position: 10px 8px; color:#808C94;}

/* fin submenu  ---------------------------------------------------------------------------------- */ 





/* varios ---------------------------------------------------------------------------------- */  
#listado_rss li
{
    margin-left: 0px;
	padding: 0px 0px 5px 18px;
	padding-top:2px;
	background-image: url(../images/icono_rss.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
	border-bottom:1px solid #D1DCE0;

}

#listado li
{
    margin-left: 0px;
	padding: 0px 0px 10px 18px;
	padding-top:2px;
	background-image: url(../images/li_1.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
	list-style: none;
	text-align:left;
}


#listado_generico li
{
    margin-left: 0px;
	padding: 0px 0px 5px 18px;
	padding-top:2px;
	background-image: url(../images/li_generico.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
	border-bottom:1px solid #D1DCE0;

}



#listado_doc li
{
	margin-left: 0px;
	padding-left:25px;
	padding-top:8px;
	padding-bottom:8px;
	background-image: url(../images/icono_blog.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
	list-style: none;
	text-align:left;
	border-bottom:1px solid #C6CEC5;
}


#boton a, #boton a:visited {
text-decoration:none; 
  text-align:center; 
  color:#32536C; 
  display:block; 
padding:3px 10px 3px 10px;
margin:0px 0px 5px 0px;
font:9px Small Fonts, Arial, Helvetica, sans-serif,;
border:1px solid #C6CEC5;
background: transparent url(../images/fondo_boton.jpg) repeat-x;

  }
#boton a:hover {
  background: transparent url(../images/fondo_boton_on.jpg) repeat-x;
  color:#32536C; 
  }
  
.imagen_left {
border:1px solid #bfbfbf;
padding:5px;
margin:0px 10px 10px 0px;
float: left;
}

.imagen_right {
border:1px solid #bfbfbf;
padding:5px;
margin:0px 10px 10px 0px;
float: right;
}

.imagen_left_sinmarco {
padding:5px;
margin:0px 0px 10px 0px;
float: left;
}

.imagen_right_sinmarco {
padding:5px;
margin:0px 0px 10px 0px;
float: right;
}



/* bordes redondeados ---------------------------------------------------------------------------------- */  


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px}

#xsnazzy {background: transparent; width:100%; margin: 10px 0px 10px 0px;}
#xsnazzy2 {background: transparent; width:230px; margin: 0px 0px 20px 20px; float:right;}
#xsnazzy3 {background: transparent; width:200px; margin: 0px 10px 20px 0px; float:left;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#F2F3F4; border-left:1px solid #BFC5C9; border-right:1px solid #BFC5C9;}
.xb1 {margin:0 5px; background:#BFC5C9;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#F2F3F4; border:0 solid #BFC5C9; border-width:0 1px; padding:10px 10px 10px 10px}


/* titulares ---------------------------------------------------------------------------------- */  

.titulo_1  { font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size:12px; letter-spacing:0px; background: url(../images/sombra_tit_1.png)  no-repeat; height:45px;}
.titulo_2  { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:18px; letter-spacing:-1px; background:#000000; padding:1px 4px 1px 4px;}


.titulo_3  { font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; font-size:40px; letter-spacing:-2.5px; background: url(../images/sombra_tit_3.png)  no-repeat; height:55px;}
.titulo_4  { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:11px; background:#375177; padding:1px 4px 1px 4px;}
.titulo_4_oferta  { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:11px; background:#2B3F5C; padding:1px 4px 1px 4px; border:1px solid #5F7088;}

.titulo_5  { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:18px;  letter-spacing:-1px;  margin-bottom:15px;}
.titulo_6  { font-family: Arial, Helvetica, sans-serif; color: #2F3239; font-size:18px;  letter-spacing:-1px;  margin-bottom:15px;}

.titulo_7  { font-family: Arial, Helvetica, sans-serif; color: #5AA5F8; font-size:14px;  letter-spacing:-1px;  margin-bottom:15px;}

.titulo_8  { font-family: Arial, Helvetica, sans-serif; color: #FF9900; font-size:12px;  }

.titulo_9 { font-family: Arial, Helvetica, sans-serif; color: #FFF594; font-size:14px;  letter-spacing:-1px;  margin-bottom:15px;}








/* tabla calendario ---------------------------------------------------------------------------------- */  

table {
  border-collapse: collapse;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: #ffffff;
  border:1px solid #CFDBE2;
  
  }
  table td {
border-bottom:1px solid #CFDBE2;
border-left:1px solid #CFDBE2;
padding:8px;
vertical-align:top;

}

.calendario_celda1 {
background: #EEF2F5;
color: #375177;
font-weight:bold;
  }
  .calendario_celda2 {
background:#375177 ;
color: #ffffff;
font-weight:bold;
  }
  
    .celda_active {
background: #333;
width:50px;
  color: #ffffff;
  font-weight:bold;
  }
      .celda_active a {
display:block;	  
  color: #ffffff;
  font-weight:bold;
  }
  
  

/* fin tabla calendario ---------------------------------------------------------------------------------- */  



 /* pie ---------------------------------------------------------------------------------- */  

#pie{
background-color:#555;
margin:10px 10px 10px 10px;
padding:8px;
height:30px;
clear:both;
}

 /* mapasite ---------------------------------------------------------------------------------- */  

#mapasite{
border-top:2px solid #ffffff;
background-color:#CCCCCC;
padding:10px 20px 20px 20px;
clear:both;
text-align:left;
}



/* transparent ---------------------------------------------------------------------------------- */  

 img, div { behavior: url(iepngfix.htc) }