/* CSS Document */
/*--------------------------------------------GENERAL------------*/
* {margin:0;padding:0}
html {
	height:100%;/* Para mantener el pie de página siempre abajo */
}
body{
	border-top: 5px solid #6699CC;
	width:100%;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.flotar_izq{
	float:left;
	padding-right:10px;
}
.flotar_izq2{
	float:left;
}
.flotar_der{
	float:right;
	padding-left:10px;
}
a img{
	border:none;
}
#contenedor{
	clear:both;
	height:100%;
	display:block;
	/*height:auto !important;
	min-height:100%;
	margin-bottom:-36px;*/
}
ul.saltar{
	position:absolute;
	top:-100px;
	z-index:-2;
}

a{
	color: #003366;
}
.milveinticuatro{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*----------------------------MAPAS------*/
#map{
	width:100%;
	height:350px;
	margin-top:50px;
}
.mapas_flotar{
	float:left;
	margin-right:5px;
}
/*-------------------------ALERTA-----------*/
.info, .exito, .alerta, .error {
width:94%;
clear:both;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/info.gif');
}
.exito {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/exito.gif');
}
.alerta {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/alerta.gif');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/error.gif');
}
/*------------------------FORMULARIOS------*/
form{
	width: 600px;
}
.campo{
	float:left;
	width: 150px;
}
input,
textarea{
	margin-top:5px;
	border:none;
	background-color: #E6EBF0;
	color:#003366;
}
.importante{
	font-size:0.7em;
	color:#003366;
	font-weight:bold;
}
fieldset{
	background-color:#F7F8FA;
	border:1px solid #6699CC;
	padding:5px;
}
legend{
	color:#003366;
	font-weight:bold;
}
.boton{
	background-image: url(../img/fondo_input2.gif);
	height: 21px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #003366;
	text-align: center;
}
/*------------------------------------------------ARRIBA--------*/
#arriba{
	background-image: url(../img/fondo_arriba.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100px;
}
#arriba h1{
	position:absolute;
	top:-100px;
	z-index:-1;
}
#arriba img.logotipo{
	margin-top:12px;
	margin-left:3%;
	float:left;
}
/*-----------------------------------MENU LEGAL-------*/
#arriba ul#menu_legal{
	list-style-type: none;
	float: right;
	margin-right: 2%;
	margin-top: 25px;
	width:36%;
}
#arriba ul#menu_legal li{
	float:left;
	margin:0px;
	padding-top:5px;
	padding-bottom:7px;
	margin-left:5px;
	height:18px;
	padding-right:10px;
	background: url(../img/fondo_legal_der.gif) no-repeat right top;
}
#arriba ul#menu_legal li a{
	color:#666666;
	text-decoration:none;
	font-size:0.75em;
	background: no-repeat left top;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:30px;
	z-index:1;
	margin-top:-3px;
}
#arriba ul#menu_legal li:hover{
	background-position: right -30px;
}
#arriba ul#menu_legal li.accesibilidad a{
	background-image:url(../img/icono_accesibilidad.gif);
}
#arriba ul#menu_legal li.aviso a{
	background-image:url(../img/icono_aviso_legal.gif);
}
#arriba ul#menu_legal li.privacidad a{
	background-image:url(../img/icono_privacidad.gif);
}
#arriba ul#menu_legal li:hover a{
	background-position: left -30px;
}
#arriba ul#menu_legal li a:hover,
#arriba ul#menu_legal li a.active{
	text-decoration:underline;
}
/*--------------------------------MENU PRINCIPAL--------*/
ul#menu_principal{
	list-style-type: none;
	background: url(../img/fondo_boton.gif) repeat-x left top;
	width:62%;
	position: absolute;
	z-index: 2;
	margin: 0px;
	padding:0px;
	right: 0px;
	top: 85px;
	border-bottom: 1px solid #283D51;
}
ul#menu_principal li{
	float:left;
	margin:0px;
	padding-top: 8px;
	padding-bottom: 11px;
	cursor:pointer;
	border-bottom: 1px solid #243749;
}
ul#menu_principal li.punta{
	background: url(../img/esquina_boton.gif) no-repeat left top;
}
ul#menu_principal li.punta a{
	margin-left: 5px;
	border-left:none;
}
ul#menu_principal li a{
	color:#FFFFFF;
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	border-right: 1px solid #5987B3;
	border-left: 1px solid #6699CC;
	padding-top:8px;
	padding-bottom: 10px;
	padding-left:1em;
	padding-right:1em;
	z-index:5px;
	background: url(../img/fondo_boton.gif) repeat-x left top;
}
ul#menu_principal li a:hover{
	cursor:pointer;
	border-bottom: 3px solid #FFFFFF;
}
ul#menu_principal li a.active{
	color: #003366;
	border-top: 1px solid #003366;
	border-bottom: 2px solid #003366;
	background: url(../img/fondo_boton_active.png) repeat-x left top;
}
/*--------------------------------------------------CABECERA------*/
#cabecera{
	border-top:1px solid #CCCCCC;
	border-bottom:5px solid #6699CC;
	height: 195px;
	background: #061F39 url(../img/fondo_cabecera.jpg) repeat-x center top;
}
img.piezas{
	position:absolute;
	z-index:1;
	margin-left:2%;
	top:90px;
}
#cabecera h2{
	text-align:right;
	padding-right:40px;
	margin-right:1%;
	font-size:1.75em;
	font-weight:normal;
	margin-top:50px;
	color:#6699CC;
	background: url(../img/deco_flecha.gif) no-repeat right center;
	z-index:3;
	position:relative;
}
#cabecera h2 span{
	color: #FFFFFF;
}
#cabecera h2 span.naranja{
	color: #EC6E00;
}
.mas_info{
	background: url(../img/linea_degradado.gif) no-repeat right top;
	margin-right:5%;
	text-align:right;
	padding-top:5px;
}
.mas_info a{
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../img/mas_informacion.gif) left center no-repeat;
	padding-left: 15px;
}
/*-----------------------------------CONTENIDO-----------------*/
#contenido{
	padding:10px;
	padding-bottom:34px;
	font-size:0.8em;
	line-height: 1.3em;
	margin-bottom:10px;
	clear:both;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
p{
	margin-top:10px;
	margin-bottom:10px;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*-----------------------------------COLUMNA 1------------*/
#contenido #columna1{
	float:left;
	width:62%;
	margin-bottom:10px;
}
#contenido h3{
	float:left;
	width:100%;
	color:#666666;
	margin:0px;
	background: url(../img/titulo_der.gif) no-repeat right top;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	clear:both;
}
#contenido h3 span{
	background: url(../img/titulo_izq.gif) no-repeat left top;
	margin:0px;
	padding-left:80px;
	padding-top:9px;
	padding-bottom:10px;
	z-index:3;
	clear:both;
}
#contenido #columna1 p span{
	font-weight:bold;
	color: #002E63;
}
#contenido #columna1 a{
	color: #6294C5;
}
.clear_izq{
	clear:left;	
}
.clear_der{
	clear:right;	
}
/*------------------------------COLUMNA 2----------*/
#contenido #columna2{
	float:right;
	background:#ECECEC;
	width:325px;
	margin-bottom:10px;
	padding:10px;
}
#contenido #columna2 h4{
	font-size:1.1em;
	color:#666666;
	border-bottom: 1px solid #666666;
}
#contenido #columna2 img.diagrama{
	padding-top: 10px;
	padding-left:45px;
	padding-bottom: 10px;
}
/*-----------------------------------------PIE------*/
#pie{
	background: url(../img/fondo_pie.gif) repeat-x left top;
	border-top: 2px solid #666666;
	color: #FFFFFF;
	text-align:center;
	font-size:0.8em;
	padding-top:10px;
	position:relative;
	margin-top:-44px;
	height: 24px;
	clear:both;
}
#pie a{
	color:#FFFFFF;
	font-weight:bold;
}
/*------------------------------------PRODUCTOS------*/
body#productos #contenido ul,
body#medios #contenido ul{
	list-style-position: inside;
	list-style-type: none;
	clear:both;
}
body#productos #contenido ul li span,
body#medios #contenido ul li span{
	font-weight: bold;
	font-size:1.3em;
	color:#003366;
	clear:both;
	display:block;
}
body#productos #contenido ul li ul li,
body#medios #contenido ul li ul li{
	width: 240px;
	height:175px;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
	margin-top:10px;
	color:#003366;
	border: 2px solid #6699cc;
	margin-left:10px;
	font-weight: bold;
	margin-bottom:10px;
	padding-top:5px;
}
/*.........................ANER..*/
p.aner{
	float:right;
	margin-top:-5px;
}
.aner a{
	color: #0a5474;
	display:block;
	height:25px;
	width:25px;
	margin-right:1em;
	background:url(../img/diseno-web-aner.png) no-repeat right top;
	text-indent: -700em;
}
.aner a:hover{
	text-decoration:underline;
	background:url(../img/diseno-web-aner.png) no-repeat right -46px;
}
.small{font-size:9px;line-height:11px;}
.borde{border: 1px solid #ffffff;padding:0 10px;}
.certificado{
	float:right;
	margin-top:12px;
}