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


* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; color:#435363;}
img, video { max-width:100%;}
h1, h2, h3, strong, input[type="submit"] { font-weight:700; }
input[type="submit"] { -webkit-appearance: none; border-radius:0;}

body { font-family: 'Open Sans', sans-serif; font-size:14px; color:#435363; background:#fff; font-weight:300;  }

#top, #banner, #nos, #noss-b, #serv, #contact, #pie, #footer { 
display:block; width:100%;}
#nos, #nos-b, #serv, #contact, #pie { padding:45px 0;}
.cont { width:960px; margin:0 auto;}

#top { height:84px; padding:24px 0; overflow:hidden;}
h1, #nav, #nav ul li { display:inline-block;  vertical-align:middle;}
h1 { width:30.5%;}
#nav {  /*padding-top:6px;*/ width:69%;}
#nav ul  { list-style:none;  font-weight:400; float:right;}
#nav ul li { padding-left:30px;}
#nav ul li a {color:#435363;}
#nav ul li a:hover { color:#0071CE;}

#banner { background: #000000 url(images/slide.jpg) no-repeat top center; overflow:hidden; height:400px; position:relative;}
#banner p { font-size:30px; color:#fff; font-style:italic; text-align:center; left:0; right:0; position:absolute; bottom:40px;}

h2 { font-size:36px; color:#0071CE; text-transform:uppercase; margin-bottom:33px; margin-top:-12px; text-align:center;  line-height:normal;}

#nos { padding-bottom:0;}
#nos .cont{ background:url(images/telefono.png) no-repeat bottom left; min-height:328px; /*padding-bottom:45px;*/}
#nos p { padding-left:246px; margin-bottom:20px; line-height:21px;}
#nos p span { color:#0071ce;}
#nos p:last-child { /*padding-top:24px;*/}
#nos ul { padding-left:246px;  color:#0071ce; list-style:none;}
#nos ul li { line-height:34px; background:url(images/icon-li.png) no-repeat left center; padding-left:40px;}

#nos-b { background:#EBECED;}
#nos-b h3 { font-size:18px; color:#0071CE; }
#nos-b ul { text-align:left; list-style:none;}
#nos-b ul li { width:49.7%; line-height:34px; background:url(images/icon-li.png) no-repeat left center; padding-left:40px; display:inline-block;}

.col3 {font-size:14px; display:inline-block; vertical-align:top; width:304px; text-align:center; margin-left:20px;}
.col3:first-of-type {margin-left:0px;}
.col3 h3 { padding:10px 0;}
.col1 { text-align:center;}
.col1:before { content:""; width:48px; height:1px; background:#0071CE; display:block; margin:44px auto; }
.col1 h3 { padding-bottom:24px;}

#serv {  }
/*#serv .cont{ background:url(images/telefono.png) no-repeat bottom right; min-height:325px; padding-bottom:45px;}
#serv p { display:inline-block; vertical-align:top; width:328px; line-height:21px; }
#serv p:last-child { width:386px;}
#serv span { padding-left:24px; display:block;}
#serv a { }*/
#serv span { display:block; vertical-align:top; width:100%; text-align:center;  }
#serv a:last-of-type { margin-right:0; }
#serv span img{ display:block;  margin:0 auto 24px auto;}
#serv a.uno, a.dos, a.tres, a.cuatro, a.cinco { width:17.8%; display: inline-block;color:#435363;margin-right:2.3%; padding-top:194px; vertical-align:top;
background-repeat:no-repeat !important; background-position:top center !important; background-size:100% !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
#serv a.uno { background:url(images/icon-serv1.png);}
#serv a.uno:hover { background:url(images/icon-serv1-on.png);}
#serv a.dos {background:url(images/icon-serv2.png);}
#serv a.dos:hover { background:url(images/icon-serv2-on.png);}
#serv a.tres {background:url(images/icon-serv3.png);}
#serv a.tres:hover { background:url(images/icon-serv3-on.png);}
#serv a.cuatro {background:url(images/icon-serv4.png);}
#serv a.cuatro:hover { background:url(images/icon-serv4-on.png);}
#serv a.cinco {background:url(images/icon-serv5.png);}
#serv a.cinco:hover { background:url(images/icon-serv5-on.png);}


.pop { width:960px;}
.pop h3 { color:#fff; font-size:36px; padding:32px 60px 38px 60px;  background:#0071ce; text-align:center; text-transform:uppercase;}
.pop .conten {padding:24px; background:#fff; }
.pop .foto { display:inline-block; vertical-align:top; margin-right:20px; width:280px;}
.pop .texto {display:inline-block; vertical-align:top; width:608px; }
.pop p { margin-bottom:20px; line-height:21px;  }
.pop span {color:#0071ce;}
.pop p:last-child { margin-bottom:0px;}

#contact, input, textarea, #pie { background:#435363;}
input,  textarea { padding:10px; color: #fff; font:inherit; margin-bottom:24px; border: solid 1px #6F7B88; }
input { display:inline-block; width:304px; margin-left:20px; height:36px;}
input:first-child { margin-left:0;}
textarea { display:block; width:100%; height:108px;}
input[type="submit"] {background:#0071CE; color:#fff; text-transform:uppercase; padding:0; border:none; margin:0; }
input[type="submit"]:hover { opacity:0.8;}
#contact p { color:#fff; width:652px; display:inline-block; vertical-align:middle;}
.boton a {background:#0071CE; color:#fff; text-transform:uppercase; color:#fff; font-size:14px; font-weight:700; display:block; line-height:36px; width:304px; text-align:center; margin:44px auto 0 auto;}
.boton a:hover { opacity:0.8;}

#pie, #pie a { color:#fff;}
#pie img{ padding-bottom:2px;}

#footer { background:#0071CE; color:#fff; font-size:12px; height:48px; line-height:48px;}
#footer p { width:69%; display:inline-block; vertical-align: middle;}
#footer p.right { text-align:right; width:30%;}
#footer a { color:#fff;}


@media screen and (max-width: 959px){
.cont { width:97%; }
h1 { width:30%;}
/*#nos p { padding:0px 25%; }*/
.col3, input { width:31.6%; margin-left:2%;}
#nos ul li { line-height:normal; padding-bottom:15px; vertical-align: top; background-position:left top;}
#nos-b ul li { line-height:normal; padding-bottom:15px; vertical-align: top; background-position:left top;}
#serv a.uno, a.dos, a.tres, a.cuatro, a.cinco { margin-right:2.2%;}
#serv p { width:30%;  }
#serv p:last-child { width:69%; padding-right:230px;}
#contact p { width:67.4%;}
.pop { width:100%;}
/*.pop h3 { padding:32px 0 38px 0; }*/
.pop .conten {padding:2.5%; }
.pop .foto { margin-right:2%; width:29%;}
.pop .texto { width:63%; }
}

@media screen and (max-width: 768px){
#serv a.uno, a.dos, a.tres, a.cuatro, a.cinco { padding-top:144px; margin-right:2.1%;}
/*#footer p {width:49.6%;}*/
}

@media screen and (max-width: 684px){
.col3, input { width:31.6%; margin-left:1.8%;}
#nos-b ul li { width:49.5%;}
.pop h3 { font-size:30px; }
}

@media screen and (max-width: 640px){
#nav ul li { padding-left:14px;}
#serv a.uno, a.dos, a.tres, a.cuatro, a.cinco { padding-top:114px; margin-right:1.8%;}
#serv .cont{ background:none;}	
#serv p { width:35%;  }
#serv p:last-child {width:64%; padding-right:0px;}
/*#footer p {width:68%;}
#footer p.right {width:31%;}*/
}

@media screen and (max-width: 568px){
#nav ul li { padding-left:11px;}
#nos .cont{ background:none;}	
#nos p, #nos ul { padding-left:0;}
.col3, input, #contact p { display:block; width:100%; margin-left:0;  margin-bottom:24px;}
#serv a.uno, a.dos, a.tres, a.cuatro, a.cinco  { margin-right:auto !important; display:block; width:170px;  margin-bottom:24px; margin-left:auto; padding-top:194px;}
}

@media screen and (max-width: 480px){
#top { height:auto;}
h1, #nav { display:block;  width:100%; text-align:center;}	
h1 { margin-bottom:10px; }
#nav ul { margin-left:-14px;float:none;}
#banner p { font-size:24px;}
#serv p, #serv p:last-child { width:49%;}
#footer{ padding:12px 0; line-height:normal; height:auto;}
#footer p, #footer p.right {width:100%; display:block; text-align:center;}
#footer p.right { margin-top:5px;}
}

@media screen and (max-width: 409px){
#nos-b ul li, #serv p, #serv p:last-child  { display:block; width:80%; margin: 0 auto;}
#serv p:last-child { margin-top:20px;}
}

@media screen and (max-width: 384px){
#nav ul li { padding-left:10px;}
#nos-b ul li, #serv p, #serv p:last-child  { width:90%; }
.pop .foto { margin-right:auto; width:100%; display:block; margin-left:auto; margin-bottom:20px; max-width:280px;}
.pop .texto { width:100%; display:block;  }
.pop h3 { font-size:26px;  padding-left:10px;}
}

@media screen and (max-width: 342px){
#banner p {bottom: 15px;}

}