@charset "utf-8";
/* CSS Document */

@import "reset.css";

/********************************** ESTILOS GENERALES **************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002D66;
	background: #AAB4C0 url(images/fondo.gif) repeat-y center top;
}

body#portada {
	background: #AAB4C0 url(images/fondo_portada.gif) repeat-y center top;	
}


h2 {
	color: #002D66;
	font-size: 15px;
	display: block;
	border-bottom: 3px double #FFCC00;
	padding: 4px 5px 2px 18px;
	line-height: 120%;
	background: url(images/punto_titulo.gif) no-repeat 2px 10px;
	margin-bottom: 10px;
}

h3 {
	color: #002D66;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
}

p {
	line-height: 120%;
	padding-bottom: 8px;
}

.centrado {
	text-align: center;	
}

.flota_izq {
	float: left;
	margin: 0px 15px 15px 0px;
}

.flota_der {
	float: right;
	margin: 0px 0px 15px 15px;
}

/********************************** ESTRUCTURA **********************************************/

.contenedor {
	width: 960px;
	margin: 0px auto;
}

.cabecera {
	height: 101px;
	background: #022F66 url(images/cabecera.jpg) no-repeat top right;
	position: relative;
}

.cuerpo {
	background: url(images/fondo_cuerpo.gif) no-repeat top right;
	min-height: 450px;
	padding-bottom: 10px;
}

.separador {
	clear: both;	
}

.pie {
	min-height: 38px;
	padding-top: 1px;
	background: url(images/linea_pie.gif) no-repeat top right;
	padding-bottom: 5px;
	position: relative;
}

/*********************************** CABECERA ***************************************/


.cabecera h1 a{
	display: block;
	height: 71px;
	width: 174px;
	position: absolute;
	top: 8px;
	left: 7px;
	background: url(images/logo_global.gif) no-repeat top left;
}

.cabecera h1 a span{
	display: none;
}

.cabecera h2 {
	color: #E9EEF3;
	font-size: 14px;
	display: block;
	border-bottom: 0px;
	padding: 0px;
	line-height: 120%;
	background: none;
	margin-bottom: 0px;
	position: absolute;
	top: 15px;
	left: 210px;
	bottom: 4px;}

.logo_iberico, .logo_serrano {
	width: 70px;
	height: 93px;
	position: absolute;
	top: 4px;
	right: 5px;
}

.logo_iberico {
	background: url(images/logo_cert_iberico.png) no-repeat top left;
}
.logo_serrano {
	background: url(images/logo_cert_serrano.png) no-repeat top left;
}


.logo_iberico span, .logo_serrano span {
	display: none;	
}

/**************************** PORTADA *******************************/

.enlaces_portada {
	padding: 60px 0px 40px 24px;
}

.enlaces_portada a {
	display: block;
	width: 178px;
	height: 178px;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-right: 5px;
}

.enlaces_portada a span {
	display: none;	
}

.enlaces_portada a:hover {
	background-position: bottom left;	
}

.enlaces_portada a.enlace_global {
	background-image: url(images/enlace_global.png);	
}

.enlaces_portada a.enlace_cert_ibericos {
	background-image: url(images/enlace_cert_ibericos.png);	
}

.enlaces_portada a.enlace_cert_serrano {
	background-image: url(images/enlace_cert_serrano.png);	
}

.enlaces_portada a.enlace_export {
	background-image: url(images/enlace_export.png);	
}

.enlaces_portada a.enlace_consultoria {
	background-image: url(images/enlace_consultoria.png);	
}

#portada .contenido {
	padding: 0px 50px;	
}


.area_privada {
	display: block;
	height: 46px;
	width: 236px;
	background: url(images/enlace_area_privada.png) no-repeat top left;
	margin: 0px auto 20px auto;
}

.area_privada:hover {
	background-position: bottom left;	
}

.area_privada span {
	display: none;	
}



/************************************************** PIE ***************************************************/

.pie .contacto {
	display: block;
	height: 37px;
	width: 167px;
	background: url(images/enlace_contacto.png) no-repeat top left;
	position: absolute;
	top: 1px;
	right: 1px;
}

.pie .contacto:hover {
	background-position: bottom left;	
}

.pie .contacto span {
	display: none;	
}



/**************************************************** MENU ****************************************************/

.menu {
	width: 242px;
	padding: 10px 0px 0px 10px;
	float: left;
	min-height: 1%;
}

.menu a {
	display: block;	
	width: 241px;
	height: 47px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 3px;
}

.menu a:hover {
	background-position: -260px 0px;	
}

.menu a span {
	display: none;	
}

.menu a.activo {
	background-position: -520px 0px;	
}

.menu a.menu_global {
	background-image: url(images/menu_global.png);	
}
.menu a.menu_cert_ibericos {
	background-image: url(images/menu_cert_ibericos.png);	
}
.menu a.menu_cert_serrano {
	background-image: url(images/menu_cert_serrano.png);	
}
.menu a.menu_export {
	background-image: url(images/menu_export.png);	
}
.menu a.menu_consultoria {
	background-image: url(images/menu_consultoria.png);
}

.menu a.menu_area_privada {
	background-image: url(images/menu_area_privada.png);
	width: 211px;
	margin-top: 30px;
}

/************************************************** CUERPO *************************************************/

.contenido {
	margin-left: 278px;
	padding-top: 30px;
	padding-right: 30px;
}

#portada .contenido {
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.contenido a {
	font-weight: bold;
	color: #C17D00;
	border-bottom: 1px dotted #FDA500;
	text-decoration: none;
}	

.contenido a:hover {
	color: #FDA500;	
}

.contenido p {
	padding-bottom: 12px;	
}

.contenido p.resalte {
	background: #FFC848;
	padding: 10px 10px 10px 10px;
	border: 2px dotted #FE9901;
	margin: 10px auto;
	width: 80%;
	text-align: center;
}

.contenido p.resalte.ok {
	margin: 30px auto;
}

.contenido ul {
	padding-bottom: 12px;	
}

.contenido ul li {
	display: block;
	padding-bottom: 6px;
	min-height: 1%;
	line-height: 120%;
	background: url(images/punto_lista.gif) no-repeat 0px 4px;
	padding-left: 16px;
}


.enlaces {
	padding: 10px 0px;
}

.enlaces a {
	display: block;
	float: left;
	width: 273px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 0px;
}

.enlaces a:hover {
	background-position: bottom left;	
}

.enlaces a span {
	display: none;	
}

.enlaces .enlace_empresas {
	background-image: url(images/enlace_empresa_cert.png);	
}

.enlaces .enlace_presupuesto {
	background-image: url(images/enlace_presupuesto.png);	
}

.enlaces .enlace_directorio {
	background-image: url(images/enlace_directorio.png);	
}


/***************************** Formulario ******************************/

.formulario {
	padding: 10px 20px;	
}

.formulario label {
	display: block;
	padding: 0px 0px 2px 0px;
}

.formulario input {
	width: 400px;
	border-color: #BCC5CD;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background: transparent;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	background: url(images/fondo_form.png) repeat-x bottom left;
}

.formulario input.corto {
	width: 150px;	
}

.formulario fieldset {
	background: url(images/fondo_field.png) top left;	
	padding: 15px 15px 15px 15px;
	margin-bottom: 12px;
	border: 1px solid #BBBBBB;
	position: relative;
	margin-top: 10px;
}

.formulario fieldset legend {
	position: static;	
}

.formulario fieldset legend span{
	display: block;
	border: 1px solid #BBBBBB;
	background: #FFC848;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	/*position: absolute;
	top: -9px;
	left: 10px;*/
}

.formulario fieldset.check {

}

.formulario fieldset.check input[type="checkbox"] {
	width: auto;
	background: none;
	border: 0;
	margin-right: 4px;
}

.botonera {
	min-height: 30px;	
}

.botonera button {
	display: block;
	float: right;
	height: 30px;
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px;
	background-color: transparent;
}

.botonera button.enviar {
	background-image: url(images/boton_enviar.png);
	width: 90px;
}
.botonera button.borrar {
	background-image: url(images/boton_borrar.png);	
	width: 90px;
}

.botonera button span {
	display: none;	
}

.botonera button:hover {
	background-position: bottom left;	
}


/******************************** DIRECTORIO **************************************/

p.actualizacion {
	font-size: 10px;
	color: #999;
	text-align: right;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 15px;
	padding-bottom: 3px;
}

table.directorio {
	border-top: 1px solid #335690;
	border-left: 1px solid #335690;
	margin: 0px auto;
	width: 80%;
}

.directorio caption {
	display: none;	
}

.directorio th {
	background: #335690;
	border-right: 1px solid #335690;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
}

.directorio td {
	padding: 4px;
	border-right: 1px solid #335690;
	border-bottom: 1px solid #BCC5CD;
	text-align: center;
	background: #E8EBEE url(images/fondo_tabla.gif) no-repeat bottom right;
	vertical-align: middle;
}

.directorio .ultimo td {
	border-bottom: 1px solid #335690;	
}

.directorio td.nombre_direc {
	border-right: 1px solid #BCC5CD;
	font-size: 13px;
	font-weight: bold;
}

.directorio td.nombre_direc span{
	display: block;
	font-size: 10px;
	padding: 5px 10px 0px 10px;
}

.nav {
	padding: 10px 0px;	
	min-height: 18px;
}

.nav a {
	display: block;
	height: 12px;
	background-repeat: no-repeat;
	border-bottom: 0px;
}

.nav a.anterior {
	background-image: url(images/enlace_anterior.gif);
	background-position: 0px 2px;
	padding-left: 14px;
	float: left;
}

.nav a.siguiente {
	background-image: url(images/enlace_siguiente.gif);
	background-position: 100% 2px;
	padding-right: 14px;
	float: right;
}

.nav a.anterior:hover {
	background-position: 0px -68px;	
}

.nav a.siguiente:hover {
	background-position: 100% -68px;	
}


.nav .paginas {
	width: 50%;
	margin: 0px auto;
	text-align: center;
}

.nav .paginas a {
	display: inline;	
}

.nav .paginas span {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

/*
.contenido a {
	font-weight: bold;
	color: #C17D00;
	border-bottom: 1px dotted #FDA500;
	text-decoration: none;
}	

.contenido a:hover {
	color: #FDA500;	
}
*/



/******************** LOGIN ***********************/

.login {
	width: 408px;
	min-height: 1%;
	margin: 50px auto 0px auto;
}

.login h3 {
	font-size: 15px;
	color: #3399CC;
	padding: 0px 0px 0px 12px;
}

.recuadro_login {
	width: 380px;
	height: 93px;
	background: url(images/recuadro_login.png) no-repeat top left;
	padding-top: 45px;
	padding-left: 28px;
}

.recuadro_login label {
	display: inline-block;
	text-align:right;
	width: 90px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 14px;
}

.recuadro_login input {
	width: 230px;
	height: 20px;
	border: 1px solid #26759B;
	background: url(images/fondo_form_login.gif) repeat-x top left;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1B536D;
}

.recuadro_login input:focus {
	background-position: bottom left;	
}