/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}

q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body, html {
  height: 100%;
}
body{
	font-family: "Lato Light", sans-serif !important;
	font-size: 14px !important;
	color: #999 !important;
	font-weight: normal !important;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;	
}
h4 {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #353738;
	letter-spacing:4px;
	text-transform: uppercase;
	margin: 5px 0px 10px;
}
p{
	font-size: 1em;
}
p.text-intro {
	font-size: 14px;
	line-height: 1.8em;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
	height: 100%;
}
.section.top_bg {
	background-image: url('/img/top-bg.jpg') !important;
	background-attachment:fixed;
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.topDiv {
	position: relative;
	padding: 30px 0px;
	overflow: hidden;
	top: 0px;
	width: 100%;
}
.about {
	position: absolute;
	background-color: #fff !important;
	padding: 40px 0px;
	overflow: hidden;
	bottom: 0px;
	height: 40%;
	width: 100%;
}
#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	font-family: "Lato Light", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 40px;
}
#menu img{
	max-height: 100%;
	width: auto;
	float: left;
	padding: 8px 0px 0px 15px;
}
#menu li.active{
	color: #1b589f;
}
#menu li a{
	text-decoration:none;
	color: #fff;
}
#menu li.active a:hover, #menu li a:hover{
	color: #1b589f;
}

#menu li a,
#menu li.active a{
	padding: 9px 5px;
	display:block;
}
#menu li.active a{
	color: #1b589f;
}
#menu{
/* 	position:fixed; */
	top:0;
	right:0;
	height: 60px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	padding-bottom: 15px;
	width: 100%;
	background-color: #282f35;
	text-align: right;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;	
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}
p.lead{ text-transform: uppercase; color: #8da3c6;}
.thin-sep { height: 1px; background-color: #d7d7d7; width: 50%; margin: 8% auto 8% auto; }
.thin-sep2 { height: 1px; background-color: #d7d7d7; width: 50%; margin: 4% auto 2% auto; }
.section-text { position: relative; height: 530px; background-color: #fff;}
.section-text p { padding: 0 30px; text-align: justify; }
.section-text h4, .section-text a {text-align: center; }
.section-text.blue > ul > li {text-align: center !important; font-size: 1em; line-height: 2em; color: #fff;}
.section-text.blue {height: 448px; background-color:#1b589f !important;}
.section-text.blue > h4 {color:#8da3c6 !important;}

#contacto  h2 {text-align: center; text-transform: uppercase;font-family: "Lato", sans-serif;font-weight: 700;font-size: 24px;color: #1b589f;letter-spacing:8px; margin: 40px 0px 20px;}
#contacto  p {line-height: 2em;}

.info-text { padding-top: 30px; color: #fff; font-family: "Lato Light", sans-serif !important; text-align: justify !important; }
.info-text p {line-height: 1.4em; margin-bottom: 1.2em;}

.right {text-align: right !important;}
.left {text-align: left !important;}
.center {text-align: center !important;}

/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
 }
 #stickyalias {
  display: none;
  height: 120px;
}

 
/* Scroller VER MAS
 * --------------------------------------- */
a .scroller{ color: #aaa;}
.scroller{
	position:absolute;
	bottom:10px;
	width:100%;
	padding:12px 0px;
	text-align:center;
	font-family:"Lato",sans-serif;
	font-weight:300;
	-webkit-transition:color 0.2s ease-out;
	-moz-transition:color 0.2s ease-out;
	-o-transition:color 0.2s ease-out;
	-ms-transition:color 0.2s ease-out;
	transition:color 0.2s ease-out;z-index:1;
	color: #787879;
}
.scroller .scroller-icon{
	position:absolute;
	left:50%;
	margin-left:-24px;
	margin-top:-12px;
	border:2px solid #787879;
	font-size:2em;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:border-color 0.2s ease-out;
	-moz-transition:border-color 0.2s ease-out;
	-o-transition:border-color 0.2s ease-out;
	-ms-transition:border-color 0.2s ease-out;
	transition:border-color 0.2s ease-out
}
.scroller span{padding-left:80px}
.scroller:hover{cursor:pointer;color:#282f35}
.scroller:hover .scroller-icon {background-color:#1b589f; color: #fff; border-color: #1b589f;}
.scroller .scroller-icon{color:#787879;font-size:2em}



/*  Empresas
--------------------------------------- */
.nopadding { padding: 0 !important; margin: 0 !important; }
.slide {background-color: #1b589f !important;}
.flecha { background: url('/img/arrow.png') no-repeat center center; width: 21px; height: 10px; margin: -1px auto 0 auto; }
.flecha_azul { background: url('/img/arrowblue.png') no-repeat center center; width: 21px; height: 10px; margin: -1px auto 0 auto; }

.frame {padding-top: 70px !important;}
.logo-1 { width: 358px; height: 102px; background: url('/img/empresas/e1logo.png'); position: relative; left: 50%; top: 50%; margin-left: -179px; margin-top: -59px; }
.logo-2 { width: 358px; height: 73px; background: url('/img/empresas/e2logo.png'); position: relative; left: 50%; top: 50%; margin-left: -179px; margin-top: -59px; }
.logo-3 { width: 250px; height: 168px; background: url('/img/empresas/e3logo.png'); position: relative; left: 50%; top: 50%; margin-left: -125px; margin-top: -84px; }
.logo-4 { width: 333px; height: 87px; background: url('/img/empresas/e4logo.png'); position: relative; left: 50%; top: 50%; margin-left: -166px; margin-top: -80px; }
.section-1 { background: url('/img/empresas/e1a.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 600px; position: relative; }
.section-2 { background: url('/img/empresas/e2a.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 600px; position: relative; }
.section-3 { background: url('/img/empresas/e3a.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 600px; position: relative; }
.section-4 { background: url('/img/empresas/e3b.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 600px; }
.section-5 { background: url('/img/empresas/e4a.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; }
.meprosa-img { background: url('/img/empresas/e1b.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.mc-img { background: url('/img/empresas/e2b.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.ag-img { background: url('/img/empresas/e4b.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.small-featured-img { height: 200px; width: 100%; position: absolute; bottom: 0; }

/*  Grid
--------------------------------------- */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.effects { background-color: #282f35; }
.effects .img { position: relative; }
.effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; }
.overlay { z-index: 10 }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none }
#effect .overlay { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(27, 88, 159, 0.8); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#effect .overlay a.expand { position: absolute; left: 0; right: 0; top: 0; content: ""; margin: 0 auto; border-radius: 30px; text-align: center; color: #fff; line-height: 40px; font-weight: 300; font-size: 14px; opacity: 0; text-transform: uppercase; letter-spacing: 0px; background: url('/img/ag-icon.png') no-repeat top center; padding-top: 25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: block; }
#effect .img { overflow: hidden }
#effect .img.hover .overlay { opacity: 1 }
#effect .img.hover .overlay a.expand { top: 50%; margin-top: -30px; opacity: 1; font-family: "Lato", sans-serif; font-size: 80%; }
.left-box-1 { width: 50%; float: left; }
.left-box-2 { width: 50%; float: right; }
.left-box-btm { width: 100%; }
.left-box-1 img, .left-box-2 img, .left-box-btm img { width: 100%; }
.mid-box-1 { width: 50%; float: left; }
.mid-box-2 { width: 50%; float: right; }
.mid-box-1 img { width: 100%; height: 100%; }
.mid-box-2 img { width: 100%; height: 100%; }
.right-box-1 { width: 100%; }
.right-box-2 { width: 50%; float: left; }
.right-box-3 { width: 50%; float: right; }
.right-box-3 img, .right-box-2 img, .right-box-1 img { width: 100%; }
.alone {background-color: #282f35;}
.alone p {
  position: relative; top: 50%;line-height: 1em;margin-top: -1em;text-align: center; font-size: 12px;font-family: "Lato", sans-serif;color: #fff;text-transform: uppercase;
}
/*  Footer
--------------------------------------- */
footer {padding: 20px 10px 18px; text-align: center; background-color: #282f35; }
footer h2 {color: #fff;font-family: "Lato Light", sans-serif !important; font-weight: lighter; font-size: 18px; text-transform: uppercase;letter-spacing:2px;}
footer p {color: #929496;letter-spacing:3px;}

/*Contact us*/

#map {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	overflow:hidden;
	height:465px;
}


.get-in-touch-widget, .we-are-social {
	padding-bottom: 10px;
}
.get-in-touch-widget li, .we-are-social li {
	padding:0 0 10px 30px;
}
.get-in-touch-widget li a, .we-are-social li a {
	color:#646464;
}
.get-in-touch-widget li i, .we-are-social li i {
	color:#999999;
	margin-left:-30px;
	font-size:16px;
	width:18px;
	text-align:center;
	float:left;
}
.get-in-touch-widget li i.fa-phone, .we-are-social li i.fa-phone {
	font-size:18px;
}
.get-in-touch-widget li i.fa-globe, .we-are-social li i.fa-globe {
	font-size:20px;
}
.get-in-touch-widget li i.fa-clock-o, .we-are-social li i.fa-clock-o {
	font-size:20px;
}
.get-in-touch-widget li i.fa-map-marker, .we-are-social li i.fa-map-marker {
	font-size:21px;
}

.contact-form{ padding-bottom:30px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form2 	
.contact-form textarea{ width:100%; margin-right:0;}
.get-directions input[type="text"]{ width:60%; font-size:20px}
.social-rounded.contact{ padding-bottom:30px;}
.contact-form, .social-rounded.contact{ padding-bottom:30px;}
input[type="text"], 
input[type="email"], 
input[type="number"],
select{  width: 48%; height:40px; outline:none;}
textarea{ width:100%; height:240px; resize:none; outline:none;}
button {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}
button,
input,
select,
textarea {
  border: 0px transparent;
  color: #A5A5A5;
  font-family: inherit;
  font-size: 14px;
  margin:0 10px 7px 0;
  padding: 5px 9px 3px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  float:left;
  background: #eee;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input,
button,
select,
textarea {
  font-family: inherit;
  line-height: inherit;
}