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

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

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



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



a img { border: none; }

a:link, a:active, a:visited { color: black; text-decoration: none; }

a:hover { color: #993366; text-decoration: none; }



a, button { outline: none; }



form { margin: 0; padding: 0; }



em {}

p { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 15px; line-height: 14px; text-align: justify; }

strong {}



h1 {

	clear: both;

	margin: 0 0 6px;

	padding: 0 0 4px 5px;

	border: 1px solid white;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #1b1c20;

	border-bottom: 1px solid #f38902;

}



#contents img { border: 1px solid #8f93ac; }



#contents ul, #contents ol {}



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

Layouts



Principales capas contenedoras

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



html {}

body { height: 207px; margin: 0; padding: 0; background: url(/themes/default/images/backgrounds/bg_body.jpg) center top no-repeat; }



/*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; padding: 0 0 0 15px; }

#header a img { margin: 36px 0 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;

	padding: 0;

	padding-left: 18px;

}



/*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: 193px; padding-bottom: 10px; background: url(/themes/default/images/backgrounds/bg_left.gif) top right no-repeat; }



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



#contents {

	float: left;

	width: 538px;

	margin-left: 2px;

	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 {

	float: left;

	width: 152px;

	margin: 0 0 0 3px;

	padding: 0;

	background: url(/themes/default/images/backgrounds/bg_der_centro.jpg) repeat-y center;

}



/*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; margin: 10px 0 0; padding:14px 0 0;  background: url(../images/backgrounds/bg_footer.gif) bottom center no-repeat; width:761px;  }



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

Breadcrumbs



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

la web

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



#breadcrumbs { margin: 0; padding: 0 0 4px 5px; color: #9a9999; font-size: 9px; text-align: right; }

#breadcrumbs a { color: #9a9999; text-decoration: underline; }

#breadcrumbs .current_breadcrumb { color: #9a9999; font-size: 9px; 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; left: 18px; top: 104px; }

#language_flags * { margin: 0; padding: 0; }



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

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

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



.box_157 { }

.box_157 img { margin-left: 5px; }



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

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 { margin:4px 0 0 120px; float:left; width:350px; display:inline; }

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



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



#footer table { float: left; width: 360px; margin-left:20px; }

#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-left: 10px; }



#footer a { color: #f38902; font-size: 10px; font-weight: bold; }

#footer a:link { color: #f38902; }

#footer a:hover { text-decoration: underline; }



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



#footer div.box_751 { width: 750px; margin:0; padding-top: 8px; }

#footer div.box_751 div.signature {
	float:right;
	display:inline;
	/*text-align: left;*/
	color: #a0a6c0;
	font-size: 10px;
	width:270px;
	padding:0;
}

#footer div.box_751 div.signature img { margin:5px 12px 0 0; float:left; clear:both; }

#footer div.box_751 div.signature a { color: #a0a6c0; font-size: 10px;  }



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

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: 422px; margin: 8px 0; }

#contents iframe#ifr_contents { height: 472px; }

#seccion h2 { margin-top: 0;}



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

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;

}