/*///////////////////////////////////////////////////////////////////
Imported styles

Estilos usados en el caso de que se use en el diseño algún tipo de caja
para maquetar el contenido de las distintas capas de la web
///////////////////////////////////////////////////////////////////*/

@import "/themes/default/styles/box_157.css";
@import "/themes/default/styles/box_438.css";
@import "/themes/default/styles/box_751.css";

/*///////////////////////////////////////////////////////////////////
General

Estilos que hacen referencia a distintos elementos presentes en
todas las páginas
///////////////////////////////////////////////////////////////////*/

* { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#333333; }

a img { border: none; }
a:link, a:active, a:visited { color: black; text-decoration: none; }
a:hover { color: #ce0b13; text-decoration: none; }

/*enlaces desde panel de administración*/
p a:link, a:active { color: #ce0b13; text-decoration: none; border-bottom: 1px dotted #ce0b13; }
p a:hover { color: blue;}

form { margin: 0; padding: 0; }

em {}
p { margin:0; padding: 3px 0; text-align:left; line-height: 17px; }
strong { color:#666666;}

h1 {
	width:565px;
	clear: both;
	margin: 0 0 6px 0;
	padding:  2px 0 0 13px !important;
	border-bottom: 1px solid #666666;
	background:url(../images/backgrounds/bg_boton_menu.gif) no-repeat left center;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

#contents img {}

#contents ul, #contents ol {}

/*///////////////////////////////////////////////////////////////////
Layouts

Principales capas contenedoras
///////////////////////////////////////////////////////////////////*/

html{ }
body { margin: 0; background:url(../images/backgrounds/bg_index.gif) no-repeat top center;}

/*Contenedor general que contiene todo el contenido de la web*/

#l_all { width: 768px; margin: 0 auto; padding: 0;}

/*Cabecera donde se inserta la imagen de la cabecera principal de la web*/

#header { position: relative; margin: 0 0 8px 0; padding: 0; border: none; height:160px; }
#header a img { margin: 0; }

/*Div auxiliar*/

#before_l_contets {} 

/*Div contenedor de las distintas columnas de maquetación (div#left, div#contents y div#right)*/

#l_contents {
	float: left;

}

/*Columna izquierda donde se incluye el menú principal de navegación y si es necesario se insertarían los banners y la atención online*/

#left { float: left; width: 167px; margin:0; padding:0 0 10px 0;}

/*Contenido central donde se cargarán las distintas plantillas del solution pack*/

#contents {
	float: left;
	width: 578px;
	margin: 10px 0 0 20px;
	padding:0;
	padding-bottom: 10px;
	display: inline; /*En ie6 si un elemento flota al mismo lugar donde tiene el margen, dicho margen suma doble, esto se usa para solucionarlo*/
}

/*Columna derecha donde suele ir la atención online y los banners, pero que en este caso está oculta porque el diseño así lo requiere*/

#right {
	display:none;

}

/*Pie de la web donde va donde se encuentran los logos de validación, servicios web y firma de Complejo Creativo, su contenido está más abajo*/

#footer { float: left; border-top: 1px solid #cccccc; }

/*///////////////////////////////////////////////////////////////////
Breadcrumbs

Miga de pan usada para ubicar al usuario dentro de la navegación de
la web
///////////////////////////////////////////////////////////////////*/

#breadcrumbs { margin: 0; padding: 4px 0 4px 5px; color: black; display: none; }
#breadcrumbs a { color: #333333; text-decoration: underline; }
#breadcrumbs .current_breadcrumb { font-weight: bold; } /*Estilo usado en el breadcrumbs de la sección actual*/

/*///////////////////////////////////////////////////////////////////
Language flags

Banderas de idioma situada absolutamente dentro de la cabecera
///////////////////////////////////////////////////////////////////*/

#language_flags { position: absolute; top:102px; left:15px; }


/*///////////////////////////////////////////////////////////////////
Banners

Banners administrabales situados en la columna izquierda o derecha
según el diseño lo requiera
///////////////////////////////////////////////////////////////////*/

#banner img { margin-left: 5px; }


/*///////////////////////////////////////////////////////////////////
Banners

Banners administrabales situados en la columna izquierda o derecha
según el diseño lo requiera
///////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////
Atención online

Banner de acceso a la atención online, situado en la columna izquierda o derecha
según el diseño lo requiera
///////////////////////////////////////////////////////////////////*/

#left .box_157 #atencion_online {}

/*///////////////////////////////////////////////////////////////////
Footer

Contenido del pie, donde se encuentran los logos de validación, 
servicios web y firma de Complejo Creativo
///////////////////////////////////////////////////////////////////*/

/*Logos de validación CSS, XHTML y WCAG*/

#footer div.validations { float: right; margin: 0; }
#footer div.validations a { padding-right: 10px; }

/*Servicios web (recomendar, sugerencias y condiciones de uso) */

#footer table { float:right; margin-left:6px; text-align:left; width:280px; }
#footer table td { text-align: center; }
#footer table td.first { text-align: left; }
#footer table td.last { text-align: right; }
#footer table td a { margin: 0; font-size: 10px; }

#footer a { color: #535252; font-size:11px; }
#footer a:link { color: #535252; }
#footer a:hover { color: #d11921; }

/*Firma de Complejo Creativo (logo de c2, dirección y url*/

#footer div.box_751 { width: 761px; padding-top: 8px; padding: 10px 0; }
#footer div.box_751 div.signature {
	color: #9C9C9C;
	float: left;
	font-size: 11px;
	text-align: left;
	width: 216px;
}
#footer div.box_751 div.signature img { margin-right: 5px; }
#footer div.box_751 div.signature a.logo { float: left; color: #9c9c9c; }

#footer div.box_751 div.signature p { color:#999999; float:left; font-size:10px; line-height:13px; margin:-4px 0 0; width:173px; }

#facebook { float:right; width: 200px; margin:10px 0; padding:0 17px 0 0;}
#facebook .facebook { float:right; width:auto; margin:0 0 0 10px; padding:0;}
/*///////////////////////////////////////////////////////////////////
Iframe

Marco interior contenido en el div#content donde se carga un contenido
externo en caso de introducirlo en el panel de control
///////////////////////////////////////////////////////////////////*/

#contents iframe { width: 575px; margin: 8px 0; border: none; overflow: hidden;}
#contents iframe#ifr_contents { height: 472px; }
#seccion h2 { margin-top: 0;}

div#footer_contact_banner{ float: left; width: 142px; border-right: 1px solid #cccccc;}
/*///////////////////////////////////////////////////////////////////
Pop in

Ventana emergente interior donde se cargan los servicios web
(recomendar, sugerencias y condiciones de uso) y la ampliación de 
las distintas imágenes de cada una de las secciones
///////////////////////////////////////////////////////////////////*/

#popin_service {
	display: none;
	position: absolute;
	z-index: 1;
	top: 40%;
	left: 40%;
	width: 250px;
	padding: 5px;
	border: 1px solid white;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	background: #dcdcdc;
}
/*Caracteres especiales*/
b { color:#666666;}

/*Buscador*/
div#buscar { float:right; margin: 20px 0 0 0; position:absolute; right:0; padding:0; width:auto;}
div.buscador{ width: 134px; float: left; margin:0; padding:5px 0 5px 20px; border-left: 1px solid #bab4b2;}

fieldset.field{float:right; width: 136px; margin:0; padding:0; border:none;}

#header_button { float:left; width: 140px; height:100px; margin:0; padding:10px 20px 0 20px;}
#header_button div.folleto{ float:left; background: url(../images/ver_folleto.gif) no-repeat top left; width: 172px; margin:0; padding:0; height: 21px; text-indent:-999px;}
#header_button  div.folleto_pro{ float:left; background: url(../images/ver_folleto_pro.gif) no-repeat top left; width: 172px; margin:0; padding:0; height: 21px; text-indent:-999px;}

div.folleto a, div.folleto_pro a{ float:left; width: 100%; cursor:pointer;}

/*div#buscar { width:134px; float:right; margin: 20px 0 0 0; position:absolute; right:0;}*/
div.titulo{ background:url(../images/backgrounds/titulo_buscador1.gif) no-repeat left top; width: 126px; height:16px; float:left;}
div#buscar input#min_age_header{ border: 1px solid #bab4b2; float:left; margin:0 5px 0 0; padding: 2px; width: 35px;}
div#buscar select { border:1px solid #BAB4B2; float:left; margin:0pt 5px 5px 0pt; width: 126px;}
label.age{ float:left; padding-top: 3px;  display: inline; width:80px; height: 23px;}
.bt_buscar{ float:left; clear:left; width: 61px; margin:0; padding:0; height:22px; border: none; background:url(../images/backgrounds/bt_buscar.gif) no-repeat left; cursor: pointer;}
.bt_ampliada{ float:left; width: 70px; margin:0; padding:0; height:22px; border: none; background:url(../images/backgrounds/bt_busqueda_ampliada.gif) no-repeat left; cursor: pointer;}


*{ outline:none;}

/*listas*/
.box_438 ul { margin:0; padding:0 10px; list-style: none;}
.box_438 ul li{float:left; width: 100%; background:url(../images/backgrounds/plus_inf.gif) no-repeat 0px 6px; padding-left: 10px; clear:left;}

/*banners*/

div.banner_multi{float:left; width: 82px; margin: 1px 1px 0 0; padding:0;}
div.banner_multi img{ float:left; width:auto; margin:0; padding:0;}

/*footer address*/
#footer_address { width: 768px; float:left; padding:0 0 10px 0; margin: 0 0 10px; }

#footer_address #footer_information { float: right; width:100%; margin:0; padding:0;}
#footer_address #footer_information a, #footer_address #footer_information a strong { color: #D01727; font-size: 14px; }

#footer_address #footer_information p {
		background: #E5E5E5;
		font-size: 14px;
		padding: 5px;
		margin: 0 0 10px;
	}

#footer_address .address_g { float:left; width:100%; margin: 0;}
#footer_address .address { float:left; margin:0; padding:0;}

#footer_address .address p { text-align:left; font-size:11px; }

#footer_address .address ul { float:left; width:100%; margin:15px 0 0; padding:0;}
#footer_address .address ul li { list-style:none; float:left; width:100%; margin:0; padding:0; font-size: 11px;}
#footer_address .address ul li span { color:#ce0b13; font-size: 11px;}
#footer_address .address ul li a { font-size: 11px;}

#footer_address .address h4 { color:#ce0b13; float:left; width:100%; margin:0 0 10px; padding:0; font-size: 12px;}
#footer_address .address h4 span { color:#515151; font-weight: normal;}

#footer_address .address { margin: 0 15px 0 0; padding: 0; width: 95px; }

#footer_address .madrid {  }
#footer_address .barcelona { width: 120px; padding:0; }
#footer_address .granada { padding:0; width: 98px; }
#footer_address .marbella { padding: 0; width: 135px; }
#footer_address .valencia { padding: 0; width: 108px; }
#footer_address .asturias { margin-right: 15px; width:105px; }

.delegations { float:left; width:748px; margin: 10px 0 0; padding: 0; }
.delegations a, .delegations a:visited { color:#ffffff; background:url(../images/delegations.gif) no-repeat left center; padding: 3px 8px 3px 7px; font-size:11px;}
.delegations a:hover { color:#cccccc; }

div#social {  width: 759px; float: left; padding: 3px 4px; margin: 0 0 10px; background: #E5E5E5; }
	div#social p { float: left; color: #333; font-size: 20px; font-weight: bold; margin: 13px 0 0 14px; }
	div#social a { float: right; display: block; margin: 0 0 0 10px; }
	
	
/* Menu estatico **********************/
.menu { margin:20px 0 0 270px; padding:7px 0px 12px 0; width:160px; border-right: 1px solid #cd0b13; position:absolute; list-style:none;  }
.menuimg { 
	margin:10px 0 0 0; 
	padding:0 0 0 20px; 
	width:148px !important; 
	width:158px; 
	float:left; 
	list-style:none;
	overflow:hidden;
	}
.menu li { margin:5px 0 0 0; padding:0}
.menu li a { 
	text-decoration:none; 
	background:url(../images/bulletm.gif) bottom left no-repeat; 
	border-bottom:1px dashed #cccccc; 
	padding:0 0 0 15px;
	margin:0;
	font-size:11px;
}
.menu li a:hover { background: url(../images/bulletp.gif) no-repeat left; border-bottom:1px dashed #007168; padding:0 0 0 15px; margin:0;}

.folleto_down {margin:3px 0 0 5px; float:left;}
.user_area {margin:5px 0 0 5px; float:left;}
.inscripcion_online {margin:5px 0 0 5px; float:left;}