@charset "UTF-8";
header, nav, section, article, aside, footer { display:block; }
body { background: url(images/backgr-body.png) repeat-x; font-family: 'Quattrocento Sans', Arial; font-size: 16px; color: #02166D; }
.clear { clear: both; }
header { height: 125px; position: relative; }
header .logo { position: absolute; top: 22px; }
header .tels { position: absolute; text-align: left; top: 45px; color: #4DF2FD; right: 0px; background: url(images/icon-tel.png) no-repeat 0px 5px; padding-left: 22px; font-size: 20px; line-height: 24px; }
header .tels span{ color: #FFFFFF; }
#wrapHead { width: 980px; margin: 0px auto; position: relative; }
.menu{ margin:0 auto; width: 980px; clear: both; z-index:100; position: relative; }


nav ul { float: left; width: 100%; }
nav ul li { float:left; display:block; }
nav ul li a { display:block; padding:18px 55px 18px 0px; color:#262931; font-size: 14px; text-decoration: none; text-transform: uppercase; }
nav ul li a:hover { padding:18px 55px 18px 0px; color:#0D8EFC; font-size: 14px; text-decoration: none; text-transform: uppercase; }
nav ul li.last a { display:block; padding:18px 0px; color:#262931; font-size: 14px; text-decoration: none; text-transform: uppercase; }
nav ul li.last a:hover { color:#0D8DFC; }

nav ul li ul { position:absolute; background:#eaeaea; width: 200px; }
nav ul li ul li { margin:0; width: 100%; }
nav ul li ul li a { display:block; color:#000000; font-size: 13px; padding: 10px; }
nav ul li ul li:hover a { color: #0D8DFC; padding: 10px; font-size: 13px; }
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;}
#wrapSlider { background: #fafafa; border-top: solid #e6e6e6 1px; }

#slider { height: 400px; z-index: 1; margin: 0px auto; width: 980px; }
.fadein { position:relative; height:400px; width:980px; }
.fadein img { position:absolute; left:0; top:0; }
#infohm { margin: 0px auto; width: 980px; color: #333; padding: 40px 0px; text-align: center; }
#infohm h1 { color: #09257c; font-size: 24px; text-transform: uppercase; }
#servicioshm { padding: 32px 0px 32px 0px; width: 980px; margin: 0px auto; overflow: hidden; }
.titlehm { color: #333; text-transform: uppercase; background: url(images/plequitaBlue.png) no-repeat right, url(images/puntitos-title.png) repeat-x 6px; font-size: 14px; margin-bottom: 32px; }
.titlehm2 { background-color: #FFF; padding-right: 18px; }
.titlehm3 { color: #333; text-transform: uppercase; background: url(images/plequitaBlue.png) no-repeat right, url(images/puntitos-title.png) repeat-x 6px; font-size: 14px; margin-bottom: 5px; }
.boxService { width: 180px; text-align: center; margin-right: 20px; float: left; font-size: 15px; padding-top: 22px; background-color: #FAFAFA; }
.boxrght { margin-right: 0px; float: left; }
.boxService img{ margin-top: 18px; }
#wrapBottom { width: 980px; margin: 0px auto; overflow: hidden; padding-bottom: 25px; }
#proyectoshm { padding: 0px; overflow: hidden; margin-bottom: 30px; }
.boxProyect { width: 320px; float: left; font-size: 14px; position: relative; margin-bottom: 40px; padding-right: 6px; }
.boxProyect img{ float: left; margin-right: 10px; }
.mas1 { color: #EE633D; position: absolute; top: 64px; left: 130px; }
.mas1 a{ color: #EE633D; text-decoration: none; }
.separa { background: url(images/plequitaBlue.png) no-repeat right, url(images/puntitos-title.png) repeat-x 6px; height: 16px; margin: 40px 0px; }
#wraph1 { background: #fafafa; padding: 38px; }
#maintitle { margin: 0px auto; width: 980px; color: #333; }
#maintitle h1 { color: #09257c; font-size: 24px; text-transform: uppercase; }
#mainInfo { padding: 0px; width: 670px; overflow: hidden; float: left; padding-bottom: 10px; line-height: 22px; text-align: justify; }
#mainInfoPoliticas { padding: 0px; width: 100%; overflow: hidden; float: left; padding-bottom: 10px; line-height: 22px; text-align: justify; font-size: 14px; }
#mainInfo .imgmain { margin-bottom: 30px; }
#mainInfo .map { margin-bottom: 30px; }
#mainInfo .boxrep { margin-bottom: 30px; font-size: 15px; line-height: 18px; padding-bottom: 20px; }
#mainInfo .boxrep img { margin-bottom: 30px; float: left; margin-right: 25px; }
#contacto { width: 980px; padding: 0px; margin: 0px auto; }
#contacto .txtcontact { font-size: 14px; }

#contacto2 { width: 255px; float: right; padding: 0px; }
#contacto2 .txtcontact2 { font-size: 14px; }
#contacto2 .txtcontact2snd { font-size: 20px; text-align: center; }

#sliderProyect { padding: 0px; width: 670px; overflow: hidden; float: left; padding-bottom: 10px; line-height: 22px; text-align: justify; }
.boxSliderProyect { color: #339; }
#wrapContact { color: #336; border-top: solid #e6e6e6 1px; background-color: #FAFAFA; padding: 25px 0px; }
#wrapFooter { clear: both; background: #0c2275; color: #FFF; padding: 25px 0px; overflow: hidden; }
#footer { margin: 0px auto; width: 980px; font-size: 14px; }
#footer .legal { float: left; }
#footer .privacy { float: right; }
#footer .privacy a{ color: #FFF; text-decoration: none; }



/*----------------- FORMULARIO -------------------*/

.formhm { width:100%; padding: 2px 0px; margin-top: 8px; text-align: left; }

.form-a2{ float: left; width: 480px; }
.form-b2{ float: right; width: 470px; }

.labelhm { width: 75px; font-size: 14px; font-weight: normal; display: block; float: left; color: #333; padding: 7px 0px; }
.inputhm , .textareahm { width: 385px; margin-bottom: 20px; color: #333333; font-size: 13px; background-color: #F3F3F3; border: solid #f3f3f3 1px; height: 30px; display: inline-block; }

.textareahm { height: 135px; margin-bottom: 5px; }

#submit2 { width: 140px; background-color: #0D8DFC; color: #FFFFFF; font-weight: normal; cursor: pointer; border: 0; float: right; font-size: 18px; height: 30px; margin-right: 4px; border-radius: 2px; }
::-webkit-input-placeholder {
	font-style: italic;
	color: #ccc;
	font-size: 12px;
}
::-moz-placeholder {
    font-style: italic;
	color: #ccc;
	font-size: 12px;
}
:-ms-input-placeholder {
    font-style: italic;
	color: #ccc;
	font-size: 12px;
}


/*CSS formulario de Contacto*/

form { width:255px; padding-top: 7px; overflow: hidden; }

label { display:block; margin-top:4px; letter-spacing:0px; width:55px; font-size: 14px; float: left; }
 
input, textarea { width:250px; height:24px; background:#f8f8f8; border:1px solid #fff; padding:2px; margin-top:2px; font-size:10px; border-radius: 6px; margin-bottom: 2px; }
 
textarea { height:85px; }
 
#submit { width:130px; height:30px; border:none; margin-top:3px; background-color: #0D8DFC; color: #fff; cursor:pointer; font-size: 14px; border-radius: 2px; margin-left: 100px; float: right; }