@charset "UTF-8";
/* selecctor universal */
* {
margin:0;
padding:0;
border:0;}


/* selecctores de etiquetas */

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

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

h5 {
text-align: left;
font-size:12px;
line-height:18px;
color:#EB008B;
font-weight:normal}

.small {
text-align: left;
line-height:16px;
font-size:9px;}

.small-bco{
color: #FFF;
text-align: left;
line-height:16px;
font-size:9px;}

a {
text-decoration:none;
color: #333;
font-size:12px;
line-height:20px;
padding-left:15px;}

.activo {
text-decoration:none;
color:#EB008B;
font-size:12px;
line-height:20px;
background-image: url(photos/bolita.png);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;}

a:hover{
text-decoration:none;
color:#EB008B;
background-image: url(photos/bolita.png);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;}

li {
list-style-type:none;
float:left;
margin-right:20px;}

h1 {
margin-bottom:15px;
font-size:20px;
color:EB008B}

h2 {
font-size:14px;
color:EB008B}

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

/* divs */

#contenedor{
margin:auto;
position:relative;
margin-top:10px;
height:560px;
width:800px;
border:#999;
border-width:1px;
border-style:solid;
border-radius: 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-bottom:20px;
-webkit-border-bottom: 20px;
}

#fondo-home{
margin:auto;
position:relative;
height:540px;
width:777px;
margin-top:10px;
border: #FFF;
border-width:1px;
border-style:solid;
border-radius: 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-bottom:20px;
-webkit-border-bottom: 20px;
background-image:url(photos/bk_home.jpg);
background-repeat:no-repeat;
}

#fondo{
margin:auto;
position:relative;
height:540px;
width:777px;
margin-top:10px;
border: #FFF;
border-width:1px;
border-style:solid;
border-radius: 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-bottom:20px;
-webkit-border-bottom: 20px;
background-image:url(photos/bk_otros.jpg);
background-repeat:no-repeat;
}

#logo{
position: absolute;
height:56px;
width:148px;
top: 45px;
left: 42px;}

#menu{
	position: absolute;
	height:102px;
	width:101px;
	top: 117px;
	left: 46px;
}

#lineamenu{
	position: absolute;
	height:110px;
	width:2px;
	top: 111px;
	left: 49px;
	background-color:#EB008B
}

#textohome{
position: absolute;
height:277px;
width:196px;
top: 89px;
left: 523px;}

#contactofoto1{
	position: absolute;
	height:160px;
	width:144px;
	top: 149px;
	left: 204px;
}

#contactofoto2{
	position: absolute;
	height:116px;
	width:110px;
	top: 270px;
	left: 32px;
}

#contactofoto3{
	position: absolute;
	height:116px;
	width:110px;
	top: 405px;
	left: 184px;
}

#contactofoto4{
	position: absolute;
	height:116px;
	width:110px;
	top: 337px;
	left: 374px;
}

#contactodatos{
	position: absolute;
	height:74px;
	width:224px;
	top: 46px;
	left: 535px;
}

.contacto {
text-align:center;
}


#formulario{
	position: absolute;
	height:378px;
	width:224px;
	top:140px;
	left: 535px;
}

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

.gracias {
text-align:center;
font-size:12px;
line-height:20px;
color: #EB008B
}

#form ol{
list-style:none;
}

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

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

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

#form input {
border:solid 1px #999;
height:20px;
width:200px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

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

#boton input.btn{
padding:3px;
background-color:#EB008B;
color: #FFF;
position:absolute;
left: 140px;
top: 336px;
width: 60px;
height:25px;
border:#FFF solid 1px;
border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-bottom:5px;
-webkit-border-bottom: 5px;
}


#error{
color:#EB008B;
position:absolute;
left: 1px;
top: 304px;
width: 131px;
font-size:10px;
height: 69px;
}

#promo1{
	position:absolute;
	width: 151px;
	height: 62px;
	left: 11px;
	top: 0px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_small.png);
	background-repeat:no-repeat}

#promo2{
	position:absolute;
	left: 11px;
	top: 90px;
	width: 151px;
	height: 62px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_small.png);
	background-repeat:no-repeat}
	
#promo3{
	position:absolute;
	left: 206px;
	top: 89px;
	width: 151px;
	height: 62px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_small.png);
	background-repeat:no-repeat}
	
#promo4{
	position:absolute;
	left: 206px;
	top: 0px;
	width: 151px;
	height: 62px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_small.png);
	background-repeat:no-repeat}

#promo5{
	position:absolute;
	left: 11px;
	top: 180px;
	width: 151px;
	height: 80px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_medium.png);
	background-repeat:no-repeat
}
	
#promo6{
	position:absolute;
	left: 206px;
	top: 180px;
	width: 151px;
	height: 80px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_medium.png);
	background-repeat:no-repeat
}
	
#promo7{
	position:absolute;
	left: 405px;
	top: 0px;
	width: 151px;
	height: 260px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_large.png);
	background-repeat:no-repeat
}

#promo8{
	position:absolute;
	left: 596px;
	top: 0px;
	width: 151px;
	height: 260px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-image:url(photos/promo_large.png);
	background-repeat:no-repeat
}


#descargapromo{
	position:absolute;
	width: 106px;
	height: 92px;
	left: 607px;
	top: 46px;
}
	
#textopromo{
	position:absolute;
	width: 200px;
	height: 396px;
	left: 508px;
	top: 46px;}

.promotit{
text-align: left;
line-height:16px;
color: #eb008b;}

.promotit-bco{
text-align: left;
line-height:16px;
color: #FFF;
font-weight:bold}


.textobco {
text-align: left;
line-height:16px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #FFF;
font-size:12px;}

#promociones{
	position: absolute;
	height:287px;
	width:779px;
	left: 1px;
	top: 260px;}

#promociones a{
text-decoration:none;
color: #eb008b;
font-size:10px;
background-image:none;
padding-left:0px;
}


#promociones a:hover{
text-decoration:none;
color: #333;
background-image: none;
padding-left:0px;
}


#textopromo li {
list-style-type:none;
float:left;
margin-left:15px;
margin-right:10px;
width: 230px;}


#textopromo ol {
width: 253px;
height: 300px;
}

#foto-servicios1 {
	position:absolute;
	left: -435px;
	top: 326px;
}

#foto-servicios2 {
	position:absolute;
	left: -250px;
	top: 96px;
}