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

*{
	margin:0px;
	padding:0px;
}

.fix-float{
	clear:both;
}


html body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#e5f3f8;
	background-color:#FFF;
}

a {
	text-decoration:none;
}

img{
	border:none;
}

/* CABEZAL */

#cabezal {
	position:static;
	display:block;
	height:auto;
	width:100%;
	padding:30px 0px 60px 0px;
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 26%, #c4c4c4 100%);
	background: -webkit-gradient(radial, bottom bottom, 0px, center center, 100%, color-stop(26%,#ffffff), color-stop(100%,#c4c4c4));
	background: -webkit-radial-gradient(bottom, ellipse cover, #ffffff 26%,#c4c4c4 100%);
	background: -o-radial-gradient(bottom, ellipse cover, #ffffff 26%,#c4c4c4 100%);
	background: -ms-radial-gradient(bottom, ellipse cover, #ffffff 26%,#c4c4c4 100%);
	background: radial-gradient(ellipse at bottom, #ffffff 26%,#c4c4c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=1);
}

/* LOGO */

#logo{
	position:static;
	margin-left:auto;
	margin-right:auto;
	width:283px;
	height:125px;
	display:block;
}

/* MENU */

#menu{
	position:static;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 75px 0px 75px;
	height:auto;
	max-width:760px;
}

#menu ul li{
	display:block;
	float:left;
	display:block;
	margin:0px 10px 20px 10px;
	height:75px;
	width:75px;
	cursor:pointer;
}

#menu ul li{
	background-position:left;
}

#menu ul li:hover{
	background-position:right;
}

#linea-azul{
	border-top:#004C8A solid 2px;
	width:100%;
	margin-top:-60px;
}

/* PIE */

#pie{
	position:fixed;
	display:block;
	bottom:0px;
	height:auto;
	width:100%;
}

#info{
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#004C8A;
	font-size:14px;
	text-align:center;
	background: #ffffff;
	background: -moz-radial-gradient(top, ellipse cover, #F2F2F2 26%, #c4c4c4 100%);
	background: -webkit-gradient(radial, top top, 0px, top top, 100%, color-stop(26%,#F2F2F2), color-stop(100%,#c4c4c4));
	background: -webkit-radial-gradient(top, ellipse cover, #F2F2F2 26%,#c4c4c4 100%);
	background: -o-radial-gradient(top, ellipse cover, #F2F2F2 26%,#c4c4c4 100%);
	background: -ms-radial-gradient(top, ellipse cover, #F2F2F2 26%,#c4c4c4 100%);
	background: radial-gradient(ellipse at top, #F2F2F2 26%,#c4c4c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#c4c4c4',GradientType=1);
}

#copi{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#ffffff;
	display:block;
	height:auto;
	background:#004C8A;
}

/* BANDERAS */

#banderas{
	position:absolute;
	display:block;
	right:5%;
	bottom:10px;
}

#banderas ul li{	
	display:block;
	float:left;
	margin-left:5px;
	cursor:pointer;
}

/* CONTENT */

#content{
	position:static;
	display:block;
}

.blocks{
	position:absolute;
	display:block;
	width:100%;
}

#texto{
	position:absolute;
	padding:25px 25px 25px 25px;
	float:right;
}


.items{
	display:block;
	float:left;
	margin:10% 25px 50px 15px;
}

#cuadro-negro{
	position:absolute;
	display:block;
	width:55%;
	min-width:300px;
	background:#333;
	background-color:rgba(0,0,0,0.75);
	color:#FFF;
	left:20%;
}

#degrade{
	position:absolute;
	display:block;
	width:100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(20%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.25) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.25) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.25) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 );
}

#imagen{
	position:absolute;
	display:block;
	width:100%;
}

/*link Gps*/

.mismoviles{
	padding:5px 10px;
	font-size:14px;
	font-weight:700;
	background-color:#004c8a;
	color:#FFF;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:#FFF solid thin;
}

/* BTN DESCARGAR */

#bot-descarga{
	color:#FFF;
}

#descarga{
	margin-right:10px;
	float:right;
	line-height:20px;
}

#bot-descarga a{
	float:right;
	display:block;
	width:20px;
	height:20px;
	background-image:url(../imgs/flecha_der.png);
	background-position:left;
}

#bot-descarga a:hover{
	background-position:right;
}

/* CONTACTO */

#formulario li{
	list-style-type:none;
	text-decoration:none;
}

#formu1{
	display:block;
	float:left;
	width:20%;
	margin-top:53px;
	text-align:right;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:43px;
	padding-right:15px;
}

#formu2{
	display:block;
	float:left;
	padding-right:15px;
}

input{
	width:70%;
	border:1px solid #FFF;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background:none;
	padding:2px 4px 2px 4px;
	box-shadow:none;
}

textarea{
	resize:none;
	width:100%;
	border:1px solid #FFF;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background:none;
	padding:2px 4px 2px 4px;
	box-shadow:none;
}

button.submit { 
	background-color:#FFF;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	color: #004C8A;
	float:right;
	cursor:pointer;
	border:none;
	padding:2px 4px 2px 4px;
	margin-top:10px;
}

/* Textos */

h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
}

a{
	text-decoration:none;
	font-size:18px;
	color:#FFF;
}


h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
}

h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
}

/* Preloader */

#loading_div
{
	opacity: 0.9;
	background-color:#FFF;
	position: absolute;
	z-index: 999999;
	text-align: center;
	width: 100%;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
#loading_div h1
{
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#004C8A;
}

#loading_div #centrar
{
	height:100px;
	width:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-50px;
}

/* Alertas */

.alerta_ok
{
	color:#FFF;
}

.alerta_no
{
	color:#FFF;
	text-align:center;
}

#cerrar{
	float:right;
	cursor:pointer;
}