@charset "UTF-8";
@media screen, projection{
/* (en) Marginal areas & page background */
* { margin:0; padding:0; }
body { 
	background: #FFF url("../img/bg_web.gif") repeat-x top; 
	padding:0; 
	margin:0; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#444; 
	font-size:11px; 
}
b { color:#D70000; }
p { margin:4px 0 6px 0; padding:0; }
ul, li {
	margin:0;
	padding:0;
}
.pdf {
	line-height:19px;
	height:18px; 
	width:400px; 
	margin:4px 0 4px 10px; 
	padding:0 0 0 25px; 
	background:url(../img/pdf.gif) no-repeat left;
}

.link_pdf {
	margin-left:23px;
}

link_pdf:hover{
	color:#333;
}
.net {
	line-height:19px;
	height:18px; 
	width:500px; 
	margin:4px 0 15px 10px; 
	padding:0 0 0 25px; 
	background:url(../img/subdomain.gif) no-repeat left;
}
.titl-link {width:600px; height:17px; clear:both; margin:20px 0 8px 10px; padding:0; line-height:17px;}
/*--------------------------------------------------------------*/
#container {
	width:643px;
	float:left;
	background:url(../img/dot-01.gif) repeat-x top;
	text-align:left;
	line-height:17px;
	padding:12px 0 8px 3px;
	min-height:400px;
}
#container h3 {
	font-size:16px;
	color:#242424;
	margin-bottom:12px;
	margin-left:10px;
	clear:both;
	line-height:18px;
}

#container h3.titular2 {
	font-size:14px;
	color:#242424;
	margin-bottom:6px;
	margin-left:10px;
	clear:both;
	line-height:18px;
}

#caja1 h3.titular2 {
	font-size:14px;
	color:#242424;
	margin-bottom:6px;
	margin-left:10px;
	clear:both;
	line-height:18px;
}

#caja2 h3.titular2 {
	font-size:14px;
	color:#242424;
	margin-bottom:6px;
	margin-left:10px;
	clear:both;
	line-height:18px;
}

#container ul { margin:0 0 10px 10px; }
#container li {
	margin:0 0 4px 20px;
	color:#3995F9;
}
#container p {
	margin:6px 0 13px 10px;
	padding:0;
}
#fotos {
	margin-top:-10px;
}
.clear {
	clear:both
}

#gallery {
	position:relative;
	height:229px
}
#gallery a {
	float:left;
	position:absolute;
}

#gallery a img {
	border:none;
}

#gallery a.show {
	z-index:500;
}

#gallery .caption {
	z-index:600;
	background-color:#000;
	color:#ffffff;
	height:104px;
	width:657px;
	position:absolute;
	bottom:0;
	right: -6px;
}

#gallery .caption .content {
	margin:10px
}

#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#2CCEEF;
}
/*---------------------------------------------------------*/
#menu-interior a { color:#343434; }
#menu-interior a:hover { color:#3995F9; }
#menu-interior {
	display:block;
	margin:9px 0 8px 0;
}
#menu-interior ul {
	list-style:none;
	list-style-image:url(../img/next.gif);
	margin:0;
	padding:0;
}
#menu-interior li {
	margin-left:24px;
	padding-left:-10px;
}
.active-lat{
	color:#900;
}
/*----------------------------------------------------------------------*/
#nav { overflow:visible; }
#nav, #nav ul{
	margin:0;
	padding:0;
	width:952px;
	height:28px;
	font-size:12px;
	text-transform:uppercase;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
}

#nav a {
	font-weight:400;
	display: block;
	line-height: 27px;
	margin: 0;
	color: #fff;
  }

#nav li a:hover {
	color: #fccb12;
	text-decoration: none;
	display: block;
  }

#nav li ul {
	font-size:11px;
	font-weight:normal;
	list-style: none;
	position: absolute;
	width: 140px;
	top: 28px;
	left: -999em;
	margin:0 0 0 -32px;
	z-index:999;
  }

#nav li:hover ul, #nav li.sfhover ul {
  	left: auto;
  }
#nav .current a{
	color:#fccb12;
}	
#nav li li {  
	margin: 0;
	padding: 0;
	left: auto;
  }
	
#nav li li a {
	width: 130px;
	height: 26px;
	line-height:27px;
	opacity: .80;
	-moz-opacity: .80;
	filter:alpha(opacity=80);
	background-color:#900;

  }
	
#nav li li a:hover {
	background-color:#C00;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  	position: static;
  }

/*---------------------------------------------------------*/
.lavaLampWithImage {
	position: relative;
	height: 28px;
	width: 700px;
	padding: 0;
	margin: 0;
	overflow:hidden;
}
.lavaLampWithImage li {
	float: left;
	list-style: none;
	margin:0;
}
.lavaLampWithImage li.back {
	position: absolute;
	background: url(../img/lava4.gif) no-repeat right -30px;
	width: 9px; 
	height: 28px;
	z-index: 5;
}
.lavaLampWithImage li.back .left {
	background: url(../img/lava4.gif) no-repeat top left;
	height: 28px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 9999;
	padding: 0 15px 0 15px;
	margin:0;
	display: block;
	float: left;
	line-height:27px;
	height: 28px;
	overflow:hidden;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, /*.lavaLampWithImage li a:visited */{
	border:0px;
}

/*---------------------------------------------------------*/

#bg_foot { background: url(../img/bg_ftr.gif) repeat-x bottom; margin:0px; padding:0px; width:100%; height:100%; }
a { color:#3995F9; text-decoration:none; }
a:hover { color:#333; }

/* Layout Alignment | Layout-Ausrichtung */
.page_margins { margin: 0 auto; padding:0px; }

/* Layout Properties | Layout-Eigenschaften */
.page_margins { width: 952px; }
.page { padding: 0px; }
#header { padding:0; margin:6px auto 6px auto; position:relative; }
#banner { margin: 4px 0 4px 0; padding:0px;}
#logo { width:267px; height:70px; float:left; margin:30px 0 0 10px; }
#banners { position:absolute; z-index:1; width:160px; height:50px; right:15px; top:40px; margin:0; }
#banners img{ border:0; margin:0 0 0 10px; }
#logo img { border:0; }
#topnav {
	margin:0; 
	padding:0;
	position:relative;
	width:100%;
	clear:both;
}
.line_break { clear:both; padding:0; width:100%; height:3px; margin: 2px 0; }
.line_dot { clear:both; padding:0; width:100%; height:6px; margin: 2px 0 4px 0; background:url(../img/dot-01.gif) repeat-x; }

#hlist { padding:0; }
#hlist ul { list-style:none; margin:0; padding:0; }
#hlist ul li { 
	float:left; 
	display:inline; 
	margin:0 5px; 
	padding:0 16px 0 10px; 
	line-height:25px; 
	border-right:1px solid #FFF; 
}

#main { margin: 8px 0 8px 0; }
#footer {
	clear:both;
	margin:0; 
	padding: 0px 20px; 
	height:142px; 
	color:#FFF; 
	background: url("../img/footer-semo.gif") left top no-repeat ; 
}
#footer a{
	color:#FFF;
	font-size:13px;
	font-weight: 400;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer a:hover{
	color:#fccb12;
}
#footer b{ color:#FFF; }
#footer p{ margin-top:10px; padding-left:40px; width:400px; }
/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
#nav ul { margin-left: 20px; }
.legal { width:300px; height:80px; margin:0px; padding:5px 0 0 0; float:right; text-align:right;}
/*-------------------------------------------------------------------------*/
#col1 { float: right; width: 289px; padding:0;}
#col2 { display:none}
#col3 { width: auto; margin: 0 299px 0 0;}
#col1_content { padding: 0 }
#col3_content { padding: 0 10px 0 0}

/*-------------------------------------------------------------------------*/
.header{
	margin: 0px auto;
	width:100%;
	text-align:left;
	position: relative;
}
/*-------------------------------------------------------------------------*/
.ficha{width:300px; position:relative; float:left; height:100px; margin:8px 10px 15px 0px; padding-left:10px; z-index:-1;}
.ficha img{float:left; margin:10px 15px 0 0; padding:4px; border:1px solid #CCC;}
.ficha p{width:170px; position:absolute; top:25px; right:10px;}

.comite{padding-bottom:15px; padding-top:5px;}
.vocales2{margin-left:64px;}
.vocales1{margin-left:14px;}
.ficha2{width:300px; position:relative; margin:5px 10px 0px 0px; z-index:-1;}
/*-------------------------------------------------------------------------*/
#contactar {position:relative; width:600px; height:500px;}
#contactar input[type=text]{
   border:solid 1px #CCC;
   width:170px;
   margin-bottom:9px;
   height:20px;
}
#contactar input[type=password]{
   border:solid 1px #CCC;
   width:170px;
   margin-bottom:9px;
   height:20px;
}

#contactar textarea{
   border:solid 1px #CCC;
   margin-left:7px;
  
}

#contactFormContainer{
	position:absolute;
	left:740px;
	top: 2px;
}
#contactForm{
	clear:both;
	height:200px;
	width:280px;
	background:#666666;
	display:none;
	z-index:-100;
}
#contactForm fieldset > a {
	
	font-size:20px;
	color: #fccb12;
}
#contactForm fieldset{
   padding:30px;
   border:none;
}      
#contactForm label{
   display:block;
   color:#ffc400;
}      
#contactForm input[type=text]{
   display:block;
   border:solid 1px #4d3a24;
   width:100%;
   margin-bottom:10px;
   height:24px;
}  
#contactForm input[type=password]{
   display:block;
   border:solid 1px #4d3a24;
   width:100%;
   margin-bottom:10px;
   height:24px;
} 

#contactForm textarea{
   display:block;
   border:solid 1px #4d3a24;
   width:100%;
   margin-bottom:10px;
}  
#contactForm input[type=submit]{
   cursor:pointer;
   background-color:#464646;
   border:solid 1px #808080;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   color:#fecd28;
   padding:5px;
}
#button1{
	margin-top:10px;
	margin-left:312px;
	}

#contactLink{
   height:40px;
   width:280px;
   background:url('../img/asociados.png') no-repeat;
   display:block;
   cursor:pointer;
}
#messageSent{
   color:#ff9933;
   display:none;
}
/*--------------- NOTICIAS ---------------------*/
.noticias{
	padding-top:20px;
	font-size:16px;
	}


#list-news {
	background:url(../img/dot-01.gif) repeat-x top;
	text-align:justify;
	padding:0 0 9px 10px;
	margin:2px 0;
	clear:left;
	width:640px;
	height:auto;
	min-height:150px;
}
#noticia {
	background:url(../img/dot-line.gif) no-repeat right;
	width:290px;
	padding:23px 18px 0 0;
	margin:0 15px 5px 0;
	float:left;
	display:inline;
}
#noticiaL {
	width:305px;
	padding:23px 0 0 0;
	margin:0 0 5px 0;
	float:left;
	display:inline;
}
#list-news h3 a{
	font-size:17px;
	font-weight:normal;
	color:#D70000;
	clear:both;
	padding:0 !important;
	margin:10px 0 4px 0 !important;
}
#list-news h3 a:hover{
	color:#666;
}
.date {
	color:#3995F9;
	font-style:italic;
	margin:0 0 4px 0;
	padding:0;
}
.dateampliada {
	color:#3995F9;
	font-style:italic;
	margin:-4px 0 4px 10px;
	padding:0;
}
#leer a{
	text-transform:lowercase;
	float:right;
	background:url(../img/plus.gif) no-repeat left;
	text-align:right;
	clear:both;
	width:55px;
	height:18px;
	margin:6px 0 0 0;
	padding:3px 0 0 4px;
	color:#3995F9;
}
/*----------------------------------------------------------------------------------*/
#s3slider {
   width: 655px; /* important to be same as image width */
   height: 229px; /* important to be same as image height */
   position: relative; /* important */
   float:left;
   overflow: hidden; /* important */
   margin-bottom:8px;
   z-index:-1;
}

#s3slider h3{
	font-size:14px;
	color:#FFF;
	margin-top:7px;
	margin-bottom:5px;
}

#s3sliderContent {
   width: 655px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 210px;
   height:100%;
   background-color: #000;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
}

p.subtitulo{
	font-size:16px;
	}

#registro{
	margin:-20px 0 0 30px;
	color:white;
	}
#registro a{
	color:#ffc400;
	}

#registro a:hover{
	color:white;
	}
	
.imagen_noticia{
	float:left;
	width:50%;
	padding:12px;
	}
	
#paginacion {
	float:right;
	margin-right:15px;
	margin-top:20px;

	}
#paginacion ul{
	list-style:none;
	}
#paginacion ul li{
	float:left;
	margin-left:5px;
	}

#paginacion ul li a{
	display:block; //Convertimos el vínculo en un bloque.
	width:100px;
	padding:1px 3px;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	color:#aaaaaa;
	border:1px solid white;
	}

#paginacion ul li a:hover{
	color:black;
	border:1px solid #dddddd;
	}
	
#paginacion ul li a.activo{
	color:black;
	border:1px solid #dddddd;
	}

.botones{
	position:absolute;
	margin-left:340px;
	margin-top:5px;
	}
.botones2{
	position:absolute;
	margin-left:335px;
	margin-top:5px;
	}

#contactForm2{
	margin-top:-25px;
	width:280px;
	margin-left:-20px;
}
#contactForm2 fieldset{
   padding:30px;
   border:none;
}      
#contactForm2 label{
   display:block;
}      
#contactForm2 input[type=text]{
   display:block;
   border:solid 1px #808080;
   width:100%;
   margin-bottom:10px;
   height:18px;
   float:left;
}  
#contactForm2 textarea{
   display:block;
   border:solid 1px #808080;
   width:100%;
   margin-bottom:10px;
}  
#contactForm2 input[type=submit]{
   cursor:pointer;
   border:solid 1px #808080;
   background-color:white;
   color:#900;
   padding:3px;
}   
#contactForm2 input[type=password]{
   display:block;
   border:solid 1px #808080;
   width:100%;
   margin-bottom:10px;
   height:18px;
   float:left;
}


#registro2{
	margin:-20px 0 0 30px;
	color:#444;
	}

#registro2 a{
	color:#D70000;
	}
	
#registro2 a:hover{
	color:#444;
	}


#registro2 a:hover{
	color:black;
	}
	
.link_sig{
	padding-top:15px;
	float:right;
	}
	
.link_sig a span{
	font-size:12px;
	}
.link_sig a{
	color:#444;
	}
	
.link_sig a:hover{
	color:#D70000;
}
h2{
	margin-left:9px;
	}

p.cuotas{
	line-height:20px;
	}
object{
	outline:none;
	}

#telf_email{
	margin-left:10px;
	}
#tabla{
	margin-left:6px;
	}
.borde_menu{
	height:3px;
	background:transparent url(../img/menu_li.png) repeat scroll 0 0;
	width:158px;
	margin:25px 0 0 0;
	}


}