@charset "UTF-8";

/* selecctor universal */
* {
margin:0;
padding:0;
border:0;}


/* selecctores de etiquetas */

body {
background-color: #ebebed;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #666;
font-size:11px;
height: 100%
}

p {text-align: left;
line-height:16px;}

a {
text-decoration:none;
color:#666}


li {
list-style-type:none;
float:left;
margin-right:20px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;}

h1 {
border-bottom:1px dotted #999999;
margin-bottom:15px;
font-size:20px;}

h2 {
border-bottom:1px dotted #999999;
font-size:14px;}

h3 {
font-size:11px;
font-weight:bold}

/* selecctor de id  */

#bk{
background-color:#FFF;
background-image:url(photos/bk.png);
background-repeat:repeat-y;
position:relative;
width: 855px;
height:620px;
margin:auto;
}

#contenedor{
background-color:#FFF;
position:relative;
width: 700px;
height:620x;
margin:auto;
}


#lineaabajo{
background-color: #eb008b;
position:absolute;
margin-bottom:0px;
width: 700px;
height: 15px;
margin-top:605px;
text-align:center
}

#lineaarriba{
background-color: #eb008b;
position:absolute;
margin-bottom:0px;
width: 700px;
height: 4px;
margin-top:0px;
text-align:center
}

#arriba-botonera{
	background-color: #00688f;
	position:absolute;
	width: 162px;
	height: 92px;
	margin-left: 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius: 10px;
	left: -6px;
	top: -12px;
}

.pie{
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#FFF;
text-align:center}


#menu{
	position:absolute;
	width: 150px;
	height:265px;
	background-color: #eb008b;
	top: 59px;
	left: 20px;
	border-bottom:1px solid # FFF;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius: 10px;
}

ul{margin:auto;
width:154px;
height:40px;
margin-top:20px;
}

li{
background-color:#eb008b;
width:150px;
height:40px;
margin-right:10px;
text-align:center;
border-bottom:1px solid #FFF;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius: 10px;
}

a:hover{
color: #eb008b;
background-color:#FFF;
border:1px solid #eb008b;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius: 10px;}

a{
text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
color:#FFFFFF;
width:128px;
height:30px;
display: block;
padding-top:10px;
padding-left:20px;
}

.activo{
text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
width:128px;
height:30px;
display: block;
padding-top:10px;
padding-left:20px;
color: #eb008b;
background-color:#FFF;
border:1px solid #eb008b;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius: 10px;}
	  
#imagen{
	background-color:#FFF;
	border: 1px #0071BC solid;
	position:absolute;
	width: 235px;
	height: 550px;
	margin-left: 200px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius: 10px;
	left: -6px;
	top: -11px;
}

#texto{
	position:absolute;
	width: 220px;
	height: 550px;
	margin-left: 400px;
	padding-left:40px;
	padding-right:10px;
	left: 13px;
	border: 1px #CCC solid;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius: 10px;
	background-image: url(photos/fondotexto.jpg);
	background-repeat:no-repeat;
	top: -11px;
}

#textocontacto{
	position:absolute;
	width: 220px;
	height: 550px;
	margin-left: 400px;
	padding-left:40px;
	padding-right:10px;
	left: 13px;
	border: 1px #CCC solid;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius: 10px;
	background-image: url(photos/fondotexto.jpg);
	background-repeat:no-repeat;
	top: -11px;
}

#logo{
	position:absolute;
	width: 179px;
	height: 63px;
	left: 30px;
	top: 93px;
}

#foto{
position:absolute;
width: 205px;
height: 161px;
left: 16px;
top: 384px;
text-align:center
}

#fotovp{
	position:absolute;
	width: 205px;
	height: 161px;
	left: 17px;
	top: 326px;
	text-align:center
}

#descargas{
	position:absolute;
	width: 200px;
	height:170px;
	top: 431px;
	left: 48px;}
	
	#tarifas{
	position:absolute;
	width: 200px;
	height:329px;
	top: 301px;
	left: 48px;
}


#texto ul{
margin:auto;
width:200px;
height:25px;
margin-top:30px;
margin-left:10px;
}

#texto li{
background-color:#FFF;
width:200px;
height:25px;
text-align:left;
border:0px;
}

#texto a:hover{
color: #00688f;
font-weight: bold;
font-size:11px;
background-color:#FFF;
border:0px;
text-align:left;}

#texto a{
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
text-align:left;
color:#00688f;
width:180px;
height:22px;
display: block;
}

#icono-descarga{
	position:absolute;
	width: 28px;
	height:30px;
	top: 0px;
	left: 0px;
}

#texto-descarga{
	position:absolute;
	width: 170px;
	height:17px;
	top: 4px;
	left: 35px;
}

#formulario{
	position:absolute;
	width: 213px;
	height:388px;
	top: 160px;
	left: 37px;
}

#gracias{
	position:absolute;
	width: 213px;
	height:118px;
	top: 268px;
	left: 37px;
	text-align: center;
	font-size: 12px;
	line-height:18px;
	color: #eb008b;
}

#form ol{
list-style:none;
}

#form ol li{
padding-bottom:5px;
background-color:#FFF;
font-weight:normal;
font-size:11px;
color:#666;
}

#form ol li label{
width:120px;
float:left;
text-align:left;
color:#666;
background-color:#FFF;
}

#form input[type=text]{
background-image: url(photos/formulario_relleno.jpg);
background-repeat:no-repeat;
background-color:#CCC;
border:solid 1px #999;
height:20px;
width:200px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00688f;
}

#form input {
background-image: url(photos/formulario_relleno.jpg);
background-repeat:no-repeat;
background-color:#CCC;
border:solid 1px #999;
height:20px;
width:200px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00688f;
}

#form textarea {
background-image: url(photos/formulario_relleno.jpg);
background-repeat: repeat-y;
background-color:#CCC;
border:solid 1px #999;
height:100px;
width:200px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00688f;}

#boton input.btn{
	padding:3px;
	background-color:#00688f;
	border-color:#00688f;
	color:#00688f;
	position:absolute;
	left: 118px;
	top: 336px;
	width: 78px;
}


#error{
	color:#00688f;
	position:absolute;
	left: 1px;
	top: 330px;
	width: 108px;
	font-size:10px;
	height: 43px;
}

#logos{
	position:absolute;
	margin-bottom:0px;
	width: 674px;
	height: 34px;
	margin-top:605px;
	text-align:center;
	top: -50px;
	left: 14px;
	text-align:center
}