/* GENERAL */

html {
	background-color: #140B4D;

}

img {
	border: 0;
}


			
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
}


div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

/* ESTILOS HOME */

#contenedor-home {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/home_60.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}


#cabecera{

}

#cabecera #izquierda{

	width:128px; /*ancho total del div*/ 
	height:170px;

	float:left;
	margin:0px 0px 0px 0px;

}

#cabecera #izquierda-interior{

	width:128px; /*ancho total del div*/ 
	height:128px;

	float:left;
	margin:0px 0px 0px 0px;

}
#cabecera #datos-contacto{

	width:270px; /*ancho total del div*/ 
	height:65px;
	font-family: Arial; 
	font-size: 14px;
	color: #fff; 
	font-weight:bold;
	
	float:left;
	margin:5px 0px 0px 0px;
}
#cabecera #datos-contacto a{

	font-family: Arial; 
	font-size: 14px;
	color: #fff; 
	font-weight:bold;
}
#cabecera #skype{
	width:50px; /*ancho total del div*/ 

	float:left;
	margin:5px 0px 0px 0px;
}
#cabecera #idiomas{

	width:140px; /*ancho total del div*/ 
	height:17px;

	float:left;
	margin:10px 0px 0px 60px;
}


#cabecera #derecha{

	width:241px; /*ancho total del div*/ 
	height:100px;

	float:right;
	margin:0px 50px 0px 0px;
	//margin-right:20px; /*Esto lo lee IE*/


}


#titulo{

	width:625px; /*ancho total del div*/ 
	height:40px;

	background-image:url(/img/fondotitulo.gif); 
	background-repeat:no-repeat; 


	float:right;
	
	margin:10px 50px 0px 0px;
	
	//margin-right:20px; /*Esto lo lee IE*/
}

#titulo h1{

	
	text-align: center;
	font-family: Arial; 
	font-size: 18px;
	color: #fff; 
	font-weight:bold;
	margin:10px 0px 0px 0px;
	

}

#ofertas{

	float:left;
	margin:0px 0px 0px 0px;
	min-height:80px;
}

#ofertas #oferta_vacia{
	width:143px; /*ancho total del div*/ 
	height:195px;
}
#ofertas #oferta{

	width:143px; /*ancho total del div*/ 
	height:186px;

	background-image:url(/img/fondo_oferta.gif); 
	background-repeat:no-repeat; 

	float:left !important;
	margin:10px 0px 0px 0px;

}



#ofertas #oferta h2{

	text-align: center;
	font-family: Arial; 
	font-size: 20px;
	color: #fff; 
	margin:5px 0px 0px 0px;

	
}

#ofertas #oferta img{
	width:120px; /*ancho total del div*/ 
	height:90px;
	border:0px;
	margin:5px 0px 0px 10px;

}

#ofertas #oferta h3{

	text-align: center;
	font-family: Arial; 
	font-size: 20px;
	color: #EDF51E; 
	font-weight:bold;
	margin:10px 0px 0px 0px;
	
}


#bienvenida{

	width:220px; /*ancho total del div*/ 

	float:right;
	margin:-20px 50px 0px 0px;
	//margin:0px 20px 0px 0px; /*Esto lo lee IE*/
	
	
}

#bienvenida h2{

	font-family: Arial; 
	font-size: 20px;
	color: #fff; 
	font-weight:bold;	
	text-align:center;
}

#bienvenida p{

	font-family: Arial; 
	font-size: 12px;
	color: #fff; 
	font-weight:bold;	
	text-align:justify;
}

#pie{
	float:left;
	margin:7px 0px 0px 0px;
}

#pie #izquierda{
	float:left;
	font: 11px Arial, sans-serif;
	color: #fff; 
	margin:0px 0px 0px 10px;

}

#pie #centro{
	float:left;
	font: 11px Arial, sans-serif;
	color: #fff; 
	margin:0px 0px 0px 140px;

}

#pie #derecha{
	float:right;
	font: 11px Arial, sans-serif;
	color: #fff; 
	margin:-10px 10px 0px 0px;
	//margin:0px 10px 0px 0px;
	
	
}

div#pie a:link, div#pie a:hover, div#pie a:visited {
	text-decoration:none;
	color: #fff; 
}
div#pie a:hover {
	text-decoration:underline;
	color: #fff; 
}

#menu {

	float:left;
	margin:5px 0px 0px 105px;
	//margin:15px 0px 0px 110px; /*Esto lo lee IE*/
	width:200px;
	height:300px;
} 

#menu ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}

#menu li {
	margin: 6px auto ; /*le quito el margen al elemento de la lista*/ 
	//margin: 0px auto ; /*le quito el margen al elemento de la lista*/ 
	
	
}

#menu li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	color:#FFFFFF; /*mas*/ 

	background-image:url(/img/fondo_menu.gif); 
	background-repeat:no-repeat; 

	padding:4px 0px 5px 5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:3px 2px 3px 2px; /*Esto lo lee IE*/
	
	text-decoration:none; /*elimino el subrayado del vínculo*/ 

	font-family: Arial; 
	font-size: 16px;
	color: #fff; 
	font-weight:bold;	
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
	
	
}

#menu li a:hover {
	color: #140B4D; 

}

/* ESTILOS SECCION OFERTAS */

#contenedor-ofertas {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_ofertas.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}


#menu_horizontal {
	float:left;
	margin:0px 0px 0px 0px;
	width:920px;
	height:40px;
	background-image:url(/img/menu_horizontal.gif); 
	background-repeat:no-repeat; 	

} 

#menu_horizontal ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
#menu_horizontal li {
	float: left;
	//margin: 0px auto ; /*le quito el margen al elemento de la lista*/ 
	
	
}
#menu_horizontal li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	color:#FFFFFF; /*mas*/ 


	padding:10px 8px 10px 8px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:10px 8px 10px 8px; /*Esto lo lee IE*/
	
	text-decoration:none; /*elimino el subrayado del vínculo*/ 

	font-family: Arial; 
	font-size: 12px;
	color: #fff; 
	font-weight:bold;	
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
	text-transform: uppercase;
	
	
}

#menu_horizontal li a:hover {
	color: #140B4D; 
}

#menu_horizontal #separador {
	width:10px;
	height:40px;
	background-image:url(/img/separador.gif); 
	background-repeat:no-repeat;
}


#bloque_central{
	float: right;
	width:750px;
	height:380px;	
	
	margin:10px 20px 0px 0px;
	//margin:10px 10px 0px 0px;

}

#bloque_central h1{
	width:200px;
	height:25px;
	background-image:url(/img/fondo_menu.gif); 
	background-repeat:no-repeat; 	
	
	font-family: Arial; 
	font-size: 20px;
	color: #fff; 
	font-weight:bold;	
	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	

}
#bloque_central .volver{
	float:right;
	margin:0px;
	padding:5px 10px 0px 10px;
	font-family: Arial; 
	font-weight:bold;
	font-size: 12px;
	color: #fff; 	
}
#bloque_central .volver a{
	font-family: Arial; 
	font-weight:bold;
	font-size: 12px;
	color: #fff; 	
}

#bloque_central p{
	font-family: Arial; 
	font-size: 12px;
	color: #fff; 
	padding:0px 0px 0px 0px; 
	margin:10px 0px 10px 0px;
	text-align:justify;
	
	
}

#bloque_central #index{

	float:left;
	width:450px;
	margin:0px 0px 0px -10px;
	
}

#bloque_central #index #menu_superior{
	float:left;
	margin:0px 0px 0px -45px;
	//margin:0px 0px 0px 0px;

	font-family: Arial; 
	font-size: 12px;
	color: #EAE90D; 
	font-weight:bold;	
	

}

#bloque_central #index #menu_superior ul {

	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
#bloque_central #index #menu_superior li {
	list-style-type:none; /*con esto quitamos las viñetas*/
	float: left;
	width:140px;
	//width:150px;
	
	text-align:center;
	padding:0px 5px 10px 5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:0px 5px 10px 5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	
	
}
#bloque_central #index #menu_superior li a {
	padding:10px 8px 10px 8px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:0px 0px 0px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
}
#bloque_central #index #menu_superior img {
	margin:5px 0px 0px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 

}

#bloque_central #separador_central {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	float: left;
	width:1px;
	height:272px;
	background-image:url(/img/separador_central.gif); 
	background-repeat:no-repeat;
	margin:0px 0px 0px 5px;	
	
}

#bloque_central #texto{
	float:right;
	width:285px;
	font-family: Arial; 
	color: #fff; 
	font-weight:bold;	
}

#bloque_central #texto h2{
	font-size: 16px;
	margin:0px 0px 0px 0px;	

}

#bloque_central .texto{
	float:right;
	width:285px;
	font-family: Arial; 
	color: #fff; 
	text-align:justify;
	font-weight:bold;	
}

#bloque_central .texto a{

	font-family: Arial; 
	color: #fff; 
	font-weight:bold;	
	text-decoration:none;
}

#bloque_central .texto a:hover {
	text-decoration:underline;

}

#bloque_central .texto h2{
	font-size: 16px;
	margin:0px 0px 0px 0px;	

}
#bloque_central #texto p{

	font-size: 12px;
	text-align:justify;
	margin:0px 0px 0px 0px;	
	//margin:5px 0px 0px 0px;	
}


/* ESTILOS SECCION TOSSA DE MAR */


#contenedor-tossa {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;

	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_tossa.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central #index-generico
{

	float:left;
	text-decoration:none;
	
	width:250px;
	margin:0px 0px 0px 0px;
}

#bloque_central #index-generico h2{
	
	font-family: Arial; 
	font-size: 14px;
	color: #fff; 	
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	

}

#bloque_central #index-generico #lista-generica ul {

	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
#bloque_central #index-generico #lista-generica li {
	list-style-type:none; /*con esto quitamos las viñetas*/
	padding:0px 0px 10px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:0px 0px 10px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	
	
}
#bloque_central #index-generico #lista-generica li a {
	font-family: Arial; 
	font-size: 14px;
	color: #fff; 	
	font-weight:bold;
	text-decoration:none;

	padding:10px 5px 10px 5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:0px 0px 0px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
}

#bloque_central #index-generico #lista-generica li a:hover {
	text-decoration:underline;

}
#bloque_central .texto-generico{
	float:right;
	width:475px;
	height:300px; 	
	//height:290px; 	
	
	font-family: Arial; 
	color: #fff; 
	font-weight:bold;
}

#bloque_central .texto-generico h2{
	font-size: 16px;
	margin:0px 0px 10px 0px;	

}

#bloque_central .texto-generico h3{

	float:left;
	margin:130px 0px 0px 2px;
	
	font-family: Arial;
	font-size: 10px;
	color: #fff; 
	font-weight:bold;	
}

#bloque_central .texto-generico h4.masinfo{
	font-family: Arial;
	font-size: 11px;

}

/*
#bloque_central .texto-generico h4{

	float:left;
	margin:130px 0px 0px 2px;
	
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	
}
*/
#bloque_central .texto-generico p{

	float:left;
	margin:0px 0px 0px 0px;
	
	font-family: Arial;
	font-size: 12px;
	color: #fff; 
	font-weight:bold;	
	text-align:justify;
	
}


#bloque_central .texto-generico .lista{

	float:left;
	margin:0px 0px 0px -20px;
	
	
	font-family: Arial;
	font-size: 12px;
	color: #fff; 
	font-weight:bold;	
	text-align:justify;
	
}


#bloque_central .texto-generico a:hover {
	text-decoration:underline;

}

#bloque_central .texto-generico a{

	float:left;
	font-family: Arial; 
	color: #fff; 
	font-weight:bold;	
	text-decoration:none;
}
#bloque_central .texto-generico table.trescolumnas td{
	margin:15px 0px 0px 0px;
	padding:0px 20px 0px 0px; 

	font-family: Arial; 
	font-size: 14px;
	color:#fff;
	font-weight:bold;	
	
	text-align: left;
	vertical-align:top;
}


/* ESTILOS SECCION EL CENTRO */


#contenedor-centro {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_centro.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central #index-generico #index-fotos
{

	width:160px; 

	float:left;
	text-decoration:none;
	margin:0px 0px 0px 40px;
	//margin:0px 0px 0px 20px;
	
	
}

#bloque_central #index-generico #index-logos
{

	width:200px; 

	float:left;
	text-decoration:none;
	margin:0px 0px 0px 40px;
	//margin:0px 0px 0px 20px;
	
	
}

/* ESTILOS SECCION EL CENTRO STAFF */

.texto-generico .fotogrande{
	float:left;
	width:470px; 	
	margin:0px 0px 0px 0px;
}

.texto-generico .fotogrande img{
	float:left;
	width:250px; 	
	margin:0px 0px 0px 0px;
}
.texto-generico .fotogrande h4{
	float:left;
	margin:0px 0px 0px 20px;

	font-family: Arial;
	font-size: 14px;
	color: #fff; 
	font-weight:bold;	
}

#bloque_central .texto-generico .fotogrande p{
	float:left;
	margin:5px 0px 0px 20px;
	width:180px; 	

	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	

}

.texto-generico #menu_fotos{
	
	width:450px; 	
	height:55px; 	
	
	float:left;
	margin:10px 0px 0px 0px;
}

.texto-generico #menu_fotos2{
	
	width:450px; 	
	height:55px; 	
	
	float:left;
	margin:0px 0px 0px 0px;
}

.texto-generico img{
	margin:1px 1px 1px 1px;

}


.texto-generico #menu_fotos a:hover, #menu_fotos2 a:hover{

	border:1px solid #FF6501;
	
}

/* ESTILOS SECCION EL CENTRO CONTACTO */


form {

	padding: 0px;
	width: 460px;
}

label {
	font-size: 12px;
	font-weight:bold;	
	
	font-family: Arial;
	color: #FFF;
	display: block;
}

input{
	font-size: 12px;
	
	font-family: Arial;
	color: #000;
}

#bloque_central .texto-generico table.formulario td.boletin{

	font-family: Arial; 
	font-size: 11px;
	color:#fff;
	margin:0px 5px 0px 0px;
	
	
}

/* ESTILOS SECCION EL CENTRO HORARIOS */

#contenedor-horarios {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_horarios.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central .texto-generico-horarios td.arial11{

	font-weight:normal;	
	
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	
}

#bloque_central .texto-generico-horarios td.arial11Bold{

	font-weight:bold;	
	
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	
}

#bloque_central .texto-generico-horarios td.arial12Bold{

	margin:0px 0px 0px 0px;
	font-weight:bold;	
	
	font-family: Arial;
	font-size: 12px;
	color: #fff; 
	
}

#bloque_central .texto-generico-horarios td.arial10Bold{

	font-weight:bold;	
	
	font-family: Arial;
	font-size: 10px;
	color: #fff; 

	
}
#bloque_central .texto-generico-horarios h2{
	font-size: 16px;
	color: #fff; 
	font-family: Arial;
	
	margin:0px 0px 10px 0px;	

}

#bloque_central .texto-generico-horarios h3{

	float:left;
	margin:130px 0px 0px 2px;
	
	font-family: Arial;
	font-size: 10px;
	color: #fff; 
	font-weight:bold;	
}
#bloque_central .texto-generico-horarios a:hover {
	text-decoration:underline;

}

#bloque_central .texto-generico-horarios a{

	float:left;
	font-family: Arial; 
	color: #fff; 
	font-weight:bold;	
	text-decoration:none;
}
#bloque_central #index-generico .index-fotos2
{
	background-color: #fff;

	width:180px; 

	float:left;
	text-decoration:none;
	margin:0px 0px 0px 40px;
}

.tablacurso_par{
	/*background-color:#756FD2;*/
	margin:0px 10px 3px 0px;

}
.tablacurso_impar{
	/*background-color:#5E5AA1;*/
	margin:0px 10px 3px 0px;
	
}
/* ESTILOS SECCION CURSOS */

#contenedor-cursos {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_cursos.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central #index-cursos{
	float:left;
	text-decoration:none;
	
	width:340px;
	margin:0px 0px 0px 0px;
}

#bloque_central #index-cursos #introduccio{
	float:left;
	text-decoration:none;

	width:220px;
	margin:0px 5px 0px 0px;
}

#bloque_central #index-cursos #introduccio p{
	float:left;
	text-decoration:none;

	width:220px;
	margin:0px 0px 0px 0px;
}

#bloque_central #index-cursos h2
{
	font-family: Arial; 
	font-size: 16px;
	font-weight:bold;	
	color: #fff; 
	

}

#bloque_central #index-cursos h3
{
	font-family: Arial; 
	font-size: 12px;
	font-weight:bold;	
	color: #000; 
	text-align:center;
	margin:10px 0px 0px 0px;

}
#bloque_central #index-cursos p{
	font-family: Arial; 
	font-size: 11px;
	font-weight:bold;	
	
	color: #fff; 
	padding:0px 0px 0px 0px; 
	margin:5px 0px 10px 0px;
	//margin:-15px 0px 0px 0px;
	
	
}

#bloque_central #index-cursos a{
	font-family: Arial; 
	font-size: 11px;
	font-weight:bold;	
	
	color: #fff; 
	padding:0px 0px 0px 0px; 
	margin:5px 0px 10px 0px;
	
}
#bloque_central #index-cursos #cursos_superiores
{
	float:left;

	margin:-12px 0px 0px 0px;
	//margin:-17px 0px 0px 0px;
	

}
#bloque_central #index-cursos #cursos_superiores a
{
	font-family: Arial; 
	font-size: 11px;
	font-weight:bold;
	color: #000; 
	
}
#bloque_central #index-cursos #cursos_inferiores
{
	float:left;

	margin:5px 0px 0px 0px;
	//margin:-10px 0px 0px 0px;
}
#bloque_central #index-cursos #cursos_inferiores a
{
	font-family: Arial; 
	font-size: 11px;
	font-weight:bold;
	color: #000; 
	
}

#bloque_central #index-cursos #cursos1
{
	float:left;
	width:110px; /*ancho total del div*/ 
	height:46px;	
	background-color: #C2E9E4;

}

#bloque_central #index-cursos #cursos2
{
	float:left;
	width:110px; /*ancho total del div*/ 
	height:46px;	
	background-color: #7CDFD2;

}

#bloque_central #index-cursos #cursos3
{
	float:left;
	width:110px; /*ancho total del div*/ 
	height:46px;	
	background-color: #5FC5B8;

}

#bloque_central .texto-cursos{

	width:360px; /*ancho total del div*/ 
	height:650px;	
	
	font-family: Arial; 
	color: #fff; 
	font-weight:bold;

}

#bloque_central .texto-cursos p{

	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	
	text-align:justify !important;
	
}
#bloque_central .texto-cursos h2
{
	font-family: Arial; 
	font-size: 16px;
	font-weight:bold;	
	color: #fff; 
	margin:0px 0px 0px 0px;
	

}


/* ESTILOS SECCION PRECIOS */



#contenedor-precios {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_precios.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central #columna{
	width:230px;
	float:left;
	
}

#bloque_central #columna td{

	margin: 0px 0px 0px 0px;
	height:0px;

}
#bloque_central #columna td.arial11{
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	
}

#bloque_central #columna td.arial14Bold{

	margin:0px 0px 0px 0px;
	font-weight:bold;	
	
	font-family: Arial;
	font-size: 14px;
	color: #fff; 
	
}

#contenedor-precios #bloque_central h3{
	font-family: Arial;
	font-size: 18px;
	color: #fff; 
	font-weight:bold;	
	
}
#contenedor-precios #bloque_central p{
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	
	
}
#contenedor-precios #separador_central{
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	float: left;
	width:1px;
	height:272px;
	background-image:url(/img/separador_central.gif); 
	background-repeat:no-repeat;
	margin:0px 5px 0px 5px;	
}

/* ESTILOS SECCION PUNTOS DE INMERSION */


#contenedor-inmersiones {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_inmersiones.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central1{
	float: right;
	width:750px;
	height:380px;
	//height:320px;	
		
	
	margin:10px 20px 0px 0px;
	//margin:10px 10px 0px 0px;

}

#bloque_central1 h1{
	width:200px;
	background-image:url(/img/fondo_menu.gif); 
	background-repeat:no-repeat; 	
	
	font-family: Arial; 
	font-size: 20px;
	color: #fff; 
	font-weight:bold;	
	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	

}
#bloque_central1 .texto-inmersiones{

	float:right;
	width:360px;

	font-family: Arial; 
	color: #fff; 
	font-weight:bold;
	margin:-10px 0px 0px 0px;
	//margin:0px 0px 0px 0px;
	
}

#bloque_central1 .texto-inmersiones p{

	margin:-5px 0px 10px 0px;
	//margin:-5px 0px 12px 0px;
	

	
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	
	text-align:justify !important;
	
}
#bloque_central1 .texto-inmersiones h2
{
	font-family: Arial; 
	font-size: 16px;
	font-weight:bold;	
	color: #fff; 
}

#bloque_central1 #imatge{
	float:left;
	width:360px;
	margin:5px 0px 0px 0px;
}

#bloque_central1 #introduccion{

	float:left;
	margin:0px 0px 0px 0px;
	
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	
	text-align:justify !important;
	
}

/* ESTILOS SECCION GALERIA DE FOTOS*/


#contenedor-galeria {
	width:920px; /*ancho total de la pagina*/ 
	height:570px;
	margin:-10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-image:url(/img/seccion_galeria.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;	

}

#bloque_central #scrollGaleria{



}

#bloque_central #scrollGaleria #menu_galeria{


	width:700px; /*ancho total de la pagina*/ 
	//width:750px; /*ancho total de la pagina*/ 
	
	float:left;
	margin:0px 0px 0px -45px;
	//margin:0px 0px 0px 0px;

	font-family: Arial; 
	font-size: 12px;
	color: #EAE90D; 
	font-weight:bold;	
	

}

#bloque_central #scrollGaleria #menu_galeria ul {

	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
#bloque_central #scrollGaleria #menu_galeria li {

	list-style-type:none; /*con esto quitamos las viñetas*/
	float: left;
	width:160px;
	
	text-align:left;
	padding:0px 5px 10px 5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	//padding:0px 10px 10px 10px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	
	
}
#bloque_central #scrollGaleria #menu_galeria li a {

}
#bloque_central #scrollGaleria #menu_galeria img {
	margin:5px 0px 0px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 

}


.fotograndeGaleria{
	width:740px; 	
	margin:0px 0px 0px 10px;
	//margin:-10px 0px 0px 10px;
	
}

.fotograndeGaleria img{
	width:430px; 	
	height:323px; 	
	margin:0px 0px 0px 0px;
}
#bloque_central .volver{
	float:right;
	display:inline;
	margin:0px;
	padding:0px 10px 0px 10px;
	font-family: Arial; 
	font-weight:bold;
	font-size: 12px;
	color: #fff; 	
}
.fotograndeGaleria h4{
	width:430px;
	background-image:url(/img/fondo_menu4.gif); 
	background-repeat:no-repeat; 	
	
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;	


	font-family: Arial;
	font-size: 20px;
	color: #fff; 
	font-weight:bold;	
	
	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
 
}

#bloque_central .fotograndeGaleria p{
	float:left;
	margin:0px 0px 0px 0px;
	width:430px; 	
	font-family: Arial;
	font-size: 11px;
	color: #fff; 
	font-weight:bold;	
	text-align:center;
}


#menu_fotosGaleria_Scroll{

	width:240px; 	
	
	float:left;
	margin:5px 0px 0px 10px;
	
	//margin:5px 0px 0px 5px;
}

#menu_fotosGaleria_Scroll img{
	margin:1px 1px 1px 1px;

}


#menu_fotosGaleria_Scroll a:hover{

	border:1px solid #FF6501;
	
}