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

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

{
width:1000px;
height:100%;
margin:auto;
background-color: #FFF;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
font-size: 13px;
line-height:16px;
background-image: url(imagenes/fondo.png);
background-repeat:repeat;
font-weight:normal;
}

body{
width:1000px;
height:100%;
margin:auto;
background-color: #333;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
font-size: 13px;
line-height:16px;
font-weight:normal;
}

p{
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
line-height:18px;
font-weight:normal;
text-align: justify;
margin-bottom:10px;
}


li{
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
line-height:18px;
font-weight:normal;
text-align: justify;
margin-bottom:10px;
background-image:url(imagenes/flechita.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
list-style:none
}



#linea_arriba
{width:980px;
height:34px;
margin:auto;
background-color: #00A2AB;
text-align:right;
font-size:16px;
padding-top:19px;
}

#linea_arriba li{
display: inline;
margin-right:23px;
margin-left:10px;
}


#linea_arriba li a{
display: inline;
color:#FFF;
text-decoration:none;
}

#header
{width:940px;
height:80px;
margin:auto;
background-color: #FFF;
padding:20px;
}

#socialmedia
{width:100px;
height:65px;
float:left;
text-align:center;
margin-top:20px;
margin-left:220px;
}

#logo
{width:220px;
height:80px;
float:left;
margin-right:400px;
}

#textos
{width:auto;
height:auto;
float:left;
padding:10px;
margin-right:50px;
margin-bottom:10px;
}


#textosmall
{width:435px;
height:200px;
float:left;
padding:10px;
margin-right:50px;
margin-bottom:10px;
}

#textosmall2
{width:380px;
height: 250px;
float:left;
padding:10px;
margin-right:10px;
margin-bottom:10px;
}

#servicios
{width:205px;
height: 125px;
float:left;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
text-align:left;
border-bottom:#CCC solid 1px;
padding-left:40px;
background-image: url(imagenes/ico.jpg);
background-repeat: no-repeat;
background-position:left top
}


.serv{
text-align: left;
font-size:15px;
color:#666;
line-height:16px;
}

.servbig{
text-align: left;
font-size:15px;
color:#00A2AB;
line-height:25px;
}

.servtext{
text-align: left;
font-size:13px;
color:#333;
line-height:16px;
margin-bottom:10px
}


#socias
{width:780px;
height: auto;
float:left;
margin:auto;
text-align:center;
margin-bottom:30px;
margin-top:30px;
}


#socia
{width:auto;
height: auto;
float:left;
padding:10px;
border-radius: 10px;
border:#00A2AB 2px solid;
margin-right:30px
}


.socia a{
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	list-style:none
}

.socia a:hover{
		font-weight:bold;
	font-style:italic;
	text-decoration:none
}

.socia{
	font-weight:bold;
	font-style:italic;
	}

#header-foto
{width:980px;
margin:auto;
background-color: #FFF;
}




#menu {width:960px;
height:42px;
margin:auto;
padding-right:20px;
background-image:url(imagenes/botonera.jpg);
background-repeat:no-repeat;
background-color:#00A2AB
}



#menu li {
list-style-type:none;
width:150px;
height:32px;
text-align:center;
font-size:16px;
color:#FFFFFF;
float:right;
padding-top:10px;
margin-left:5px;
}

#menu a {text-decoration:none;
display:block;
}

#menu a{
color: #FFF;
font-size:16px;
text-decoration:none;
display:block;
}
	

#menu li a:link {color:#FFF;}
#menu li a:visited {color:#FFF;}
#menu li a:hover {background-color:#80D0D5;
list-style-type:none;
width:150px;
height:32px;
text-align:center;
font-size:16px;
color:#FFFFFF;
float:right;
padding-top:10px;
margin-top:-10px;
margin-left:5px;}

.activo-menu{
background-color:#80D0D5;
list-style-type:none;
width:150px;
height:32px;
text-align:center;
font-size:16px;
color:#FFFFFF;
float:right;
padding-top:10px;
margin-top:-10px;
margin-left:5px;
}

.contacto-menu{
text-align:center;
font-size:16px;
color:#00A2AB;
text-decoration:none;
}

h2{
text-align: left;
font-size:20px;
color:#00A2AB;
border-bottom: #80D0D5 1px   solid;
padding-bottom:5px;
}

h3{
text-align: left;
font-size:18px;
color:#00A2AB;
border-bottom: #80D0D5 1px   solid;
padding-bottom:5px;
margin-bottom:5px;
}

h4{
text-align: left;
font-size:15px;
color:#00A2AB;
padding-bottom:5px;
margin-bottom:5px;
line-height:20px;
background-color: #CAE8E6;
padding:5px
}






.confian{
text-align: center;
font-size:18px;
color:#00A2AB;
padding-bottom:5px;
}



.titulos{
text-align: left;
font-size:16px;
color:#00A2AB;
}

.titulos-centrado{
text-align: center;
font-size:16px;
color:#00A2AB;
}

.gracias{
text-align: left;
font-size:18px;
color:#00A2AB;
padding-bottom:5px;
font-style:italic
}

#contenido{
width:980px;
height:auto;
background-color:#FFF;
box-shadow:#666;
-webkit-box-shadow: 0 0 10px rgb(0,0,0);   
-moz-box-shadow: 0 0 10px rgb(0,0,0);    
box-shadow: 0 0 10px rgb(0,0,0);
display: inline-block;
 }

#for2{
width:400px;
height:auto;
text-align: right;
float:left;
margin-bottom:20px;
margin-right:180px;
 }
 
 #face{
width:320px;
height:430px;
text-align: right;
float:left;
margin-bottom:20px;
 }
 
#centro{
width:915px;
height:auto;
padding:30px;
text-align: center;
 }
 
#centro-imagenes{
width:800px;
height:auto;	 
margin:auto;
text-align:center
 }




#centro a
{
text-align: left;
font-size:13px;
color:#333;
text-decoration:none;
background-image:url(imagenes/flechita.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
margin-bottom:10px;
}

#centro a:hover
{
text-align: left;
font-size:13px;
color:#00A2AB;
text-decoration: underline;
background-image:url(imagenes/flechita.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
margin-bottom:10px;
}







#centro-foto
{width:314px;
margin-top:10px;
height:100%;
background-color: #FFF;
float:left
}

#centro-texto
{width:525px;
margin-right:60px;
margin-top:10px;
height:100%;
background-color: #FFF;
float:left
}

#centro-texto2
{width:640px;
margin-top:10px;
height:100%;
background-color: #FFF;
float:left
}




#pie {width:960px;
height:70px;
margin:auto;
padding-right:20px;
background-color:#CCC;
text-align:center;
padding:10px;
color:#666;
font-size:12px;
float:left
}

#pie a{
margin:auto;
padding-right:20px;
text-align:center;
padding:10px;
color:#666;
font-size:12px;
text-decoration:none
}

#pie a:hover{
margin:auto;
padding-right:20px;
text-align:center;
padding:10px;
color:#666;
font-size:12px;
text-decoration: underline
}


#formulario
{width:450px;
height:475px;
margin-left:120px;
float:left
}

input{
width:200px;
height:28px;
margin-bottom:15px;
float:left;
font-size:12px;
}

textarea{
width:380px;
height:170px;
margin-bottom:15px;
float:left;
font-size:12px;
}

submit{
width:100px;
height:30px;
float:left;
color: #999;
font-size:14px;
}

#boton input.btn{
padding:3px;
background-color:#999;
color:#FFF;
width: 100px;
height:30px;
float:left;
}



#menu_qh
{
width:490px;
height:55px;
float:right
}


#menu_qh li {
list-style-type:none;
width:120px;
height:55px;
float:right;
margin-left:2px;
}

#menu_qh a{
width:120px;
height:20px;
color: #FFF;
font-size:12px;
text-align:center;
text-decoration:none;
display:block;
background-image: url(imagenes/menuqh.png);
background-repeat:no-repeat;
list-style-type:none;
padding-top:10px;
padding-bottom:10px;
}