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

*{
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	font-size:14px;
}

body{
	text-align:center;
}

img {
	border:none;
}

#wrapper {
	margin:0px auto;
	width:100%;
}

#menu {
	width:100%;
	height:40px;
	position:relative;
	z-index:3;
	background:#AF1822;
}

#center{
	width:100%;
	height:auto;
	position:relative;
	background:#FFFFFF;
	overflow-y:scroll;
}

.seccion{
	width:100%;
	height:12.5%;
	position:relative;
	top:40px;
	background:#FFFFFF;
	display:inline-block;
	text-align:center;
}

#inicio{
}
#somos{
	background:#333333 url(../images/back_somos.jpg) no-repeat center center;
	background-size:100% 100%;
}
#somos .square{
	background:rgba(255, 255, 255, 0.85);
	width: 70%;
	height: 70%;
	top: 12%;
}
#somos .square .texto{
	font-size:17px;
}
#somos .square .texto span{
	font-size:17px;
}
#servicios{
}
#clientes{
	background:#333333;
}
#galeria{
	background:#333333;
}
#acreditaciones{
}
#contacto{
	background:url(../images/back_obra.jpg) no-repeat center center;
	background-size:100% 100%;
}
#gybweb{
	background:url(../images/back_tablet.jpg) no-repeat center center;
	background-size:100% 100%;
}

.square{
	width:90%;
	height:90%;
	background:rgba(255, 255, 255, 0.9);
	position:relative;
	display:inline-block;
	top:3%;
	z-index:1;
	text-align:left;
}

.square h1{
	color:#AF1822;
	font-size:40px;
	font-weight:600;
	position:relative;
	width:96%;
	left:2%;
	top:2%;
	text-align:left;
}

.square h1 span{
	color:#666666;
	font-size:40px;
	font-weight:600;
}

.texto{
	color:#333333;
	font-size:15px;
	font-weight:300;
	position:relative;
	overflow:hidden;
	width:94%;
	left:3%;
	top:4%;
	height:80%;
	text-align:left;
}

.texto span{
	color:#AF1822;
	font-size:14px;
	font-weight:300;
}

.colclientes{
	 width:48%;
	 display:inline;
	 float:left;"
}

#footer {
	width:100%;
	height:45px;
	position:fixed;
	z-index:3;
	background:rgba(51,51,51,0.9);
	text-align:center;
}

.opcion{
	float:left;
	display:inline;
	cursor:pointer;
	color:#FFFFFF;
	text-align:center;
	width:10%;
	height:100%;
	margin:0px 1.2% 0px 1.2%;

	transition:0.2s ease;
	-ms-transition:0.2s ease; /* Firefox 4 */
	-moz-transition:0.2s ease; /* Firefox 4 */
	-webkit-transition:0.2s ease; /* Safari and Chrome */
	-o-transition:0.2s ease; /* Opera */
}

.opcion:hover{
	background:#FFFFFF;
	color:#AF1822;
}

.opcionactual{
	background:#FFFFFF;
	color:#AF1822;
}

.opcion span{
	float:left;
	display:inline;
	font-size:16px;
	font-weight:400;
	text-align:center;
	width:100%;
	margin:10px auto 0px auto;
}

#footer span{
	color:#AF1822;
}

#footerdiv{
	display:inline-block;
	color:#999999;
	font-size:13px;
	font-weight:300;
	width:auto;
	height:15px;
	margin:12px 5px 0px 5px;
	position:relative;
	top:-5px;
}

.footerimgcontainer{
	display:inline-block;
	width:auto;
	height:22px;
	margin:10px 5px 0px 5px;
	overflow:hidden;
}

.footerimgcontainer img{
	float:left;
	display:inline;
	position:relative;
	top:0px;
	cursor:pointer;
}

.footerimgcontainer img:hover{
	top:-22px;
}

#aviso{
	cursor:pointer;
}

#aviso:hover{
	text-decoration:underline;
}

#indexlogo{
	display:block;
	position:relative;
	top:60px;
	width:100%;
	height:65%;
	text-align:center;
	margin:0px auto;
	background: url(../images/logo.png) no-repeat center center;
	background-size: auto 100%;
}

#indexleyenda{
	display:block;
	position:relative;
	top:90px;
	width:100%;
	height:30px;
	text-align:center;
	color:#AF1822;
	margin:0px auto;
	opacity:0;
	font-size:36px;
	font-weight:400;
	
	transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-webkit-transition: 0.6s ease;
	-o-transition: 0.6s ease;
}

#indexleyenda div{
	font-size:36px;
	font-weight:400;
	color:#999999;
}

#indexleyenda span{
	font-size:36px;
	font-weight:400;
	color:#AF1822;
}

#back{
	width:100%;
	height:100%;
	background:rgba(51,51,51,0.9);
	cursor:pointer;
	position:fixed;
	float:left;
	display:none;
	top:0px;
	left:0px;
	z-index:5;
	visibility:hidden;
}

#info{
	width:90%;
	height:90%;
	background:#FFFFFF;
	position:fixed;
	display:none;
	top:5%;
	left:5%;
	z-index:7;
	visibility:hidden;
}

#info p{
	color:#333333;
	font-size:14px;
	font-weight:400;
	text-align:left;
	width:94%;
	height:90%;
	margin:10px 3% 15px;
	overflow-y:scroll;
}

#info span{
	color:#AF1822;
	font-size:14px;
	font-weight:400;
}

#info h1{
	margin:2% auto 0px;
	color:#AF1822;
	font-size:18px;
	font-weight:600;
}

#solicitudbox{
	width:90%;
	height:90%;
	background:#FFFFFF;
	position:fixed;
	display:none;
	top:5%;
	left:5%;
	z-index:7;
	visibility:hidden;
	overflow:hidden;
}

#solicitudbox p{
	color:#333333;
	font-size:14px;
	font-weight:400;
	text-align:left;
	width:94%;
	height:90%;
	margin:10px 3% 15px;
	overflow-y:scroll;
}

#solicitudbox span{
	color:#AF1822;
	font-size:14px;
	font-weight:400;
}

#solicitudbox h1{
	margin:2% auto 0px;
	color:#AF1822;
	font-size:18px;
	font-weight:600;
}

.movil{
	width:400%;
	height:100%;
	position:relative;
	background:#FFFFFF;
	display:inline-block;
	text-align:center;
	float:left;
	display:inline;
	left:0px;
	
	transition:0.5s ease;
	-ms-transition:0.5s ease; /* Firefox 4 */
	-moz-transition:0.5s ease; /* Firefox 4 */
	-webkit-transition:0.5s ease; /* Safari and Chrome */
	-o-transition:0.5s ease; /* Opera */
}

.secsol{
	width:25%;
	height:100%;
	position:relative;
	background:#FFFFFF;
	text-align:center;
	float:left;
	display:inline;
	overflow:auto;
}

.secsol input[type='button'], input[type='submit']{
	font-size: 22px;
	color:#FFFFFF;
	width:auto;
	min-width:100px;
	height:45px;
	margin:25px 10%;
	padding:7px;
	border:0px solid #E7E7E7; 
	border-radius: 4px;
	background-color: #AF1822; 
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	cursor:pointer;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

.secsol input[type='button']:hover, input[type='submit']:hover{
	background-color: #DD1D2A; 
}

.btnback{
	border-radius:50%;
	background:#AF1822;
	color:#FFFFFF;
	width:40px;
	height:40px;
	font-size:26px;
	font-weight:800;
	padding:5px;
	position:absolute;
	top:45%;
	left:15px;
	display:inline-block;
	cursor:pointer;
	float:right;
	text-align:center;
	z-index:5;
}

.btnback:hover{
	background-color: #DD1D2A; 
}

#map-canvas{
	z-index:3;
	width:100%; 
	height:100%;
}

#map-title{
	position:absolute;
	top: 0px;
	left: 35%;
	z-index: 4;
	width: 30%;
	text-align: center;
	text-shadow: 0 0 2px #FFFFFF;
}

#map-location{
	position:absolute;
	top: 10%;
	left: 25%;
	z-index: 4;
	width: 50%;
	height:80%;
	text-align: center;
	background:rgba(255,255,255,0.9);
	border-radius:5px;
	visibility:hidden;
	display:none;
	overflow-y:auto;
}

#map-location h3{
	margin:15px;
	font-size:14px;
	color:#AF1822;
}

#map-location div{
	width:60%;
	display:inline-block;
}

#map-location div span{
	width:90%;
	float:left;
	text-align:left;
	display:block;
	margin:0px 3.5%;
}

.servsol{
	width:70%;
	display:inline-block;
	height:30px;
	margin:8px 15%;
	border-bottom:1px solid #999;
	overflow:hidden;
	text-align:left;
	padding:5px;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

.servsol input[type='radio']{
	height:16px;
	margin:8px 10px;
	cursor:pointer;
}

.servsol .formulario{
	width: 80%;
	margin: 0px 10%;
	display: inline-block;
	text-align: center;
}

.servsol .formulario textarea{
	height:130px;
}

.cerrar{
	background:#AF1822;
	color:#FFFFFF;
	width:20px;
	height:20px;
	font-size:18px;
	font-weight:800;
	padding:5px;
	position:absolute;
	top:0px;
	right:0px;
	display:inline-block;
	cursor:pointer;
	float:right;
	text-align:center;
	z-index:5;
}

.cerrar:hover{
	background-color: #DD1D2A; 
}

.texto a{
	color:#AF1822;
	font-size:13px;
	cursor:pointer;
	text-decoration:underline;
}

#colsomos_izq{
	width:37%;
	display:inline;
	float:left;
	font-size:14px;
	font-weight:300;
}

#colsomos_der{
	width:62%;
	display:inline;
	float:left;
}

#colsomos_der img{
	width:96%;
	float:right;
	margin:0px;
}

#colacre_izq{
	width:68%;
	display:inline;
	float:left;
	font-size:15px;
	font-weight:300;
}

#colacre_izq span{
	font-size:15px;
}

#colacre_der{
	width:30%;
	display:inline;
	float:left;
}

#colacre_der img{
	width:96%;
	float:right;
	margin:0px;
	max-width:256px;
}

#colacre_inf{
	width:100%;
	display:inline;
	float:left;
	text-align:center;
	margin:50px 0px 0px;
}

#colacre_inf img{
	max-width:90px;
	max-height:75px;
	display:inline-block;
	margin:0px 8px;
}

#colcon_izq{
	width:44%;
	height:100%;
	display:inline;
	float:left;
	font-size:14px;
	font-weight:300;
	border-right:1px solid #999;
}

#colcon_der{
	width:55%;
	display:inline;
	float:left;
	font-size:15px;
	font-weight:300;
	text-align:center;
}

#colcon_der div{
	width:80%;
	text-align:left;
	margin:20px 10%;
}

#colcon_der a.biglink{
	font-size:24px;
	text-decoration:underline;
}

#colcon_der h2{
	margin:2% auto 0px;
	color:#AF1822;
	font-size:26px;
	font-weight:600;
	float:left;
	text-align:left;
	width:70%;
	margin:20px 10%;
}

#colcon_der h3{
	margin:2% auto 0px;
	color:#999999;
	font-size:30px;
	font-weight:600;
	text-align:left;
	width:70%;
	margin:20px 10%;
}

#colcon_der h3 span{
	color:#AF1822;
	font-size:30px;
	font-weight:600;
}

#colgyb_izq{
	width:62%;
	height:100%;
	display:inline;
	float:left;
	font-size:15px;
	font-weight:300;
	border-right:1px solid #999;
}

#colgyb_izq img{
	width:95%;
	float:left;
	margin:0px;
}

#colgyb_der{
	width:37%;
	display:inline;
	float:left;
	font-size:15px;
	font-weight:300;
	text-align:center;
}

#colgyb_der #usuario{
	margin:35% auto 7px;
	width:80%;
}

#colgyb_der #password{
	margin:7px auto;
	width:80%;
}

.formulario select{
	width:90.5%;
	height:30px;
	border:1px solid #CCCCCC;
	border-radius: 5px;
	font-size:14px;
	font-weight:300;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	padding:4px;
	margin:5px auto;
}

.formulario input[type='text'], input[type='password'], input[type='file'], input[type='time'] {
	width:90%;
	height:19px;
	border:1px solid #CCCCCC;
	border-radius: 5px;
	font-size:14px;
	font-weight:300;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	padding:4px;
	margin:5px auto;
}

.formulario textarea{
	width:90%;
	height:200px;
	border:1px solid #CCCCCC;
	border-radius: 5px;
	font-size:14px;
	font-weight:300;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	padding:4px;
	margin:5px auto;
}

.formulario input[type='button'], input[type='submit']{
	font-size: 14px;
	color:#FFFFFF;
	width:auto;
	min-width:100px;
	height:30px;
	margin:5px 10%;
	padding:4px;
	border:0px solid #E7E7E7; 
	border-radius: 4px;
	background-color: #AF1822; 
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	cursor:pointer;
	float:right;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

.formulario input[type='button']:hover, input[type='submit']:hover{
	background-color: #DD1D2A; 
}

.servicio{
	float:left;
	display:inline;
	position:relative;
	width:12.5%;
	height:100%;
	cursor:pointer;
	background-size:100% 100%;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

.servicio div{
	display:inline-block;
	position:relative;
	width:100%;
	height:15%;
	top:60%;
	background:#999999;
	color:#FFFFFF;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

.servicio div p{
	font-size:16px;
	font-weight:600;
	display:inline-block;
	position:relative;
	width:100%;
	top:35%;
}

#gerencia{
	background:url(../images/back_gerencia.jpg) no-repeat center;
}
#supervision{
	background:url(../images/back_supervision.jpg) no-repeat center;
}
#laboratorio{
	background:url(../images/back_laboratorio.jpg) no-repeat center;
}
#geotecnia{
	background:url(../images/back_geotecnia.jpg) no-repeat center;
}
#mecanica{
	background:url(../images/back_mecanica.jpg) no-repeat center;
}
#ambiental{
	background:url(../images/back_ambiental.jpg) no-repeat center;
}
#topografia{
	background:url(../images/back_topografia.jpg) no-repeat center;
}
#forense{
	background:url(../images/back_forense.jpg) no-repeat center;
}

#service{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	cursor:pointer;
	position:absolute;
	float:left;
	display:none;
	top:0px;
	left:0px;
	z-index:2;
	opacity:0;
	
	transition:0.4s ease;
	-ms-transition:0.4s ease; /* Firefox 4 */
	-moz-transition:0.4s ease; /* Firefox 4 */
	-webkit-transition:0.4s ease; /* Safari and Chrome */
	-o-transition:0.4s ease; /* Opera */
}
#service .square{
	background:rgba(255, 255, 255, 0.80);
	width:70%;
	height:70%;
	top:12%;
}
#service .square #textoServicio{
	font-size:17px;
}
#service .square #textoServicio span{
	font-size:17px;
}

#imagenes{
	width:94%;
	height:90%;
	position:relative;
	display:inline-block;
	top:3%;
	text-align:center;
	color:#FFFFFF;
	overflow-y:scroll;
}

#imagenes img{
	cursor:pointer;
	border:1px solid #454545;
	position:relative;
	display:inline-block;
	margin:2px;
	opacity:0.8;
	max-height:100px;
	
	transition:0.2s ease;
	-ms-transition:0.2s ease; /* Firefox 4 */
	-moz-transition:0.2s ease; /* Firefox 4 */
	-webkit-transition:0.2s ease; /* Safari and Chrome */
	-o-transition:0.2s ease; /* Opera */
}

#imagenes img:hover{
	border-color:#FFFFFF;
	opacity:1;
}

#imagen_back{
	width:100%;
	height:100%;
	cursor:pointer;
	background:rgba(0,0,0,0.85);
	position:absolute;
	float:left;
	display:none;
	top:0px;
	left:0px;
	z-index:2;
	text-align:center;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

#imagen{
	width:auto;
	height:auto;
	max-width:90%;
	max-height:90%;
	background:#FFFFFF;
	position:relative;
	display:none;
	top:0%;
	z-index:2;
	
	transition:0.5s ease;
	-ms-transition:0.5s ease; /* Firefox 4 */
	-moz-transition:0.5s ease; /* Firefox 4 */
	-webkit-transition:0.5s ease; /* Safari and Chrome */
	-o-transition:0.5s ease; /* Opera */
}

#imagen #imgac img{
	border:1px solid #FFF;
	max-height:100%;
	max-width:100%;
}