html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a{
	text-decoration:none;
	color:inherit;
}

body{
	background-color: #E6E6E6;
	font:Arial, Helvetica, sans-serif;
}
#page{
	width:100%;
}


h1{
	font-size:3em;
}
h2{
	font-size:2em;
}
h3{
	font-size:1.5em;
}



header{
	width:100%;
	padding: 1.5em 0 1.5em 0;
	float:left;
}
#headerCont{
	width:90%;
	margin:auto;
}
#logo{
	width: 26.5319166666666667%;
	float:left;
}
#logo img{
	max-width:100%;
}
#menico{
	display:none;
	cursor:pointer;
}
.navMenu{
	float:right;
	color: #2C3178;
	font-size:1.2em;
	margin-top:1.5em;
	width:60.0939375%;
}
#navid ul{
	text-align:right;
}
#navid ul li{
	display:inline;
	margin-left: 5.41625%;
}
#navid ul li a:hover{
	color:#999;
	transition: 0.3s;
	-webkit-transition:0.3s;
}
#navLogo{
	display:none;
}

#main{
	width:100%;
	float:left;
}
#mainCont{
	overflow:hidden;
}
#banner{
	width:300%;
	position:relative;
	min-height:1px;
	overflow:hidden;
	left:0;
	transition:0.5s;
	-webkit-transition:0.5s;
}
#bannerSec{
	width:100%;
	position:relative;
	min-height:1px;
	overflow:hidden;
	left:0;
}
.partBanner{
	width:33.333333333333333%;
	float:left;
	position:relative;
}
.partBanner img{
	max-width:100%;
}
.partBanner div{
	width:40%;
	float:left;
	position:absolute;
	color:#FFFFFF;
	left:5%;
	padding:3em 0 0 3em;
	font-size:1.9em;
}
.partBanner div p{
	margin-bottom:0.5em;
}
.partBanner div a{
	font-size:0.5em;
	border:solid 1px #FFFFFF;
	margin-top:1em;
	padding:0.6em;
	background-color:#FFFFFF;
	color:#000000;
}
.partBanner div a:hover{
	background-color:#2C3178;
	color:#FFF;
	transition:0.5s;
	-webkit-transition:0.5s;
}
#bannerNavs{
	width:100%;
	height:250px;
	float:left;
	position:relative;
}
#bannerNavs div{
	color:#FFF;
	width:40%;
	float:left;
	position:absolute;
	left:1%;
	padding:3em 0 0 1em;
	font-size:1em;
	z-index:10;
}
#bannerNavs img{
	max-width:100%;
	position:relative;
	top:-50%;
}
#content{
	width:90%;
	margin:1em auto 1em auto;
	min-height:1px;
	overflow:hidden;
}
.service{
	float:left;
	background-color: #B3B3B3;
	position:relative;
	overflow:hidden;
	border:none;
}
.service div{
	position:absolute;
}
.service:hover{
	background-color: #5B62A5;
	transition:0.5s;
	-webkit-transition:0.5s;
	color:#FFFFFF;
}
.service:nth-child(1), .service:nth-child(2){
	width:49.4471318426104506%;
}
.service:nth-child(3),.service:nth-child(4),.service:nth-child(5){
	float:left;
	width: 32.5545596520353871%;
	margin-top:0.5em;
}
.service:nth-child(2){
	margin-left:1.1057363147790988%;
}
.service:nth-child(4),.service:nth-child(5){
	margin-left:1.16816052194691935%;
}
.service div{
	padding:2em;
}
.service div h2{
	font-size:2em;
}
.service img{
	max-width:100%
}

footer{
	width:100%;
	float:left;
}
#dir{
	margin:auto;
	text-align:center;
	padding-bottom:0.8em;
	color:#808080;
	line-height:1.2em;
}
#reg{
	margin:auto;
	text-align:center;
	padding-bottom:0.5em;
	font-size:0.5em;
	color:#666666;
}

/*Servicios*/

#principales{
	width:100%;
	min-height:1px;
	overflow:hidden;
	margin: 1em 0 2em 0;
}
#principales h1{
	font-size:2em;
}
#principales .divPrinc{
	float:left;
	width:32.33333333%;
}
#principales .divPrinc:nth-child(2), #principales .divPrinc:nth-child(3){
	margin-left:1.5%;
}
#principales img{
	max-width:100%;
}
#principales ul{
	margin-top:0.5em;
	min-height:30px;
}
#trabajos{
	width:100%;
	min-height:1px;
	overflow:hidden;
	margin: 1em 0 2em 0;
}
#trabajos .divTrab{
	width:49.2%;
	float:left;
}
#trabajos .divTrab:nth-child(2){
	margin-left:1.5%
}
#trabajos div h2{
	margin-bottom:0.5em;
	font-size:2em;
}
#trabajos div ul{
	float:left;
	width:50%;
	min-height:50px;
}
#trabajos div img{
	max-width:100%;
	margin-top:0.5em;
}
.divReel{
	width:100%;
	overflow:hidden;
	margin-top:0.5em;
}
.reelCont1{
	width:200%;
	position:relative;
	left:0;
	transition:0.5s;
	-webkit-transition:0.5s;
}
.reelCont1 div{
	width:50%;
	float:left;
}
.reelCont2{
	width:400%;
	position:relative;
	left:0;
	transition:0.5s;
	-webkit-transition:0.5s;
}
.reelCont2 div{
	width:25%;
	float:left;
}
.reelCont3{
	width:100%;
	position:relative;
	left:0;
	transition:0.5s;
	-webkit-transition:0.5s;
}
.reelCont3 div{
	width:100%;
	float:left;
}
.reelCont4{
	width:1200%;
	position:relative;
	left:0;
	transition:0.5s;
	-webkit-transition:0.5s;
}
.reelCont4 div{
	width:8.33333333333%;
	float:left;
}
.reelCont5{
	width:500%;
	position:relative;
	left:0;
	transition:0.5s;
	-webkit-transition:0.5s;
}
.reelCont5 div{
	width:20%;
	float:left;
}

/*Materiales*/

#tablasMateriales{
	width:100%;
}
.prodComplete{
	width:100%;
	max-height:44px;
	overflow:hidden;
	-webkit-transition:1s;
	transition:1s;
}
.prodCompleteOpen{
	width:100%;
	max-height:1000px;
	overflow:hidden;
	-webkit-transition:1s;
	transition:1s;
}
.titleProd{
	width:100%;
	background-color:#5B62A5;
	color: #FFF;
	font-size:1.4em;
	height:43px;
	float:left;
	cursor:pointer;
}
.titleProd p{
	float:left;
	width:70%;
	margin: 0.5em 0 0.5em 0.6em;
}
.prodArrw{
	float:right;
	width:11px;
	height:18px;
	margin:0.5em 0.6em 0.5em 0;
	-webkit-transition:0.5s;
	transition:0.5s;
}
.prodArrwDown{
	float:right;
	width:11px;
	height:18px;
	margin:0.5em 0.6em 0.5em 0;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
	-webkit-transition:0.5s;
	transition:0.5s;
}
table{
	width:100%;
	border-collapse: collapse;
	float:left;
}
th{
	font-weight:bold;
	padding:0.3em;
	text-align:center;
	background-color:#333333;
	color:#FFFFFF;
	border-bottom:solid thin #666;
}
td{
	width:12.5%;
	padding:0.3em;
	text-align:center;
}
tr:nth-child(odd) {background: #DDD}
tr:nth-child(even) {background: #F2F2F2}
.tdg{background: #DDD}
.tdw{background: #F2F2F2}
td, th{ border-left: solid 1px #999;border-right: solid 1px #999;}
td:first-child, th:first-child { border-left: none; }
td:last-child, th:last-child { border-right: none; }

/* Infraestructura */
#infaText{
	width:25%;
	overflow:hidden;
	float:left;
}
#infaText ul li{
	font-size:1.5em;
	margin-top:2em;
}
#galleria{
	width: 75%; 
	height: 600px; 
	background: #000;
	float:left;
}

/* Institucional */
#institucional{
	width:100%;
	margin-bottom:2em;
}
#institucional p{
	margin-top:1em;
}

/* Contacto */
#mapa{
	width:65%;
	float:left;
}
iframe{
	margin-top:1em;
}
#contactForm{
	width:35%;
	float: left;
}
input, textarea{
	display:block;
	padding: 0;
	margin: 0;
	border: 0;
	border: none;
}
.inp{
	width:100%;
	height:35px;
	margin: 0.5em 0 1.4em 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #2C3178;
}
.form{
	margin-top:1em;
	width:100%;
	-webkit-transition:0.5s;
	transition:0.5s;
}
.formCero{
	opacity:0;
	-webkit-transition:0.5s;
	transition:0.5s;
}
input{
	width:100%;
}
textarea{
	width:100%;
	height:150px;
	margin: 0.2em 0 1em 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #3B6E8F;
}
#btnForm{
	width: 100%;
	height:35px;
	background-color: #2C3178;
	color:#FFF;
	font-size:1.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:auto;
	text-align:center;
	cursor:pointer;
}
.mensajeDesp{
	opacity:0;
	margin-top: 4em;
	color: #999;
	text-align: center;
	transition: 0.5s;
	-webkit-transition:0.5s;
}
.mensajeDisp{
	opacity:1;
	margin-top: 4em;
	color: #999;
	text-align: center;
	transition: 0.5s;
	-webkit-transition:0.5s;
}
@media screen and (max-width:1247px){
#logo{
	width:21.531917%;
}
.navMenu{
	width:78.093938%;
	margin-top:0.5em;
}
}
@media screen and (max-width:974px){
.navMenu{
	font-size:1em;
}
#navid ul li {
	display: inline;
	margin-left: 4.41625%;
}
.partBanner div{
	padding: 2em 0 0 2em;
}
#infaText ul li{
	font-size:1.5em;
}
#bannerNavs img{
	max-width:100%;
	position:relative;
	top:0;
}
}
@media screen and (max-width:768px){
header{
	padding: 1.6em 0 0.5em 0;
}
#logo{
	width:50%;
	float:left;
	position:relative;
	margin:auto;
	left:28%;
}
#logo img{
	margin:auto;
	max-width:100%;
}
.navMenu{
	float:left;
	color:#2C3178;
	font-size:1.2em;
	width:100%;
	border-top:solid 1px #2C3178;
	margin-top: 1em;
	padding: 1em 0 1em 0;
}
#navid ul{
	text-align:center;
}
#navid ul li:nth-child(1){
	margin-left:0;
}
#navid ul li:nth-child(2), #navid ul li:nth-child(3), #navid ul li:nth-child(4), #navid ul li:nth-child(5){
	margin-left: 6.41625%;
}

.partBanner div{
	width:50%;
	float:left;
	position:absolute;
	color:#FFFFFF;
	left:5%;
	padding:1em 0 0 1em;
	font-size:1.8em;
}
.partBanner div p{
	margin-bottom:0.5em;
}
.service div{
	padding:1em;
}
.service div h2{
	font-size:1.8em;
}


/*Servicios*/
#principales ul{
	min-height:50px;
}
#trabajos div ul{
	min-height:60px
}
#content{
	width:100%;
}
#principales{
	width:90%;
	margin: 1em auto 1em auto;
}
#principales .divPrinc{
	margin:0 0 1em 0;
	width:100%;
	float:left;
}
#principales divPrinc:nth-child(2), #principales divPrinc:nth-child(3){
	margin-left:0;
}
#principales ul{
	min-height:inherit;
}
#trabajos{
	width:90%;
	margin: 2em auto 1em auto;
	padding-top:2em;
	border-top: solid 1px #000000;
}
#trabajos div h2{
	font-size:1.6em;
}
#trabajos .divTrab{
	margin:0 0 1em 0;
	width:100%;
	float:left;
}


/*Materiales*/
.prodComplete{
	max-height:50px;
}
.titleProd{
	height:49px;
}
.titleProd{
	font-size:1.5em;
}
.titleProd p{
	width:80%;
	margin-top:0.5em;
}
.prodArrw{
	margin-top:0.5em;
}
.prodArrwDown{
	margin-top:0.5em;
}


/* Infraestructura */
#infaText{
	width:100%;
	overflow:hidden;
	float:left;
	padding-left:1em;
}
#infaText ul{
	margin-top:1em;
	margin-bottom:1em;
}
#infaText ul li{
	font-size:1.5em;
	margin:1em 0 0 0;
}
#galleria{
	width: 100%; 
	height: 600px; 
	background: #000;
	float:left;
}

/*Contacto*/
#mapa{
	width:90%;
	margin-left:5%;
}
iframe{
	width:100%;
	height:350px;
}
#contactForm{
	width:90%;
	margin-left:5%;
}
}
@media screen and (max-width:750px){
.partBanner div{
	font-size:1.5em;
}
#navid ul li{
	font-size:0.8em;
}
#navid ul li:nth-child(2), #navid ul li:nth-child(3), #navid ul li:nth-child(4), #navid ul li:nth-child(5){
	margin-left:4.41625%;
}
}
@media screen and (max-width:526px){
#navid ul li:nth-child(2), #navid ul li:nth-child(3), #navid ul li:nth-child(4), #navid ul li:nth-child(5){
	margin-left:2.41625%;
}
}
@media screen and (max-width:480px){

header{
	width:100%;
	padding: 1em 0 0.8em 0;
	float:left;
}
#logo{
	width: 40.5319166666666667%;
	float:left;
	left:30%;
	position:relative;
}
#logo img{
	margin:auto;
	max-width:100%;
}
#menico{
	display:block;
	width: 7%;
	float:right;
	margin-top:0.4em;
}
#menico img{
	max-width:100%;
}
.navMenu{
	float:right;
	color: #FFF;
	background-color: #2C3178;
	font-size:1em;
	width:80%;
	height:100%;
	right:-80%;
	top:0;
	position:fixed;
	z-index:10;
	transition:0.5s;
	-webkit-transition: 0.5s;
	margin:0;
}
.navMenuOn{
	float:right;
	color: #FFF;
	background-color: #2C3178;
	font-size:1em;
	width:80%;
	height:100%;
	right:0;
	top:0;
	position:fixed;
	z-index:10;
	transition:0.5s;
	-webkit-transition: 0.5s;
}
#navid ul{
	text-align:left;
}
#navid ul li{
	display:block;
	font-size:1em;
	margin:0;
	padding:1em;
	border-bottom: solid 1px #FFF;
}
#navLogo{
	display:block;
	min-height:1px;
	overflow:hidden;
	margin-top:1em;
}
#navLogo div:nth-child(1){
	width:50%;
	float:left;
	padding:0 0 0 1em;
}
#navLogo div:nth-child(2){
	width:10%;
	float:right;
	cursor: pointer;
}
#navLogo div img{
	max-width:100%;
}


.partBanner div{
	width:40%;
	float:left;
	position:absolute;
	color:#FFFFFF;
	left:5%;
	padding:1em 0 0 1em;
	font-size:1em;
}
.partBanner div p{
	margin-bottom:0.5em;
}
.partBanner div a{
	font-size:0.5em;
	border:solid 1px #FFFFFF;
	margin-top:0.5em;
	padding:0.6em;
}
.partBanner div a:hover{
	background-color:#FFFFFF;
	color:#000000;
	transition:0.5s;
	-webkit-transition:0.5s;
}
#bannerNavs{
	width:100%;
	height:150px;
	float:left;
	position:relative;
}
#bannerNavs div{
	left:1%;
	padding:3em 0 0 1em;
	font-size:0.8em;
}


#content{
	width:100%;
}
.service:nth-child(1){
	width:100%;
	height: 70px;
	margin-top:0.5em;
}
.service:nth-child(2){
	margin-left: 0;
	width: 100%;
	height: 70px;
	margin-bottom: 0;
	margin-top:0.5em;
}
.service:nth-child(3){
	margin-left:0;
	width:100%;
	height:70px;
	margin-top:0.5em;
}
.service:nth-child(4){
	width:100%;
	height:70px;
	margin-top:0.5em;
	margin-left:0;
}
.service:nth-child(5){
	width:100%;
	height:70px;
	margin-top:0.5em;
	margin-left:0;
}
.service div{
	padding:1em;
}
.service img{
	max-width:100%;
}


#dir{
	font-size:0.5em;
	padding:1em;
	line-height:1.5em;
}
#reg{
	font-size:0.2em;
}

/* Servicios */
#content{
	width:100%;
}
#principales{
	width:90%;
	margin: 1em auto 1em auto;
}
#principales .divPrinc{
	margin:0 0 1em 0;
	width:100%;
	float:left;
}
#principales div:nth-child(2), #principales div:nth-child(3){
	margin-left:0;
}
#principales ul{
	min-height:inherit;
}
#trabajos{
	width:90%;
	margin: 2em auto 1em auto;
	padding-top:2em;
	border-top: solid 1px #000000;
}
#trabajos div h2{
	font-size:1.6em;
}
#trabajos .divTrab{
	margin:0 0 1em 0;
	width:100%;
	float:left;
}

/*Materiales*/
table{
	font-size:0.7em;
}
.prodComplete{
	max-height:60px;
}
.titleProd{
	height:59px;
}
.titleProd p{
	margin-top:0.8em;
}
.prodArrw{
	margin-top:0.8em;
}
.prodArrwDown{
	margin-top:0.8em;
}

/* Infraestructura */
#galleria{
	width: 100%; 
	height: 300px; 
	background: #000;
}

/* Institucional */
#institucional{
	width:90%;
	margin:0 auto 1em auto;
}
#institucional p{
	margin-top:1em;
	font-size:0.5em;
}

/*Contacto*/
#mapa{
	width:90%;
	margin-left:5%;
}
iframe{
	width:100%;
	height:350px;
}
#contactForm{
	width:90%;
	margin-left:5%;
}
}

@media screen and (max-width:320px){
h1{
	font-size:2.5em;
}
.partBanner div{
	width:60%;
	font-size:0.8em;
}
.partBanner div p{
	margin-bottom:1em;
}
.partBanner div a{
	padding:0.5em;
}
#bannerNavs{
	height:100px;
}
#bannerNavs div{
	padding: 2em 0 0 0.7em;
}

/*Materiales*/
table{
	font-size:0.5em;
}
.prodComplete{
	max-height:60px;
}
.titleProd{
	height:59px;
}
.titleProd p{
	margin-top:1em;
	font-size:0.85em;
	width:85%;
}
.prodArrw{
	margin-top:0.8em;
}
.prodArrwDown{
	margin-top:0.8em;
}
td{
	font-size:8px;
}


#infaText table td{
	font-size:1.5em;
}
/* Institucional */

#institucional p{
	font-size:0.8em;
}

}