/*
//////////////////////////////////////

GENERALES

//////////////////////////////////////
*/

html
	{
	height: 100%;
	font: normal .8em/150% Arial, Tahoma, Verdana, Sans-Serif;
	

	}


body{
	background: #fff;
	margin: 0;
	/*padding: 0px 0px 0px;
	*/
	margin-top:0;
	
	
	
	height: 100%;
	
	padding: 0;
	text-align: center;
	background:url(../images/f.jpg) top repeat-x;
	
}

.seccion{
	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:8px 8px 8px 8px;
	font: normal 1.0em/150% Arial, Tahoma, Verdana, Sans-Serif;
	}

h2{
	font: 75%/1 Arial, Helvetica, sans-serif;

	
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.667em;

	color: #222;
	padding: 8px 0px 8px 20px ;
	background-image:url(../images/fon_titulo.gif);
	padding-bottom:20px;

	}

h3{
	font: 75%/1 Arial, Helvetica, sans-serif;
	
	
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.667em;

	color: #017282;
	padding: 8px 0px 8px 0px ;
	
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;

	}
	
h4{
	font: 75%/1.4 Arial, Helvetica, sans-serif;

	
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.667em;

	color: #222;
	padding: 8px 0px 8px 0px ;
	
	/*padding-bottom:20px;
*/
	}
	
h6{
	font: 75%/1.4 Arial, Helvetica, sans-serif;

	
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.667em;

	color: #222;
	padding: 8px 0px 8px 0px ;
	
	padding-bottom:20px;

	}
	
.h6{
	

	color:#fff;
	
	font: normal 1.0em/100% Arial, Tahoma, Verdana, Sans-Serif;
}
	
.oculto{
	display: none;
}

.idioma_activo{
	
	color:#aaa;
	
	}

#oferta{
	background: url(../images/oferta.gif) no-repeat;
	margin-top:-15px;
	padding-top:10px;
	margin-left:2px;
	height:25px;
	
	width:966px;
	color:#fff;
	
	font: normal 1.0em/100% Arial, Tahoma, Verdana, Sans-Serif;
	
	

	}	

	
li{
	/*font: 100%/1 Arial, Helvetica, sans-serif;*/
	
	padding: 5px 0px 5px 5px ;
	

	
	


	
	
	/*padding-left:20px;
	*/
	list-style-type: square;
	list-style-position:inside;
	
	list-style-image: url(../images/bullet_li.gif);

	}
	
	
.tit_cursos{
	color:#F00;
	font-size:16px;
	font: 75%/1 Arial, Helvetica, sans-serif;
	

	
	margin-top: 0;
	margin-bottom: 0em;
	font-size: 1.467em;

	/*color: #444;
	*/padding: 5px 0px 5px 20px ;
	
	
	/*padding-left:20px;
	*/
	list-style-type: square;
	list-style-position:inside;

	}
	
#seguros{
	margin-top:-70px;
	margin-left:140px;
	
	}
	
ul{
	font: 75%/1.2 Arial, Helvetica, sans-serif;
	/*background-color:#FF5434;
	
	 antes ->#6FF5434;*/
	
	margin-top: 0;
	margin-bottom: 0em;
	font-size: 1.067em;

	/*color: #444;
	*/padding: 0px 0px 0px 20px ;
	
	list-style-image: url(../images/arrow.gif);
	background-image:url(../images/arrow.gif);
	
/*	
	list-style-type: square;
	list-style-position:inside;
	list-style-image: url(../images/bullet_li.gif);
	
	list-style-position: outside;
list-style-image: url(arrow.gif);
list-style-type: square;
*/
	}
	
	
#contenido{
	margin-top:20px;
	width: 975px;
	/*font: normal 1.0em/150% Arial, Tahoma, Verdana, Sans-Serif;*/
}
	
	
#texto{
	width:620px;
	font: normal 1.0em/150% Arial, Tahoma, Verdana, Sans-Serif;
	float:left;
	text-align:left;
	padding-left:10px;
	
	
	
	}

	
#promos{
	width:275px;
	
	float:right;
	margin-right:0px;
	padding-right:0px;
	height:950px;
	/*background-color:#096;
	*/
	
	/*background-color:#930;
	*/
	/*background-color:#eee;
	*/
	font: normal 1.0em/150% Arial, Tahoma, Verdana, Sans-Serif;
	text-align:right;
	
	
	
	}
td {
	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	
	}
table {
	
	
	margin: 0px auto 0px auto;
	
	}
	
	
#caja{

	background:url(../images/ca.gif) no-repeat;
	/*background-color:#caecf3;
	*/
	background-color:#e7fafe;
	
	padding: 20px 20px 20px 30px; 
	

	border:dashed;
	border-color:#ddd;
	
	
	}
	
#foto{

	/*background:url(../images/ca.gif) no-repeat;
	background-color:#caecf3;
	*/
	background-color:#e7fafe;
	/*padding: 1px 1px 1px 1px;
	*/margin:0 auto 0 auto;
	width:580px;
	height:190px;

	border:dashed;
	border-color:#ddd;
	
	
	}

#caja_indice{
	
	background-color:#F30;
	padding: 20px 20px 20px 50px; 
	/*color:#eee;*/
	font: 100%/1 Arial, Helvetica, sans-serif;
	/*border:double;
*/
	background: #ffffcc url(../images/fa.gif) top no-repeat;
	border:double;
	border:dashed;
	border-color:#FC9;
	
	}


#caja_salidas{
	
	background-color:#F30;
	padding: 20px 20px 20px 50px; 
	/*color:#eee;*/
	font: 100%/1 Arial, Helvetica, sans-serif;
	/*border:double;
*/
	background: #ffffcc url(../images/fa.gif) top no-repeat;
	border:double;
	border:dashed;
	border-color:#FC9;
	text-align:left;
	
	}


#contenedor { min-height:100%;
height: auto!important;
height:100%;

background:url(../images/fon.gif) bottom no-repeat;

}


#pie {text-align: center;
background-color: #3CF;
color: #fff;
height: 3em;
margin-top: -3em;
}



/*.corte {clear: both;padding-top: 4em;}
*/



img { border: none } 

#holder{
	width: 975px;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: auto;
	position: relative;
	min-height: 100%;
	
	
	
	min-height:100%;
	height: auto!important;
	height:100%;
	
	

}




/*
//////////////////////////////////////

CABECERAS

//////////////////////////////////////
*/


#tel{
	
	width: 975px;
	margin:0 auto 0 auto;
	height:20px;
	text-align:right;
	color:#00b9cf;
	vertical-align:top;
	
	padding-top:10px;
	padding-right:10px;
	font: normal 1.3em/150% Arial, Tahoma, Verdana, Sans-Serif;
	
}

#idiomas{	
	
	
	width: 975px;
	margin:-100px auto 0 auto;
			
	text-align:right;

	height:10px;
	padding-right:10px;
	font: normal .9em/150% Arial, Tahoma, Verdana, Sans-Serif;
	
	
	text-align:right;
	color:#aaa;
	vertical-align:top;
	padding-top:5px;
	padding-right:10px;

	
	
	
	
}

a.idiomas:link {	
	text-decoration:none;
	color:#00b9cf;
	padding:4px 4px 4px 4px;
	} 
	
a.idiomas:hover {	

	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:4px 4px 4px 4px;
	}
a.idiomas:visited {	
	text-decoration:none;
	color:#00b9cf;
	padding:4px 4px 4px 4px;
	} 
a.idiomas:active {	
	text-decoration:none;
	color:#fff;
	padding:4px 4px 4px 4px;
	} 
a.idiomas:visited:hover {	

	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:4px 4px 4px 4px;
	}


#idio2 {
	
	
	width: 975px;
	text-align:right;
	padding-top:0px;
	float:right;
	padding-bottom:10px;
	
	margin:0 auto 0 auto;
	
	
}

a.idio2:link {	
	text-decoration:none;
	color:#00b9cf;
	padding:4px 4px 4px 4px;
	} 
	
a.idio2:hover {	

	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:4px 4px 4px 4px;
	}



#header {
	
	height: 120px;
	width: 975px;
	margin:0px auto 0 auto;	
	
}
#header h1{

	background: url(../images/logo_bwater.gif) no-repeat left top;
	padding-bottom: 0;
	height: 100px;	
	width: 975px;
	margin:0 auto 0 auto;
	
}

#barra{
	width: 975px;
	height:5px;
	margin:0px;
	margin-top:-5px;
	background: #00b9cf;		
	
}

#barra2{
	width: 500px;
	height:5px;
	margin:0px;
	margin-top:-10px;
	margin-left:100px;
	background: #00b9cf;
	color:#00b9cf;
	
}



#cabecera{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:200px;
	text-align: center;
	background: #fff url(../../images/cabecera.jpg) no-repeat ;
		
	
}

#cabecera_presentacion{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/presentacion_bwater.jpg) no-repeat ;
		
	
}


#cabecera_tienda{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_07.jpg) no-repeat ;
		
	
}

#cabecera_cursos{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_06.jpg) no-repeat ;
		
	
}
#cabecera_salidas{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_13.jpg) no-repeat ;
		
	
}
#cabecera_precios{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_05.jpg) no-repeat ;
		
	
}
#cabecera_localizacion{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_03.jpg) no-repeat ;
		
	
}
#cabecera_galeria{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_02.jpg) no-repeat ;
		
	
}
#cabecera_santfeliu{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_11.jpg) no-repeat ;
		
	
}
#cabecera_contacto{
	margin-top: 25px;
	text-align:center;
	width: 975px;
	height:140px;
	text-align: center;
	background: #fff url(../images/cabe_09.jpg) no-repeat ;
		
	
}




#boletin{
	font: normal 1.0em/130% Arial, Tahoma, Verdana, Sans-Serif;
	width:265px;
	margin-left:700px;
	background: #00b9cf;
	padding: 10px 0px 0px 10px;
	
	text-align:left;
	color:#FFFFFF;
	height:55px;
	
}

label
{

/*float: left;
text-align: right;
margin-right: 0.5em;
display: block;*/

}



#destacados{
	

	width: 975px;
	height:205px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:30px;
	padding-bottom:10px;

	
	
	
	
	/*padding: 10px 0px 0px 15px;

		*/
	
	
}


#destacado{
	font: bold 1.2em/150% Arial, Tahoma, Verdana, Sans-Serif;
	color:#fff;
	text-align:left;
	background: url(../images/top_desta.gif) no-repeat right top;

	width:240px;
	height:200px;

	float:left;
	margin-left:2px;
	padding-right:0px;
	padding-left:0px;
	padding-top:5px;
	
	
	
	
}
#destacado_bwater{
	font: normal 1.1em/150% Arial, Tahoma, Verdana, Sans-Serif;
	color:#FFFFFF;

	width:240px;
	height:200px;
	/*background: url(images/fon_desta.gif) repeat-x left top;
	*/float:left;
	margin-left:2px;
	padding-right:0px;
	padding-left:0px;
	
	
}

#tiempo{
padding-left:10px;
vertical-align:text-top;
vertical-align:top;
color:#000000;
float:left;

}

#tiempo_txt{
margin-left:10px;
width:150px;
float:left;


}

#youtube{
padding-left:10px;
vertical-align:text-top;
vertical-align:top;
color:#000000;
float:left;

}

#facebook{
padding-left:10px;
vertical-align:text-top;
vertical-align:top;
color:#000000;
float:left;


}



#destacado_foto{
	
	background: #eee;
	float:left;
	vertical-align:middle;
	padding:5px 0px 0px 5px;
	
	/*padding: 10px 0px 0px 15px;

		*/
	
	
}

#destacado_txt{
padding-left:200px;
padding-top:20px;

}



/*
//////////////////////////////////////

CONTENIDO

//////////////////////////////////////
*/


#izquierda{
	padding: 10px 0px 0px 0px;
	width: 250px;
	float: left;
	margin-top:-70px;
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	
	
}

#comentarios{
	padding: 0px 0px 0px 30px;
	width: 280px;
	float: left;
	
	
}


#content{
	
	padding: 10px 0px 0px 0px;
	width: 700px;
	float:left;
	text-align:left;

	
}



/*
//////////////////////////////////////

MENU

//////////////////////////////////////
*/

#menu {
	width:985px;
	margin:0 auto 0 auto;
	margin-top:-60px;
	color: #000;
	text-align: right;
	
}

.menu_destaca {
	width:985px;
	margin:0 auto 0 auto;
	margin-top:-60px;
	color: #F30;
	text-align: right;
	
}

	
#menu2 {
	width: 975px;
	margin:0 auto 0 auto;
	
	
	
}
/*
#txt a{
	color: #000;
	text-align: center;
	text-decoration: none;
	background-color:#CCCCCC;
	padding:5px 10px 5px 0px;
}

#txt a:hover{
	color: #fff;
	background:#00b9cf;
	padding:5px 10px 5px 0px;
}
*/



A:link {text-decoration:none;
	color:#222; 
	} 
A:hover {
	text-decoration:none; 
	color:#F30; 
	} 
A:visited {text-decoration:none;
	color:#000;  
	} 
A:active {text-decoration:none;
	color:#F30; 
	} 
a:visited:hover {	
	text-decoration:none; 
	color:#F30;} 
	
	
	

a.menu:link {	
	text-decoration:none;
	color:#000;
	background-color:#CCCCCC;
	padding:8px 8px 8px 8px;} 
	
a.menu:hover {	
	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:8px 8px 8px 8px;
	}
a.menu:visited {	
	text-decoration:none;
	color:#000;
	background-color:#CCCCCC;
	padding:8px 8px 8px 8px;}

a.menu:visited:hover {	
	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:8px 8px 8px 8px;} 
	
a.menu:active {	
	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:8px 8px 8px 8px;
	}
	

a.menu_destaca:link {	
	text-decoration:none;
	color:#fff;
	background-color:#F30;
	padding:8px 8px 8px 8px;} 
	
a.menu_destaca:hover {	
	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:8px 8px 8px 8px;
	}
a.menu_destaca:visited {	
	text-decoration:none;
	color:#fff;
	background-color:#F30;
	padding:8px 8px 8px 8px;}

a.menu_destaca:visited:hover {	
	text-decoration:none; 
	color: #fff;
	background:#00b9cf;
	padding:8px 8px 8px 8px;} 
	
a.menu_destaca:active {	
	text-decoration:none; 
	color: #fff;
	background:#F30;
	padding:8px 8px 8px 8px;
	}
	
	
	

/*A:visited {text-decoration:none;color:#000;font-size:11px;} 
A:active {text-decoration:none;color:#000;font-size:11px;} 
*/



/*
//////////////////////////////////////

PIE

font: bold .8em/300% Arial, Sans-Serif;

//////////////////////////////////////
*/




#logos {
	padding-top:50px;
	margin:0 25% 0 25%;
	padding-bottom:0px;
	
	
}

#bannerpadi {
	padding-top:0px;
	margin:0 30% 0 25%;
	padding-bottom:0px;
	width: 600px;
	
}


#footer {
	
	font: normal 1.1em/150% Arial, Tahoma, Verdana, Sans-Serif;
/*	height:40px;*/
	color:#8d9093;
	width:100%;
	background: #777073 url(../images/fon_foot.gif) repeat-x ;
	height: 40PX;
	/*
	
	clear:both;
	text-align:left;



	position: relative;
	
	*/
	
	/*z-index: 3;
	
	margin-top: -1.5em;*/
	






/*
	bottom:0;
	position:absolute;


   position:fixed;
*/
	
}




#footer_center {

	width: 975px;
	margin-left:auto;
	margin-right:auto;
	
	
	
}



#footer_1 {
	vertical-align:bottom;
	text-align:left;
	width:650px;
	float:left;
	margin-left:0px;
	
	
	
	
}

#footer_2 {
	
	width:300px;
	float:right;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	
	
	
}


#footer h5{

	font: normal .8em/300% Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding-top:5px;
	
	padding-left:0px;
	
	
	}







	

* html #holder
{
height: 100%;
}

#holder
{
padding-bottom: 9em;
}

/*

LIGHTBOX (cargador de fotos en grande efecto js)

*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 75px; height: 75px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }