/*///////////////////////////////////////////////////////////////////
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: 10px; color:#666666; text-align:justify;}

a img { border: 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 { margin: 0; line-height: 14px; }
strong { color:#0062c8;}

h1 {
	clear: both;
	margin: -4px 0 0 3px;
	height:32px;
	padding: 3px 0 0 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7b4212;
	background: url(../images/h1.gif) top left no-repeat;
}

#contents img {}

#contents ul, #contents ol { list-style-image:none; list-style:none; }
#contents ul li { background:url(../images/bullet_info_dos.jpg) 0 7px no-repeat; padding-left:10px; }

#contents ul li p { padding:4px; }

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

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

html{  background:url(../images/backgrounds/bg_background.jpg) top center no-repeat;background-color:#f2f7fc;}
body { margin: 0;  }

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

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

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


div#banner_top {
	height:227px;
	margin:-75px 0 19px 8px;
	width:546px;
}


/*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;
	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 {  clear: both; position: relative; top: 0px; margin-bottom: 0px; bottom: 0px; }

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

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

#breadcrumbs { margin: -3px 0 7px 5px; padding:0; color: #7b3b17; background:url(../images/bullet_bread.jpg) center left no-repeat; padding-left:6px; }
#breadcrumbs a { color: #7b3b17; 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; left: 160px; top: 161px; }
#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 {}

/*///////////////////////////////////////////////////////////////////
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: 10px 0 0 0; width:260px; }
#footer div.validations a { padding-right: 10px; }

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

#footer table { float: right; width: 380px;}
#footer table td { text-align: left; background:url(../images/web_services_bullet.gif) bottom left no-repeat;}
#footer table td.first { text-align: left; background:url(../images/web_services_bullet.gif) bottom left no-repeat; }
#footer table td.last { text-align: left; background:url(../images/web_services_bullet.gif) bottom left no-repeat; }
#footer table td a { margin-left: 10px; }

#footer a { color: #0d6dcb; text-decoration:underline;}
#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 { }
#footer div.box_751 div.signature {
	display:none;
	clear: both;
	height: 20px;
	padding-bottom: 10px;
	text-align: center;
	color: #9c9c9c;
}
#footer div.box_751 div.signature img { margin-top: 6px; margin-right: 12px; }
#footer div.box_751 div.signature a { color: #9c9c9c; }

.footer_links { visibility: hidden}
.footer_links ul {
	width:565px;
	float: left;
	display: block;
	list-style: none;
	margin: 0 ;
	padding: 45px 0 0;
	background:url(../images/backgrounds/bg_contents.jpg) top center no-repeat;
}
#contents .footer_links ul li { float: left; list-style-image:none; background:none; padding:0; }
.footer_links ul li a img { border: none; margin: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: 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;
}

em{ 
	color:#2881dc;
	font-weight: bold;
}