/* -------------------------------- Define los estilos de los contenidos ----------------------------*/

/* --------------- para la composisición cuando hay submenú ---------------- */
#banners_laterales{
	float:right;
	position:relative;
	width: 30%;
	z-index:3px;
	margin:0px;
	margin-top:10px;
	margin-left:0px;
	color:#333333;
	text-align:right;
}

#contenidos{
	float:left;
	position:relative;
	width: 65%;
	z-index:3px;
	margin:0px;
	padding:0px;
	color:#333333;
}

/* ------------------ para la composición cuando NO HAY SUBMENU ---------------- */

#contenidos_grande{
	float:left;
	position:relative;
	width: 74.5%;
	z-index:3px;
	margin:0px;
	padding:0px;
	color:#333333;
}

#banners_laterales_2{
	float:right;
	position:relative;
	width: 23%;
	z-index:3px;
	margin:0px;
	margin-top:10px;
	margin-right:-5px;
	color:#333333;
}


/* ------------------ para la composición cuando NO HAY SUBMENU NI BANNERS LATERALES ---------------- */

#contenidos_enorme{
	float:left;
	position:relative;
	width: 100%;
	z-index:3px;
	margin:0px;
	padding:0px;
	color:#333333;
}




/* -------------------- estos estilos generales para los contenidos están personalizados para la etiqueta CONTENIDOS y CONTENIDOS_GRANDE, así como en las hojas de estilo de colores ----------------- */

#contenidos p, #contenidos_grande p, #contenidos_enorme p{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:0.9em;
	color:#333333;
	text-align:justify;
	padding:0px;
	margin:0px;
	margin-bottom:8px;
	margin-top:8px;
	line-height:1.5em;
}

#contenidos h1, #contenidos_grande h1, #contenidos_enorme h1{
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	/* color:#009371;  está personalizado en cada hoja de colores */
	text-align:justify;
	font-weight:bold;
	text-transform:uppercase;
}

#contenidos h2, #contenidos_grande h2, #contenidos_enorme h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	/* color:#009371;  está personalizado en cada hoja de colores */
	text-align:justify;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	/*padding-top:20px;*/
}

#contenidos h3, #contenidos_grande h3, #contenidos_enorme h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	/* color:#009371;  está personalizado en cada hoja de colores */
	text-align:justify;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	/*padding-top:20px;*/
}

#contenidos h4, #contenidos_grande h4, #contenidos_enorme h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	/* color:#009371;  está personalizado en cada hoja de colores */
	text-align:justify;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	/*padding-top:20px;*/
}

#contenidos a, #contenidos_grande a, #contenidos_enorme a{
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}

#contenidos a:hover, #contenidos_grande a:hover,  #contenidos_enorme a:hover{
	/* color:#009371; está personalizado en cada hoja de colores */
	text-decoration:none;
}

#contenidos ul, #contenidos_grande ul, #contenidos_enorme ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	/*list-style-image:url(../images/contenidos_lista_empresa.gif); está personalizado en cada hoja de colores */
	text-align:justify;
	padding:0px;
	margin:0px;
	margin-left:20px;
	margin-bottom:8px;
	margin-top:8px;
}

#contenidos ul p{
	font-size:1em;
}

#contenidos #formularios, #contenidos_grande #formularios, #contenidos_enorme #formularios {
	width:100%;
	margin:0px;
	font-size:0.9em;
	color:#333333;
}

#contenidos #formularios #texto, #contenidos_grande #formularios #texto, #contenidos_enorme #formularios #texto {
	float:left;
	position:relative;
	width:35%;
	margin:0px;
	color:#333333;
}

#contenidos #formularios #campo, #contenidos_grande #formularios #campo, #contenidos_enorme #formularios #campo,{
	float:left;
	position:relative; 
	width:60%;
	margin:0px;
	color:#333333;
}


#contenidos .campo, #contenidos_grande .campo, #contenidos_enorme .campo {
	width:95%;
	max-width:320px;
	border:#666666 solid 1px;
	margin:0px;
	margin-bottom:5px;
	padding:2px;
	font-size:1.1em;
	color:#333333;
}

#contenidos .campo_peq, #contenidos_grande .campo_peq, #contenidos_enorme .campo_peq {
	width:95%;
	max-width:180px;
	border:#666666 solid 1px;
	margin:0px;
	margin-bottom:5px;
	padding:2px;
	font-size:1.1em;
	color:#333333;
}

#contenidos .boton, #contenidos_grande .boton, #contenidos_enorme .boton {
	width:80px;
	max-width:80px;
	border:#666666 solid 0px;
	background-color:#999999;
	margin:0px;
	margin-right:-5px;
	padding:2px;
	font-size:1.0em;
	color:#FFFFFF;
	text-transform:lowercase;
}

/* ---------------------------------------- estilos para las imágenes ----------------------------------------- */

#foto_abajo{
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 30px;
	border-top: 1px dotted #999999;
	border-bottom:1px dotted #999999;
	border-right:1px dotted #999999;
}

#foto_izq{
	float:left;
	position:relative;
	padding:0px;
	padding-top:0px;
	padding-bottom:10px;
	padding-right:10px;
	border-top:0px dotted #999999;
	border-bottom:1px dotted #999999;
	border-right:1px dotted #999999;
	margin:0px;
	margin-right: 10px;
}

/* ----------------------------------------- estilos de empresa/localizacion.php ---------------------------------- */
#localizacion{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
		
}

#localizacion #direccion{
	float:left;
	position:relative;
	width: 55%;
	padding:0px;
	padding-left:15px;
	background-image:url(../images/contenidos_lista_empresa.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#localizacion #plano{
	float:left;
	position:relative;
	width: 30%;
}

/* ---------------------------------------- estilo para la PAGINACIÓN de los apartados ------------------------------ */

#paginacion{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:center;
	margin:0px;
	margin-bottom:10px;
	margin-top:15px;		
}

/* ---------------------------------------- estilos de empresa/quienes.php ----------------------------------------- */
#quienes{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
	margin-bottom:6px;		
}

#quienes #nombre{
	float:left;
	position:relative;
	width: 35%;
	padding:0px;
	padding-left:15px;
	background-image:url(../images/contenidos_lista_empresa.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#quienes #departamento{
	float:left;
	position:relative;
	width: 30%;
	font-weight:bold;
	text-align:left;
}

#quienes #email{
	float:left;
	position:relative;
	width: 31%;
	text-align:right;
}

/* ---------------------------------------- estilos de comunicacion/noticias.php ----------------------------------------- */

#listado_noticias{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
	margin-bottom:10px;		
}

#listado_noticias #fecha{
	float:left;
	position:relative;
	width: 20%;
	padding:0px;
	padding-left:15px;
	background-image:url(../images/contenidos_lista_comunicacion.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#listado_noticias #titulo{
	float:left;
	position:relative;
	width: 75%;
	font-weight:bold;
	text-align:left;
	padding:0px;
	padding-left:5px;
	border-left:#333333 dotted 1px;
}

#listado_noticias a{
	color:#333;
	text-decoration:none;
}

#noticias_derecha{
	width:95%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;
	text-align:right;
	margin:0px;
	margin-bottom:10px;		
}

#noticias_subtitulo{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	text-align:justify;
	margin:0px;
	margin-bottom:10px;

	font-weight:bold;	
}

/* ---------------------------------------- estilos de comunicacion/documentos.php ----------------------------------------- */

#listado_documentos{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
	margin-bottom:10px;		
}

#listado_documentos_peq{
	float:left;
	position:relative;
	width:60%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
	margin-bottom:10px;		
}

#listado_documentos #icono{
	float:left;
	position:relative;
	width: 5%;
	padding:0px;
}

#listado_documentos #titulo{
	float:left;
	position:relative;
	width: 90%;
	text-align:left;
	padding:0px;
	padding-left:5px;
	border-left:#333333 dotted 1px;
}

#listado_documentos_peq #icono{
	float:left;
	position:relative;
	width: 8%;
	padding:0px;
}

#listado_documentos_peq #titulo{
	float:left;
	position:relative;
	width: 80%;
	text-align:left;
	padding:0px;
	padding-left:5px;
	border-left:#333333 dotted 1px;
}

#listado_documentos a, #listado_documentos_peq a{
	color:#333;
	text-decoration:none;
}

#portada_boletin{
	float:right;
	position:relative;
	width: 35%;
	text-align:right;
	margin:0px;
	padding:0px;
	padding-left:5px;
	border:#333333 dotted 0px;
}

/* -------------------------------------------------- estilos de formacion------------------------------------------------ */

/* -------- para los textos de introduccion ---------- */
#niveles{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:#CCCCCC solid 1px;		
}

#niveles #nivel{
	float:left;
	position:relative;
	width: 18%;
	font-weight:bold;
	text-align:center;
}

#niveles #descripcion{
	float:left;
	position:relative;
	width: 60%;
	text-align:justify;
	margin:0px;
	margin-left:10px;
}

/* ---- fin ----- */

#listado_formacion{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-left:8px;
	margin-bottom:5px;
	border-bottom:#CCCCCC dotted 0px;	
}

#listado_formacion #titulo{
	float:left;
	position:relative;
	width: 80%;
	padding:0px;
	padding-left:15px;
	background-image:url(../images/contenidos_lista_formacion.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

#listado_formacion #verficha{
	float:left;
	position:relative;
	width: 15%;
	text-align:left;
	padding:0px;
	padding-left:5px;
	border-left:#333333 dotted 1px;
}

#listado_formacion a{
	color:#333;
	text-decoration:none;
}

#ficha_formacion{
	float:left;
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	margin:0px;
	margin-bottom:0px;
	margin-top:10px;
}

#ficha_formacion #titulo{
	float:left;
	position:relative;
	display:block;
	background:#EEEEEE;
	color:#333333;
	width: 100%;
	padding:0px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
	margin-bottom:5px;
	background-image:url(../images/contenidos_lista_formacion.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	text-align:left;
}

#ficha_formacion #contenido{
	float:left;
	position:relative;
	width: 83%;
	font-size:inherit;
	font-size:1.0em;
	text-align:justify;
}

#ficha_formacion #contenido a{
	color:#000000;
	text-decoration:none;
}

#ficha_formacion #contenido a:hover{
	color:#5c2858;
	text-decoration:none;
}

/* -------------------------------------------------- estilos de SELECCION DE PERSONAL------------------------------------------------ */

#contiene_seleccion_personal {
	float:left;
	position:relative;
	width:90%;
	margin:0px;
	margin-left:50px;
	/*height:275px;
	background-image:url(../images/fondo_portada_seleccion_personal.jpg);
	background-repeat:no-repeat;
	background-position:left botom;*/
}

#portada_seleccion_personal {
	float:left;
	position:relative;
	width: 90%;
	margin:0px;
	margin-top:10px;
	height:275px;
	background-image:url(../images/fondo_portada_seleccion_personal.jpg);
	background-repeat:no-repeat;
	background-position:left botom;
}

#portada_seleccion_personal #titulo{
	float:left;
	position:relative;
	width:45%;
	background-color:#c88400;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding:0px;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;
	margin-bottom:10px;
}

#portada_seleccion_personal #ref{
	float:left;
	position:relative;
	width:42.5%;
	font-weight:bold;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	margin-left:15px;
	padding:0px;
	padding-left:15px;
	background-image:url(../images/contenidos_lista_seleccion.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#portada_seleccion_personal #puesto{
	float:left;
	position:relative;
	width:45%;
	font-weight:bold;
	text-align:left;
	padding:0px;
	padding-left:15px;
	margin:0px;
	margin-bottom:10px;
}

#portada_seleccion_personal a{
	color:#333333;
	text-decoration:none;
}

.desplegable {
	font-size:0.9em;
	border:none;
	border:thin solid #444444;
	color:#333333;
	background-color:#FFFFFF;
}

/* -------------- selecciones de un usuario ------------*/
#seleccion_personal_mis_sel {
	float:left;
	position:relative;
	width: 100%;
	margin:0px;
	margin-top:10px;
	height:275px;
	background-image:url(../images/fondo_portada_seleccion_personal.jpg);
	background-repeat:no-repeat;
	background-position:left botom;
}

#seleccion_personal_mis_sel #titulo{
	float:left;
	position:relative;
	width:30%;
	background-color:#c88400;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding:0px;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;
	margin-bottom:10px;
}

#seleccion_personal_mis_sel #columna{
	float:left;
	position:relative;
	width:30%;
	font-weight:bold;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	/*margin-left:15px;*/
	padding:0px;
	padding-left:15px;
	background-image:url(../images/contenidos_lista_seleccion.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#seleccion_personal_mis_sel a{
	color:#333333;
	text-decoration:none;
}

/* -------------- menu curriculum vitae -------------- */

#menu_cv{	 
	float:left; 
	position:relative; 
	width:100%; 
	font-size:0.9em;
	margin-bottom:20px;
} 
#menu_cv ul{ 
	list-style:none; 
	border: none; 
	text-align:left; 
} 

#menu_cv li{ 
	display: inline; 
	margin:5px; 
	font-weight:bold; 
} 

#menu_cv #current { /*currently selected tab*/ 
	border-bottom-color:#c88400; 
	border-bottom-style:solid; 
	border-bottom-width:2px;
	padding-bottom:2px; 
} 

#menu_cv a {
	color:#000000;
	text-decoration:none;
}

#menu_cv a:hover {
	color:#c88400;
	text-decoration:none;
}

/* ------------- ------------- */

#fila_cv ul{
	width:100%;
	display:block;
	float:left;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
}

#fila_cv li {
	width:30%;
	display:inline;
	float:left;
	text-align:left;
}
#fila_cv_otros{
	width:55%;
	min-width:100px;
	display:block;
	float:left;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	padding:5px;
}
/* ------------- ------------- */

#fila_ver_seleccion ul{
	width:100%;
	display:block;
	float:left;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
}

#fila_ver_seleccion li {
	width:45%;
	display:inline;
	float:left;
	text-align:left;
}

/* -------------------------------------------------- estilos de la TIENDA ------------------------------------------------ */

#producto {
	float:left;
	position:relative;
	width:90%;
	text-align:left;
	margin:0px;
	margin-left:25px;
	margin-top:35px;
}

#producto #foto{
	float:left;
	position:relative;
	width:30%;
	text-align:left;
}

#producto #resto{
	float:left;
	position:relative;
	width:69%;
	margin:0px;
}

#producto #resto #descripcion{
	float:left;
	position:relative;
	width:100%;
	text-align:justify;
	font-size:0.9em;
	margin:0px;
	margin-bottom:15px;
}

#producto #resto #precio_compra{
	float:left;
	position:relative;
	width:100%;
	margin:0px;
	margin-bottom:15px;
}

#producto #resto #precio_compra #precio_completo{
	float:left;
	position:relative;
	width:50%;
	margin:0px;
}

#producto #resto #precio_compra #precio_completo #precio{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:1.8em;
	margin:0px;
}

#producto #resto #precio_compra #precio_completo #iva{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	font-size:0.9em;
	color:#666666;
	margin:0px;
}

#producto #resto #precio_compra #compra{
	float:left;
	position:relative;
	width:48%;
	margin:0px;
	text-align:right;
}

/* ----------------------- PROCESO COMPRA ---------------------- */ 

#proceso_compra{	 
	float:left; 
	position:relative; 
	width:100%; 
	font-size:0.9em;
	margin-bottom:20px;
} 
#proceso_compra ul{ 
	list-style:none; 
	border: none; 
	text-align:left; 
} 

#proceso_compra li{ 
	display: inline; 
	margin:10px; 
	font-weight:bold; 
} 

#proceso_compra #current { /*currently selected tab*/ 
	border-bottom-color:#669900; 
	border-bottom-style:solid; 
	border-bottom-width:2px;
	padding-bottom:2px; 
} 

/* ------------------------ CARRITO COMPRA ----------------------*/ 
 
#contiene_carrito{ 
	width:95%; 
	float:left; 
	position:relative;
	margin-left:15px; 
 
} 
#fila_productos{ 
	padding: 0; 
	width: 100%; 
	background: transparent; 
	voice-family: "\"}\""; 
	voice-family: inherit;
	margin-bottom:5px;
} 
 
#fila_productos ul{ 
	margin:0; 
	padding: 0; 
	list-style: none; 
} 
 
#fila_productos li{ 
	display: inline; 
	float: left; 
	display: block; 
	color: #fff; 
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 1px;
	background-color: #669900; /*Default menu color*/ 
	border: 1px solid #669900; 
	margin-top: 0;  
	margin-right:1px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-left:10px;
	font-size:0.9em; 
} 

#fila_productos #grande, #fila_productos_individuales #grande{
	width:60%; 
}

#fila_productos #peq, #fila_productos_individuales #peq{
	width:15%; 
}
 
#fila_productos_individuales{ 
	padding: 0; 
	width: 100%; 
	background: transparent; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	 
} 
 
#fila_productos_individuales ul{ 
	margin:0; 
	padding: 0; 
	list-style: none; 
} 
 
#fila_productos_individuales li{ 
	display: inline; 
	width:32%; 
	float: left; 
	display: block; 
	color: #000; 
	text-decoration: none; 
	background-color: #fff; /*Default menu color*/ 
	border: 1px solid #999999; 
	margin-top: 0; 
	margin-bottom: 5px; 
	margin-left: 0; 
	margin-right:1px; 
	padding-top: 7px; 
	padding-bottom: 5px; 
	padding-left:10px;
	font-size:0.9em; 
 
} 
 
 
#contiene_subtotal{ 
	float:left; 
	position:relative; 
	border-top: 0.1em #ccc solid; 
	text-align:right; 
	width:99%; 
	margin-top:10px;
	padding-top:10px;
	padding-left:0px;
	} 

/* ---------- botones de la tienda ------------ */
 
#contiene_seguir_comprando{ 
	float:left; 
	position:relative; 
	border-top: 0.1em #ccc solid; 
	width:99%; 
	margin-top:10px; 
	} 
 
.seguir_comprando{ 
	float:left; 
	position:relative; 
	width:20%; 
	text-align:left; 
	margin-top:10px; 
	} 
 
.comprar{ 
	float:right; 
	position:relative; 
	width:20%; 
	text-align:right; 
	margin-top:10px; 
	} 
 
.boton_comprar{ 
	background-color:#669900; 
	border: 1px solid #ccc; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	color:#FFFFFF; 
	} 
 
.boton_seguir{ 
	background-color:#CCCCCC;; 
	border: 1px solid #ccc; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	color:#333333; 
	} 

/* -------- fin botones --------- */

#tienda_formulario{ 
	float:left; 
	position:relative; 
	width:90%; 
	margin-bottom:10px;
	margin-left:15px;
	font-size:0.9em;
} 

#tienda_formulario #texto{ 
	float:left; 
	position:relative; 
	width:45%;
	text-align:right;
	padding-right:10px;
	padding-top:3px;
}

#tienda_formulario #campo{ 
	float:left; 
	position:relative; 
	width:50%;
	text-align:left;
	
}

#tienda_formulario .campo_formulario{ 
	background-color:#EEEEEE;; 
	border: 1px solid #666666; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.0em; 
	color:#333333;
	padding:2px;
	width:200px;
}

#tienda_errores ul{ 
	margin:0px;
	padding:0px;
	list-style: none; 
} 
 
#tienda_errores li{ 
	width:100%; 
	float: left; 
	display: block;
	color: #FFF;
	text-align:center;
	background-color: #333333; /*Default menu color*/  
	margin-top:0px; 
	margin-bottom: 2px; 
	margin-left:0px; 
	margin-right:1px; 
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:10px;
	font-size:0.9em; 
}