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

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: Arial, Helvetica, sans-serif; font-size: 11px; color: #d9d9d9; }


/*********************************************************************************
///////////IDIOMAS///////////////////////BY JESS////////////////////////////////*/

#header .lang SPAN {
	FLOAT: right; LINE-HEIGHT: 110%; MARGIN: 7px 12px 0px 0px; font-style:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; 
}
#header .lang P {
	FLOAT: right; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 0px -2px; PADDING-TOP: 5px
}
#header .lang {
	FONT-WEIGHT: bold; FONT-SIZE: 69%; MARGIN: 20px 0px 0px;
}
#header .lang P A {
	LINE-HEIGHT: 130%; text-decoration:none;
}
#header .lang A {
	LINE-HEIGHT: 0%
}

#header .lang P:hover {
	BACKGROUND: url(../images/bg_langh.gif) no-repeat center top;
}

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


/*a,  a:active, a:visited { color: #000000; font-size: 11px; outline: none; }*/
a, a:active, a:visited ,a:hover,a:link{ font-size: 11px; outline: none;  font-family:Verdana, Arial, Helvetica, sans-serif }

/*a:hover { color: #000000; font-weight: bold; text-decoration: underline; }*/
a:hover { text-decoration: underline; }

a img { border: none; }

/*a:href {color: #FFFFFF}*/

button { cursor: pointer; outline: none; }



em {}

p { margin: 0 0 12px 0; text-align: justify; line-height: 14px; font-size: 11px; color: #d9d9d9; }
/*planing*/
p.planning {font-size: 12px; FONT-WEIGHT: bold;}

strong { font-weight: bold; font-size: 11px; color: #d9d9d9; }

h2{font-size: 14px;}

h1 {

	font-family: Verdana;

	clear: both;

	margin: 6px 0;

	padding-right: 0;

	font-size: 20px;

	font-weight: bold;

	color: #DE5408;
	
	text-align: right;

	/* background: url(../images/bg_h1.gif) top right no-repeat #ca0004; */

}



#contents img { background: url(../images/border_images.gif); background-repeat: repeat-x; background-position: bottom; padding: 7px; border: 0; }

#contents img.sinborde {background:none; padding:0px}

#contents ul, #contents ol {

	clear: both;

	font-size: 11px;

	color: #d9d9d9;

	margin: 0;

	padding: 5px 0 5px 10px;

}



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

Layouts



Principales capas contenedoras

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



html {}

body {
	margin: 0;
	padding: 0;
	background-color: #151515;
	background-repeat: repeat-x;
	background-position: center top;
}




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



/*#l_all { width: 780px; margin: 0 auto; padding: 4px; } */
#l_all { width: 790px; margin: 0 auto; padding: 4px; }
/*#rigtht {
  position:absolute; 
  right:auto;
   top: 175px;   
   width: 50px;
}*/

#rigtht { float: right; width: 40px; margin: 0 5px 0 0; padding-bottom: 150px; padding-right: 20px;}

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



#header { position: relative;  width: 753px } 

#header a img { margin: 0 }
/*#logo { margin: 0 0 0 0px; }
.inicio { margin: 0 0 12px 0; text-align: right; line-height: 14px;}-->*/




/*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: 150px; padding-right: 20px; /* background: url(../images/banner_l_01.gif) bottom left no-repeat;*/  } 



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



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

#contents_pedidos { float: left; width: 730px }

 /*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: 25px;width: 760px;clear: both; float: left; margin: 3px 0 0;}


/*#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }*/

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

Breadcrumbs



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

la web

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



#breadcrumbs { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 4px 0 4px 5px; color: #c6c5c5; font-size: 9px; text-align: left }

#breadcrumbs a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #c6c5c5; font-size: 9px; text-decoration: none; font-weight: normal }

#breadcrumbs .current_breadcrumb { font-family: Verdana, Arial, Helvetica, sans-serif; color: #c6c5c5; font-size: 9px; font-weight: normal } /*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: 10px 0 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.validationsizq { float: left; 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 { font-family: verdana; font-size: 10px; color: #666666; font-weight: bold; text-decoration: none  }

#footer a:link { font-family: verdana; font-size: 10px; color: #666666; text-decoration: none;  }

#footer a:hover { font-family: verdana; font-size: 10px; color: #666666; text-decoration: underline  }



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



#footer div.signature {

	/*background: url(../images/logos_footer.jpg) bottom center no-repeat;*/

	font-family: verdana; 
	
	font-size: 10px;
	
	clear: both;

	text-align: center;

	color: #666666;

	padding-bottom: 70px;

}

#footer div.signature img { margin-top: 6px; margin-right: 12px; }

#footer div.signature a { color: #666666; 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;}


a#titulo{

	font-family: "Verdana";
	
	font-size: 20px;

	float: left;
	margin: 0 0 10px;
	padding: 1px 0 0 25px;
	
	color: #a19e9e;
	
	display: block;

	font-weight:500;

	width: 100%;
	
	height: 32px;

	background: url(../images/bg_spec.gif) no-repeat top left;
	
	cursor: pointer;
	
	text-decoration: none;
	
}

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

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;

}

#lightboxCaption { color: black; }

#keyboardMsg a { color: black; }

#keyboardMsg kbd { color: black; }