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

a img { 
	border:0px none;
	padding:0;
	margin:0;
/*
	border-top:3px solid #f0b91a;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	*/
	}
a:link, a:active, a:visited { color: black; text-decoration: none; }
a:hover { color: #993366; text-decoration: none; }

form {margin: 0;display:inline; overflow:hidden;}
table{
	padding:0px;
	}
em {} 
p { 
	line-height:14px;
	margin:0 0 3px;
	padding: 0 0 8px;
	text-align:justify;
	}
strong {}

h1 {
	clear: both;
	margin: 0 0 10px 0;
	padding:0;
	background:url(../images/backgrounds/motivo_h1.jpg) repeat-x bottom right;
	width:100%;
}
h1 span { color:#4c4c4c; font-family:"Trebuchet MS"; font-size:22px; font-weight:normal; background:#fff; padding-right:10px;}

#contents img {}

#contents ul, #contents ol { margin: 0 0 0 3px; padding: 0;
}

#contents ul li { list-style:none; background:url(../images/list.jpg) 0 9px no-repeat; padding: 0 5px 0 5px;  }
#contents ul li p{
	margin:0;
	padding:5px;
}

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

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

html{}
body {margin: 0; background:url(../images/backgrounds/bg_body.gif) repeat top left;	}

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

#l_all { 
	width: 980px; 
	margin: 15px auto;
	padding:0;
	overflow:hidden;
	}

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

#header { 
	display:inline;
	float:left;
	margin:0 auto;
	padding:15px 15px 0;
	position:relative;
	width:950px;
	height:115px;
	overflow:hidden;
	background:white;

	}
#header a img { 
	border:0;
	margin:0;
	padding: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;
	display: inline;
	overflow:auto;
	margin:0 0 15px;
	padding:0 15px 15px;
	width:950px;
	background:white;
	border-bottom:3px solid #ff8200; /*#faba00*/;
}

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

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

#contents {	
	float: left;
	width: 735px;
	padding:0;
	margin: 0px;
}

/*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 { width:980px; margin:0 auto;}

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

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

#breadcrumbs { 
	margin: 0;
	padding:0;
	position:absolute;
	right:15px;
	top:115px;
	color: #999; 
	text-align:right;
	display:inline;
	width:100%;
	font-size:9px;

	}
#breadcrumbs a { color: #4c4c4c; border-bottom:1px dotted #4c4c4c; font-size:9px;}
#breadcrumbs .current_breadcrumb { font-weight: normal; color: #4c4c4c; font-size:9px;} /*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; right: 15px; top: 1px; }
#language_flags * { margin: 0; padding: 0; float:left; margin-left:10px; }

/*///////////////////////////////////////////////////////////////////
Banners
*/
div#contact_banner { display:none;}
/*
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:0px;}

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

/*///////////////////////////////////////////////////////////////////
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: 325px; }
#footer table td { text-align: center; }
#footer table td.first { text-align: left; color:#606060; width:auto; }
#footer table td.last { text-align: right; }
#footer table td a { margin-left: 10px; }

#footer a { color: #606060; }
#footer a:link { color: #606060; }
#footer a:hover { color: #CCC; }

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

#footer div.box_751 { width: 980px; padding:0; }
#footer div.box_751 div.signature {
	clear:both;
	color:#606060;
	float:left;
	height:29px;
	padding:0pt;
	text-align:left;
	width:220px;
	display:inline;
	overflow:hidden;
	font-size:7pt;
	margin:0 90px 0 0;
}


#footer div.box_751 div.signature img { margin-top: 0; margin-right: 12px; float:left; }
#footer div.box_751 div.signature a { color: #606060; font-size:7pt; text-align:justify; }

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