@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0}
header{
	width:100%; overflow:auto; margin:0px auto; background-image:url(imagenes/portada.jpg); background-size: 100% 100%
}
#logo{ 
    width:100%; text-align: center;
}
#logo img{
	text-align:center
}
#redes{
	width:45%; text-align:right; float:left
}
main{
	width:100%; overflow: hidden
}
#portada{
	width:100%; overflow:auto; padding: 0px 0px 20px 0px
}
#formulario{
	width:30%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF
}
#formulario a{ text-decoration:none; color:#FFF}
form{margin: 0; padding:0px }
 
   label{float:left; clear:left;margin:11px 20px 0 0; width:95px; text-align:right; 
font-size:16px; color:#FFF; text-transform:uppercase; 
}
input{width:200px; height:20px; padding:5px 20px 0px 20px; margin: 0 0 10px 0; 
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#000; text-transform:uppercase; text-shadow:0px -1px 0px #334f71
}
#enviar{width:200px; height:40px; padding:5px 20px 0px 20px; margin: 0 0 10px 0; 
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#FFF; text-transform:uppercase; text-shadow:0px -1px 0px #334f71;
background: #666
}
#contratar{width:100px; height:40px; padding:5px 20px 0px 10px; margin: 0 0 10px 0; 
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#FFF; text-transform:uppercase; text-shadow:0px -1px 0px #334f71;
background:#603001
} 

textarea{width:210px;height:80px; padding:12px 20px 0px 12px; margin: 0 0 10px 0;
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#000; text-transform:uppercase; text-shadow:0px -1px 0px #334f71
}

input[type=submit]{width:185px; height:55px; float:left; padding: 10px 15px; 
margin: 0 15px 0 0; cursor: pointer; background:#02a29a
}
     
#empresa{
	width:90%; overflow:auto; margin:5%
}
#empresa img{
	width:40%; margin:10px; float:left
}
#empresa h1{
	font-family:Arial, Helvetica, sans-serif; font-size:28px; text-align:center; font-stretch:10px; letter-spacing: 18px;
}
#empresa h2{
		font-family:Arial, Helvetica, sans-serif; font-size:22px; text-align:center; letter-spacing: 6px;
}
#empresa p{
		font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:3%; text-align:justify
}
#servicios{
	width:95%; background-color:#f4f3f3; overflow:auto; margin:5px auto; padding:4%
}
#servicios h1{
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
}

#servicio{
	width:20%; float:left; padding:2%
}
#servicio h1{
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
}
#servicio p{
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
}
#servicio a{
	width:90%; text-align:center; background-color:#333; color:#FFF; text-decoration:none; padding:10px 20px; border-radius:5px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
}

figure img{
	width:100%; margin:0; padding:0
}

figure{
	width:100%; margin:0; padding:0
}

figcaption{
	width:100%; height:180px
}

#mapa{
	width:100%; overflow:hidden; margin:0; padding:0
}

footer{
	width:100%; overflow:auto; padding:0 2.5%
}
#logofooter{
	width:30%; float:left; padding:5% 0
}
#telefonosfooter{
	width:30%; float:left; padding:5% 0
}
#telefonosfooter h1{
	font-family:Arial, Helvetica, sans-serif; font-size:22px; margin:40px 0px
}
#telefonosfooter p{
	font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0 20px
}
	
#formulariofooter{
	width:35%; float:left
}
@media screen and (max-width:800px){
	header{
	width:100%; overflow:auto; margin:0px auto; background-image:url(imagenes/portada.jpg); background-size: 100% 100%
}
#logo{ 
    width:100%; text-align: center;
}
#logo img{
	text-align:center
}
#redes{
	width:45%; text-align:right; float:left
}
main{
	width:100%; overflow: hidden
}
#portada{
	width:100%; overflow:auto; padding: 0px 0px 20px 0px
}
#formulario{
	width:90%; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF
}
form{margin: 0; padding:0px }
 
   label{float:left; clear:left;margin:11px 20px 0 0; width:95px; text-align:right; 
font-size:16px; color:#FFF; text-transform:uppercase; 
}
input{width:200px; height:20px; padding:5px 20px 0px 20px; margin: 0 0 10px 0; 
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#000; text-transform:uppercase; text-shadow:0px -1px 0px #334f71
}
#enviar{width:200px; height:40px; padding:5px 20px 0px 20px; margin: 0 0 10px 0; 
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#FFF; text-transform:uppercase; text-shadow:0px -1px 0px #334f71;
background: #666
}
#contratar{width:100px; height:40px; padding:5px 20px 0px 10px; margin: 0 0 10px 0; 
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#FFF; text-transform:uppercase; text-shadow:0px -1px 0px #334f71;
background:#603001
} 

textarea{width:210px;height:80px; padding:12px 20px 0px 12px; margin: 0 0 10px 0;
background:#FFF; border-radius:5px; font-family: Calibri; font-size:16px;
color:#f2f2f2; text-transform:uppercase; text-shadow:0px -1px 0px #334f71
}

input[type=submit]{width:185px; height:55px; float:left; padding: 10px 15px; 
margin: 0 15px 0 0; cursor: pointer; background:#02a29a
}
     
#empresa{
	width:90%; overflow:auto; margin:5%
}
#empresa img{
	width:90%; margin:10px; float:left
}
#empresa h1{
	font-family:Arial, Helvetica, sans-serif; font-size:28px; text-align:center; font-stretch:10px; letter-spacing: 18px;
}
#empresa h2{
		font-family:Arial, Helvetica, sans-serif; font-size:22px; text-align:center; letter-spacing: 6px;
}
#empresa p{
		font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:3%; text-align:justify
}
#servicios{
	width:95%; background-color:#f4f3f3; overflow:auto; margin:5px auto; padding:4%
}
#servicios h1{
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
}

#servicio{
	width:90%; float:left; padding:2%
}
#servicio h1{
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
}
#servicio p{
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
}
#servicio a{
	width:90%; text-align:center; background-color:#333; color:#FFF; text-decoration:none; padding:10px 20px; border-radius:5px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
}

figure img{
	width:100%; margin:0; padding:0
}

figure{
	width:100%; margin:0; padding:0
}

figcaption{
	width:100%; height: auto
}

#mapa{
	width:100%; overflow:hidden; margin:0; padding:0
}

footer{
	width:100%; overflow:auto; padding:0 2.5%
}
#logofooter{
	width:80%; padding:5% 0; text-align:center
}
#telefonosfooter{
	width:80%; padding:5% 0; text-align:center
}
#telefonosfooter h1{
	font-family:Arial, Helvetica, sans-serif; font-size:22px; margin:40px 0px
}
#telefonosfooter p{
	font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0 20px
}
	
#formulariofooter{
	width:90%; float:left
}

}