@charset "utf-8";
@font-face { src:url(fonts/BebasNeue%20Regular.otf); font-family:BebasRegular;}
@font-face { src:url(fonts/BebasNeue%20Bold.otf); font-family:BebasBold;}
@font-face { src:url(fonts/Oswald-Regular.ttf); font-family:Oswald;}
@font-face { src:url(fonts/Oswald-Bold.ttf); font-family:Oswald-Bold;}
#main-wrapper { padding:0; margin:0; font-family:Oswald; font-size:1em;

 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,e2e2e2+100&0+0,0.8+100 */
background: -moz-linear-gradient(left,  rgba(226,226,226,0) 0%, rgba(226,226,226,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(226,226,226,0) 0%,rgba(226,226,226,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(226,226,226,0) 0%,rgba(226,226,226,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e2e2e2', endColorstr='#cce2e2e2',GradientType=1 ); /* IE6-9 */ 

}
#pre-head
{
	padding:0; margin:0;
	
  padding:2vw;
  padding-top:4vw;
background: url(imagenes/bg_top2.jpg) no-repeat top left;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
padding-bottom:4vw;
border-bottom:5px solid #000000; 
  
}
#logo { padding:0; margin:0; text-align:center; float:left; width:50%; }
#logo a img { width:60%;}
#top-contactos { padding:1vw; font-family:Oswald-Bold; font-size:1.1vw; text-align:left; float:left; width:25%;}
#top-contactos i { color:#FBC152; margin-right:10px; text-shadow:1px 1px 1px #000000; font-size:2.5vw; float:left;}
#top-contactos h3 { color:#9B9B9B; padding:0; margin:0; font-size:1vw;}
#top-redes { text-align:center; float:left; width:25%;}
#top-redes ul { border:none; width:80%; margin-left:10%; margin-top:1vw;}
#top-redes ul li { margin-right:2vw; }
#top-redes ul li a { color:#FFF; font-size:1.2vw; border-radius:50%; background-color:#FFFFFF;
-webkit-box-shadow: 1px 1px 10px 0 #828282;
box-shadow: 1px 1px 10px 0 #828282;
background-color:#48A032; 
}
#main-head { width:80%;background-color:#F9E07C; padding:0; margin:0; margin-top:-2vw; padding:0.5em;  padding-left:1vw; padding-right:1vw; position:relative; z-index:600;
margin-left:10%; 
}
#main-head nav { border:none; border-radius:0; padding:0; margin:0; background-color:transparent; width:100%;}
#main-head nav ul  { width:100%; padding:0; margin:0;}
#main-head nav ul li {  text-align:center; padding:0; width:16.666666%;}
#main-head nav ul li a { font-family: 'Roboto'; font-weight:700; font-size:0.8vw; color:#000; letter-spacing:2px; text-transform:uppercase; padding-left:1vw; border-left:10px solid #fceeb5;}
#main-head nav ul li:first-child a { border-left:none;}
#main-head nav ul li:hover a { border-left:10px solid #F6A82C;}
#main-head nav ul .current a {border-left:10px solid #F6A82C;}
#reel { padding:0; margin:0;}
#slider {top:-2vw;}

#servicios
{
	padding:4vw; margin:0;
}
#servicios h2 { font-size:5em; font-family:BebasBold; letter-spacing:2px; padding:0; margin:0; padding-left:1vw; border-left:1vw solid #f6a82c; margin-bottom:3vw;}
#servicios h2 small { font-size:0.5em;}
#itm-servicios {}
#itm-servicios .thumbnail
{
	padding:0; margin:0; position:relative; overflow:hidden; border-radius:0;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-box-shadow:inset 0 0 0 8px #FFF;
box-shadow:inset 0 0 0 8px #FFF;
}
.super-puesto
{
	position:absolute; top:-100%; width:97%;
	height:95%;
	left:1.5%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#387f2f+0,387f2f+100&0.7+0,0.7+100 */
background: -moz-linear-gradient(left,  rgba(56,127,47,0.7) 0%, rgba(56,127,47,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(56,127,47,0.7) 0%,rgba(56,127,47,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(56,127,47,0.7) 0%,rgba(56,127,47,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3387f2f', endColorstr='#b3387f2f',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;


}
#itm-servicios:hover .thumbnail {
	-webkit-box-shadow:inset 0 0 0 8px #f6a82c;
box-shadow:inset 0 0 0 8px #f6a82c;
	
	}
#itm-servicios:hover .super-puesto {top:2.5%;}
#itm-servicios .panel-footer{
	background-color:transparent;
	border:none;
	border-radius:0;
	min-height:500px;
	font-size:1.3em;
	font-family: 'Roboto'; font-weight:500;
	text-align:justify;
}
#itm-servicios .panel-footer i { float:left; padding:1vw; margin-right:2vw; font-size:4em; padding-top:180px; padding-bottom:180px;
background-color:transparent;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#itm-servicios:hover .panel-footer i {
	background-color:#F9E07C;
	color:#FFFFFF; 
}
#itm-servicios .panel-footer h3 { font-family:BebasBold; letter-spacing:1px; text-align:left;}
#nosotros { padding:0; margin:0;}
#nosotros-a { padding:0; margin:0; position:relative; overflow:hidden;}
#nosotros-a article { position:absolute; width:100%; height:400px; top:0;
padding:2vw;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0.6+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=1 ); /* IE6-9 */
font-size:1.2em;
font-family: 'Roboto'; font-weight:400;
color:#FFFFFF;

}
#nosotros-a article h3 { font-size:4em; font-family:BebasBold; color:#FFFFFF;}
#nosotros-a article ul { position:absolute; bottom:0; right:0; padding:1vw; list-style-type:none;}
#nosotros-a article ul li { margin-bottom:5px; text-align:right; padding:1vw; border:1px solid #FFFFFF; font-weight:700; font-size:1.2em;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#444444+0,444444+100&0.6+0,0.6+100 */
background: -moz-linear-gradient(left,  rgba(68,68,68,0.6) 0%, rgba(68,68,68,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(68,68,68,0.6) 0%,rgba(68,68,68,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(68,68,68,0.6) 0%,rgba(68,68,68,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99444444', endColorstr='#99444444',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#nosotros-a article ul li a { color:#FFFFFF; text-decoration:none;}
#nosotros-a article  ul li:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe842+0,ffe842+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left,  rgba(255,232,66,0.9) 0%, rgba(255,232,66,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,232,66,0.9) 0%,rgba(255,232,66,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,232,66,0.9) 0%,rgba(255,232,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffe842', endColorstr='#e6ffe842',GradientType=1 ); /* IE6-9 */

	
}
#nosotros-a article  ul li:hover a
{
	color:#000000;
}
#nosotros-a article  ul li:first-child {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe842+0,ffe842+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left,  rgba(255,232,66,0.9) 0%, rgba(255,232,66,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,232,66,0.9) 0%,rgba(255,232,66,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,232,66,0.9) 0%,rgba(255,232,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffe842', endColorstr='#e6ffe842',GradientType=1 ); /* IE6-9 */

	
}

#nosotros-a article  ul li:first-child a {
	color:#000000;
}
#nosotros-b { padding:0; margin:0; position:relative; overflow:hidden;}
#puesto-a {position:absolute; width:100%; height:100; top:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#puesto-b {position:absolute; width:100%; height:100; top:0; right:-100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#puesto-c {position:absolute; width:100%; height:100; top:0; right:-100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#nosotros-b article { font-size:1.4em; font-family: 'Roboto'; font-weight:500; text-align:justify; padding:1vw;}
#nosotros-b h3 { font-family:BebasBold; padding:0; margin:0; margin-bottom:2vw; font-size:3.6em; padding-left:2vw; border-left:1vw solid #f6a82c;}
#nosotros-b h3 small { font-size:0.5em;}
#galeria { padding:0; margin:0; padding:6vw; margin-top:4vw;}
#galeria h2 { font-size:5em; font-family:BebasBold; letter-spacing:2px; padding:0; margin:0; padding-left:1vw; border-left:1vw solid #f6a82c; margin-bottom:3vw;}
#galeria h2 small { font-size:0.5em;}
#itm-gal .thumbnail { padding:0; margin:0; position:relative; overflow:hidden; border:none; border-radius:0;}
.super-2 {
	position:absolute; top:90%; width:100%; height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.7+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 */
text-align:center;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.super-2 h3
{
	width:50%; background-color:#F5A528; color:#FFFFFF; padding:1vw; margin-left:25%; text-align:center; margin-top:-10%;
	-webkit-box-shadow: 0 0 3px 0 #8C8C8C;
box-shadow: 0 0 3px 0 #8C8C8C;
margin-bottom:10px;
}
.super-2 a { color:#fff; font-size:3em; text-decoration:none;}
.super-2 a:hover { color:#FFFFFF; text-decoration:none;}
#itm-gal:hover .super-2 { top:50%;}
#proyectos
{
	padding:0; margin:0;
	margin-top:4vw;
	padding:2vw; padding-bottom:6vw; padding-top:6vw;
	background: url(imagenes/base_proyectos.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#FFFFFF;
  font-family: 'Roboto'; font-weight:500;
  font-size:1.3em;
}
#proyectos h2 {font-size:5em; font-family:BebasBold; letter-spacing:2px; padding:0; margin:0; padding-left:1vw; border-left:1vw solid #f6a82c; margin-bottom:3vw;}
#proyectos h2 small { font-size:0.5em;}
#proyectos .thumbnail { padding:0; margin:0; border-radius:0; border:none;}
#proyectos .panel-footer { border-radius:0; border:none; color:#000000; min-height:200px;}

#redes
{
	padding:0; margin:0;
	margin-top:4vw;
	padding:4vw;
	text-align:center;
}
#redes h2 {font-size:5em; font-family:BebasBold; letter-spacing:2px; padding:0; margin:0; padding-left:1vw; border-left:1vw solid #f6a82c; margin-bottom:3vw; text-align:left;}
#redes h2 small { font-size:0.5em;}
#redes ul { border:none;}
#redes ul li { width:33.33333%; text-align:center; background-color:transparent; border-radius:0;}
#redes ul li:hover { background-color:transparent; border:none;}
#redes ul li a { color:#f6a82c; font-size:5em; background-color:transparent; background-color:#646464; border-radius:0;}
#redes ul li a:hover { background-color:transparent; border:none; color:#8A8A8A;}
#contactos
{
	padding:0; margin:0; position:relative; overflow:hidden; min-height:40vw; margin-top:4vw;
}
#contactos iframe { width:100%; height:40vw; border:none; box-shadow:none;}
#contactos h2 { position:absolute; width:60%; padding:0.3vw; top:-3%; background-color:#000000; padding-left:2vw;
font-size:3em; font-family:BebasBold;  color:#FFFFFF;
}
#contactos h2 small { font-size:0.5em;}
#contactos_2
{
	font-family: 'Roboto'; font-weight:500;
  font-size:1.2em;
	background: url(imagenes/bg_top2.jpg) no-repeat top left; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:0; margin:0;
}
#contactos_b
{
	background-color:#000000; padding:0; margin:0;
}
#contactos_b article { padding:2vw; color:#FFFFFF;}
#contactos_b article h3 { font-family:BebasBold; font-size:3em; padding-bottom:2vw;}
#contactos_b article input { border-radius:0;}
#contactos_b article textarea { border-radius:0;}
#contactos_a { padding:0; margin:0; font-size:1.2em; font-weight:700;}
#contactos_a article { padding:4vw;}
#contactos_a h3 { font-family:BebasBold; font-size:3em; color:#000000;}
#contactos_a article dd { margin-bottom:10px;}
#contactos_a article dd:first-child { margin-top:10px;}
#footer{ background-color:#000000; color:#FFFFFF; padding:10px; font-family: 'Roboto'; font-weight:500;
  font-size:1.2em; text-align:center;}
#footer a { color:#f5a528; text-decoration:none;}