/*///////////////////////////////////////////////////////////////////
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 "box_157.css";
@import "box_438.css";
@import "box_751.css";

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

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

* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

a, a:link, a:active, a:visited { color: #294563; font-size: 10px; outline: none; }
a:hover { color: #993366; text-decoration: none; }
a img { border: none; }

button { cursor: pointer; outline: none; }

em {}
p { margin: 0 0 8px 0; text-align: justify; line-height: 14px; font-size: 11px; color: #6e87a1; }
strong { font-weight: bold; font-size: 11px; color: #163455; }

h1 {
	clear: both;
	margin: 6px 0;
	padding: 4px 0 4px 5px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	background: url(../images/bg_h1.gif) top right no-repeat #ca0004;
}

#contents img { border: 1px solid #294563; }

#contents ul, #contents ol {
	clear: both;
	font-size: 11px;
	color: #6e87a1;
	margin: 0;
	padding: 5px 0 5px 10px;
	list-style-position: inside;
}

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

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

html {}
body { margin: 0; padding: 0; background: url(../images/bg_body.gif) top center repeat-y #fff; }

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

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

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

#header { position: relative; } 
#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; background: url(../images/bg_l_content.gif) bottom left no-repeat; }

/*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: 176px; margin: 0 5px 0 0; padding-bottom: 90px; } 

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

#contents { float: left; width: 572px; }

 /*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 { padding-top: 8px; width: 761px; clear: both; float: left; margin: 3px 0 0; border-top: 4px solid #ca0004; }

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

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

#breadcrumbs { padding: 4px 0 4px 5px; color: #1f3767; background-color: #e2e9f3; font-size: 10px; }
#breadcrumbs a { color: #3e63ae; }
#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; left: 5px; top: 188px; }

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

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

#left .box_157 { margin:0; }

/*///////////////////////////////////////////////////////////////////
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: left; width: 450px;  }
#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: #294563; text-decoration: underline; }
#footer a:link { color: #294563; }
#footer a:hover { color: #ca0004; }

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

#footer div.signature {
	display:none;
	clear: both;
	text-align: center;
	color: #9c9c9c;
	padding-bottom: 10px;
}
#footer div.signature img { margin-top: 6px; margin-right: 12px; }
#footer div.signature a { color: #9c9c9c; text-decoration: none; }

/*///////////////////////////////////////////////////////////////////
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 0px; }
#contents iframe#ifr_contents { height: 472px; }
#seccion h2 { margin-top:0px;}

/*///////////////////////////////////////////////////////////////////
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-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	background-color: #dcdcdc;
}

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

div#customer_info {background:#6E87A1; border:1px solid #fff; margin:5px 0 0 0; height:80px; padding:4px; width:167px;}

p.customer {color:#fff; font-weight:bold; text-align:left;}

div#customer_info form ul{padding:0px; margin:5px; list-style:none;}
div#customer_info form ul li a{color:white; text-decoration:none; background:url(../images/bullet.jpg) no-repeat left center; padding-left:9px; }
div#customer_info form ul li a:hover{color:#294664; text-decoration:underline;}

div#customer_info button{ border:1px solid #294664; background-color:#dae3ea; color:#294664; padding:3px; margin: 3px 0 0 35px; cursor:pointer; width:95px;}

div#acceso { background:url(../images/acceso_bg.jpg) top left no-repeat; margin:6px 0; padding:6px; border:1px solid #cc2225;}
div#acceso div.title {font-weight:bold; color:#294563;}
div#acceso div.elementos p{ color:#294563; padding: 0 0 0 8px; background:url(../images/acceso_bullet.gif) center left no-repeat; margin:2px 0 1px 8px;}
div#acceso div.elementos p a:hover{  font-weight:bold; padding: 0 0 0 8px; color:#294563; }
div.solicitud { background:url(../images/bullet_solicitud.gif) center left no-repeat; padding-left:15px; height:14px; margin:5px 0; font-weight:bold; }
div.solicitud a {color:#cb0004;}