/*///////////////////////////////////////////////////////////////////
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: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a img { 
border: none;
outline:none;
}

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

form { margin: 0; padding: 0; }

em {}
p { line-height: 16px; }
strong { color:#0C197D;}

h1 {

	margin: 6px 0;
	padding: 4px 0 4px 5px;
/*	border: 1px solid white;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;

}
.h1{
	margin:18px 0pt 10px;
	padding:4px 0pt 4px 12px;
/*	border: 1px solid white;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: red;
	border-bottom:1px solid black;
	background:url(../images/fondo_h1.jpg) no-repeat center;
	}
h3{
	padding:0;
	margin:0;
	}
#flashbanner{/*border:1px solid red;*/float:left;display:inline;}
#contents img {}

#contents ul, #contents ol {}

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

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

html{ background:url(../images/pie.jpg) center bottom no-repeat;}
body { height:393px; margin: 0; padding:0; background: url(../images/body.jpg) center top no-repeat; }

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

#l_all { width: 782px; margin: 0 auto; padding: 0;/*border:1px solid #3399FF;*/overflow:visible; }

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

#header { 
	width:578px;
	position: relative; 
	margin-left:0px !important;
	margin-left:8px;
	padding: 0;
/*	border:1px solid #3399FF;*/ 
}
#header a img { margin: 5px 0 0 0; }

/*Div auxiliar*/

#before_l_contets {float:left;} 

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

#l_contents {
	background:url(../images/body.jpg) no-repeat top white;
	float:left;
	padding:0 0 20px 0;
}

/*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: 173px; padding-bottom: 150px; }

/*Contenido central donde se cargarán las distintos procesos del solution pack*/

#contents {
	float: left;
	width:580px;
	display: inline; /*En ie6 si un elemento flota al mismo lugar donde tiene el margen, dicho margen suma doble, esto se usa para solucionarlo*/
	margin:0pt -5px 0pt 9px !important;
	margin:0;
}

/*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: right;
	width: 191px;
/*	margin:0 0 66px -2px;*/
	padding: 0;
	margin: 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; }

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

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

#breadcrumbs { margin: 0; padding:5px 0pt 4px 25px; color: black; }
#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 { margin:26pt 5px 10px 0; padding: 0;float:right; }
#language_flags * {  }

/*///////////////////////////////////////////////////////////////////
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 { }

/*///////////////////////////////////////////////////////////////////
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: #2b7fbf; }
#footer a:link { color: #2b7fbf; }
#footer a:hover { color: black; }

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

#footer div.box_751 { width: 761px; padding-top: 8px; }
#footer div.box_751 div.signature {
	clear: both;
	height: 20px;
	padding-bottom: 10px;
	text-align: center;
	color: #9c9c9c;
}
#footer div.box_751 div.signature img { margin-top: 10px; margin-right: 12px; }
#footer div.box_751 div.signature a { color: #9c9c9c; margin:1px 2px 3px 4px;}

/*///////////////////////////////////////////////////////////////////
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
///////////////////////////////////////////////////////////////////*/
#atencion_online{
/*	border:1px solid red;*/
	float:left;
	margin:0 0px 0 0 ;
	padding:0;
	}
#atencion_online img{
	margin:0 0px 0 4px ;
	}
#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;
}
/*PARA EL BANNER FLASH*/
#flashbanner2{
	width:578px;
	float:left;
	height:239px;
	padding:0;
	margin:0 0 0 -4px;
	}
/*PARA LOS BANNERS*/
.banner_top{
	width:189px;
	height:166px;
	float:left;
	margin:10px 0pt 0pt -3px !important;
	margin:0 0 0 3px;
	display:inline;
/*	border:1px solid #99FFCC;*/
	padding:0;
	}
.banner_top img{
	padding:0;
	margin:0;
	}
#contact_banner{	
	width:190px;
	float:left;
	}
/*PARA EL PIE*/
#logo_pie img{
	margin:5px 0 0 100px;
	}