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

@import url(http://fonts.googleapis.com/css?family=Nixie+One|Poiret+One|Yesteryear|Allura|Lobster|Mrs+Saint+Delafield|Lobster+Two|Dancing+Script|Raleway+Dots|Gruppo);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
@import url(http://fonts.googleapis.com/css?family=ABeeZee);

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i|Parisienne');

/*Menu*/

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:22px;}
div { position:relative } 


article, aside, figure, footer, header, hgroup, nav, section {display: block;}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/****************************** COOKIES ************************************/



.mainWrap{width:100%;margin-top:0%;text-align:center;}

nav{display:block;
margin-top: 0px;
background:#413d3e; /*  413d3e  ef8f00 */
width:100%;
}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;font-size:12px; padding-right:4%;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:300;
text-decoration:none;
padding:9px;
display:block;
color:#FFF;
letter-spacing:1px;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#ef8f00;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 35px;
left: 0px;
background: #ffffff;

}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ef8f00;
background:#f2f2f2;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#fef4db;
border-left:3px solid #413d3e;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

/*.sub-menu{margin-top:0px;}*/
.sub-menu li{text-align:center;}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#ef8f00;
color:#ffffff;
text-transform:none;
font-weight:600;
text-align:center;
}
.mobile-menu:hover{background:#413d3e;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;background:#ef8f00;
width:100%;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:100%;padding:0px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:0px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}

		
		

body{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-overflow-scrolling: none;}
.contenedor{width:100%;max-width:100%;margin:0 auto; overflow:hidden;}
.container{margin:0 auto; padding:0;}
.cabecera{position:absolute; z-index:9999999; background:#FFF; margin:0 auto; padding:0px;}
.logo img{padding-top:10px; padding-bottom:10px; margin-left:0px; text-align:left;}
.colum{padding:7%;}
.banderas{margin-right:0px; padding-top:2%; padding-bottom:2%; text-align:right;}
.banderas a{margin:0px; padding:0px; margin-right:2px;}
.banderas p{font-family: 'ABeeZee', sans-serif; font-size:12px; color:#795b5d; line-height:20px; text-transform:none; padding:4%; padding-bottom:1%; padding-right:0px; text-align:right;}

a{color:#fff;font-family: 'ABeeZee', sans-serif;}
a:hover{text-decoration:none; color:#f0cc05; text-decoration:none;}
p{font-family: 'ABeeZee', sans-serif; font-size:13px; color:#6e6e6e; line-height:20px; padding:15px; padding-left:0px; padding-bottom:0px; font-weight:300; letter-spacing:1px;}
.lista-servicios li{font-family: 'ABeeZee', sans-serif; font-size:13px; color:#6e6e6e; line-height:15px; padding-top:15px; padding-left:0px; padding-bottom:0px; font-weight:300; letter-spacing:1px;}
h1{font-size:28px; color:#413d3e; line-height:42px; font-weight:100; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5); margin-left:0px;}
h2{font-size:48px; color:#ef8f00; line-height:62px; font-weight:100; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5);}
h3{font-size:15px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px;}


.titulo-big h2{font-size:48px; color:#ef8f00; line-height:62px; font-weight:100; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5);}
.line-title{border-bottom: 5px solid #ef8f00; width:20%; margin-left:0px;}
.line-title-servicios{border-bottom: 5px solid #ef8f00; width:20%; margin-left:0px;}
.line-mini{border-bottom: 3px solid #ef8f00; width:5%; margin-left:0px; margin:0 auto;}
.line-mini-left{border-bottom: 3px solid #ef8f00; width:15%; margin-left:0px;}
.negrita{font-size:18px; color:#413d3e; line-height:28px; font-weight:500; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5);}
span{font-size:48px; color:#413d3e; line-height:48px; font-weight:100; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5);}
.mini{padding-bottom:2%; padding-top:2%;}
.mini h2{font-size:24px; color:#413d3e; line-height:62px; font-weight:100; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5);  text-transform:uppercase;}
.mini span{font-size:24px; color:#413d3e; line-height:62px; font-weight:400; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5); text-transform:uppercase;}

.slide{width:100%;height:auto;background:#fff;box-sizing:border-box; margin-top:0%;}
.slide img{width:100%;margin-top:0px;}
.slide h2{color:#fff; font-weight:bold; margin-top:0%; margin-bottom:0px; font-size:56px; text-transform:uppercase; line-height:56px; letter-spacing:2px; text-align:left;}
.slide span{font-weight:200;}
.slide h3{font-size:22px; color:#ffffff; line-height:28px; font-weight:400; text-align:left;text-transform:uppercase;}
.slide p{font-size:24px; line-height:28px; color:#fff; font-weight:200;}
.slide a{text-align:left;}

.slider-thumb{margin:0 auto; padding:0px;}

/******************** parallax *************************/

.parallax { background: url('../img/home-bienvenida.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.parallax h1 {color: #413d3e; margin-bottom: 40px; font-size:56px; text-transform:uppercase;text-shadow: -1px -1px 1px rgba(255,255,255, 5);}
.parallax h1 span {display: block; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-top: 20px; letter-spacing: 1px; color:#ef8f00;}

.parallax-servicios { background: url('../img/cemento.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.parallax-servicios h4 {color: #151816; font-family: 'ABeeZee', sans-serif; margin-bottom: 40px; font-size:56px; line-height:52px; text-transform:none;text-shadow: -1px -1px 1px rgba(255,255,255, 5);}
.parallax-servicios h4 span {font-weight: bold; color: #151816;}

.parallax-empresa { background: url('../img/montador.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.parallax-empresa h1 {color: #ef8f00; margin-bottom: 40px; font-size:56px; text-transform:uppercase;text-shadow: -1px -1px 1px rgba(255,255,255, 5);}
.parallax-empresa h1 span {display: block; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-top: 20px; letter-spacing: 1px; color:#ef8f00;}

.parallax-home-banner {background: url('../img/home-banner.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.parallax-home-banner h4 {color: #fff; margin-bottom: 40px; font-size:42px; text-transform:uppercase;font-family: 'ABeeZee', sans-serif;}
.parallax-home-banner h4 span {display: block; font-size: 15px; text-transform: none; font-weight: bold; margin-top: 20px; letter-spacing: 1px; color:#CCC; }


img{box-sizing:border-box;}
.grey{background:#e1e1e1;}
.grey-bg{background:#f2f2f2;}
.box-white{background:#FFF;}
.borde-naranja{border-right:1px solid #e1e1e1;}
.grey-color{color:#4b4b4b; font-weight:500;}
.yellow-bg{background:#ef8f00;}
.yellow-bg h2{font-size:36px; color:#413d3e; line-height:62px; font-weight:200; letter-spacing:1px; text-transform:none;}
.yellow-bg p{width:50%; margin:0 auto; color:#FFF; font-size:14px; font-weight:400; margin-bottom:2%;}
.yellow-bg a{border:2px solid #413d3e; padding: 15px 20px 15px 20px; color:#413d3e; background:#ef8f00; letter-spacing:1px;}
.yellow-bg a:hover{color:#FFF; border:2px solid #FFF; padding: 15px 20px 15px 20px; background:#ef8f00; text-decoration:none; letter-spacing:1px;}

.section-padding{padding-top: 5%; padding-bottom:5%;}

.link-upper{font-size:10px; text-transform:uppercase; color:#eee; letter-spacing:1px; padding:4%;}
.link-upper span{font-size:10px; text-transform:uppercase; color:#999; letter-spacing:1px; padding:4%; padding-left:0px; font-style:normal;}
.link-page{color:#999; text-shadow:1px 0 0 #fff; font-size:14px; letter-spacing:1px;}


/************* BOTONES **********************/
.btn{background: rgba(239, 143, 0, 1); padding: 10px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #846507; -moz-box-shadow: 0px 3px 0px 0px #846507; box-shadow: 0px 3px 0px 0px #846507; margin: 20px 0 0; font-weight: bold; text-transform:none;}
.btn:hover{background: rgba(210, 129, 7, 0.9); color: #eeeeee; text-decoration:none; }

.btn-grey{background: rgba(75, 75, 75, 1); padding: 10px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #03264b; -moz-box-shadow: 0px 3px 0px 0px #03264b; box-shadow: 0px 3px 0px 0px #03264b; margin: 20px 0 0; font-weight: bold; text-transform:none;}
.btn-grey:hover{background: rgba(4, 52, 103, 0.9); color: #f7ae7d; text-decoration:none; }


.btn-border{border:2px solid #413d3e; padding: 15px 20px 15px 20px; color:#413d3e; background:#FFF; letter-spacing:1px;}
.btn-border:hover{color:#ef8f00; border:2px solid #ef8f00; padding: 15px 20px 15px 20px; background:#FFF; letter-spacing:1px; text-decoration:none;}

.btn-border-naranja{border:2px solid #ef8f00; padding: 15px 20px 15px 20px; color:#ef8f00; background:#FFF; letter-spacing:1px;}
.btn-border-naranja:hover{color:#151816; border:2px solid #151816; padding: 15px 20px 15px 20px; background:#FFF; letter-spacing:1px; text-decoration:none;}


/************************** CONTACTO *********************************/


.contacto{padding:2%; padding-left:4%; padding-top:4%;}
.contacto h1{font-weight: 100; margin: 0; color:#ef8f00; letter-spacing:1px; line-height:32px; font-size:36px; text-align:left;}
.contacto h2{font-weight: 100; margin: 0; color:#ef8f00; letter-spacing:1px; line-height:32px; font-size:36px; text-align:left;}
.contacto h4{font-weight: 200; margin: 0; color:#ef8f00; letter-spacing:1px; line-height:24px; font-size:14px; text-align:left; padding-left:3%;}
.contacto p{font-weight: 200; margin: 0; color:#4b4b4b; letter-spacing:1px; line-height:20px; font-size:13px; text-align:left;}
.contacto span{font-weight: 300; margin: 0; color:#4b4b4b; letter-spacing:1px; line-height:24px; font-size:13px; text-align:left;}
.contacto a{color:#4b4b4b; text-decoration:none; font-style:normal; font-weight:bold; font-size:13px; letter-spacing:1px; text-shadow:2px 0 0 #fff;}
.contacto ul{margin:0; margin-left:0px;}
.contacto li{font-family: 'Raleway', sans-serif; font-size:13px; color:#795b5d; line-height:28px; text-align:left; padding:0px; margin-left:0%; list-style:none;}

.box-padding{padding:4%; margin: 0; padding:auto;}
.box-padding h1{text-align:left; font-size:32px; line-height:28px; margin:0px; text-transform:none; text-shadow: 0 1px 0 #ffffff; padding:20px; padding-left:0px; padding-bottom:0px; opacity:100; color:#333;}

.caja{height:auto; max-height:370px;}
.caja-mini{padding-top:3%; padding-left:4%; padding-right:5%; padding-bottom:1%; margin: 0; padding:auto; height:auto; max-height:370px; font-size:24px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px; font-family: 'Raleway', sans-serif; background:#FFF; height:370px;}
.caja-mini img{height:auto; max-height:370px;box-sizing:border-box;}
.caja-mini h3{font-size:24px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px;}


.caja-mini-white{padding-top:3%; padding-left:4%; padding-right:5%; padding-bottom:4%; margin: 0; padding:auto; height:auto; font-size:24px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px;background:#FFF;}
.caja-mini-white img{margin:0 auto;}
.caja-mini-white h3{font-size:24px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px;}
.caja-mini-white span{font-size:24px; color:#ef8f00; line-height:28px; font-weight:100; letter-spacing:1px; text-transform:none;}
.caja-mini-white p{font-size:13px; color:#413d3e; line-height:20px; font-weight:100; letter-spacing:1px;}


.caja-mini-grey{padding-top:3%; padding-left:4%; padding-right:5%; padding-bottom:1%; margin: 0; padding:auto; height:auto; max-height:370px; font-size:24px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px; font-family: 'Raleway', sans-serif; background:#151816; height:370px;}
.caja-mini-grey img{height:auto; max-height:370px;box-sizing:border-box;}
.caja-mini-grey h3{font-size:24px; color:#ef8f00; line-height:28px; font-weight:100; letter-spacing:1px;}
.caja-mini-grey p{font-size:13px; color:#e1e1e1; line-height:20px; font-weight:100; letter-spacing:1px; text-align:justify;}


/************************** LISTADO *********************************/
.list ul{margin:0; margin-left:0px;}
.list li{font-family: 'Raleway', sans-serif; font-size:13px; color:#795b5d; line-height:28px; text-align:left; padding:0px; margin-left:0%; list-style:none;}
.servicios{padding:3%; padding-top:1%; padding-bottom:8%; margin: 0; padding:auto;}
.servicios p{font-size:13px; color:#795b5d; line-height:20px; padding:10px; padding-left:0px; font-weight:300; text-align:center;}		
.servicios h1{font-family: 'Dancing Script', cursive; font-size:32px; line-height:20px; margin:0px; text-transform:none; padding:15px; padding-left:0px; opacity:100; color:#333;}
.servicios h2{font-family: 'ABeeZee', sans-serif; color:#fff; font-size:18px; line-height:24px;color:#043467; font-weight:300; margin-top:2%; margin-bottom:0px; font-weight:normal; text-transform:none; letter-spacing:1px;}
.servicios h3{font-family: 'ABeeZee', sans-serif; font-size:13px; color:#795b5d; line-height:20px; padding:10px; padding-left:0px; font-weight:300; text-align:center;}	
.title h1{text-align:left; font-family: 'Dancing Script', cursive; font-size:32px; line-height:28px; margin:0px; text-transform:none; text-shadow: 0 1px 0 #ffffff; padding:20px; padding-bottom:0px; opacity:100; color:#333;}
.title h2{color:#fff; font-size:18px; line-height:30px; font-family: 'Raleway', sans-serif; color:#043467; font-weight:bold; padding:20px; padding-bottom:0px; padding-top:0px; margin-bottom:0px; font-weight:normal; text-transform:none; letter-spacing:1px;}		
.enlaces a{color:#ef8f00;font-family: 'ABeeZee', sans-serif;}
.enlaces a:hover{text-decoration:none; color:#413d3e; text-decoration:none;}
.enlaces h1{font-size:38px; color:#ef8f00; line-height:42px; font-weight:100; letter-spacing:1px; text-shadow: -1px -1px 1px rgba(255,255,255,0.5); margin-left:0px;}



/************************** PIE *********************************/
.footer{background:#151816; margin:0 auto; padding:0; border-top:4px solid #ef8f00; font-family: 'Raleway', sans-serif; padding-bottom:2%; padding-top:2%;}
.footer p{font-size:11px; color:#ccc; line-height:15px; letter-spacing:1px; font-weight:500;}
.footer a{color:#ccc; line-height:18px; width:auto; margin-left:0px; padding-top:0px; list-style:none; letter-spacing:1px; font-weight:100;}
.footer a:hover{color:#ef8f00; text-decoration:none;}
.footer span{color:#ef8f00; font-style:normal; font-size:11px;}
.links-footer a{font-size:12px; color:#ccc; line-height:18px; text-align:center; width:auto; padding-right:2%; padding-top:5%;list-style:none; letter-spacing:1px; font-weight:100; margin:0 auto;}
.footer hr{border: 1px outset #777; background-color: #ccc;}
.legal a{font-size:11px; color:#ccc; line-height:18px; width:auto; margin-left:0px; padding-top:0px; list-style:none; letter-spacing:1px; font-weight:100; margin:0 auto;}
.legal p{font-size:11px; color:#ccc; line-height:18px; width:auto; margin-left:0px; padding-top:0px; font-weight:100; margin:0 auto;}
/*redes sociales*/
.caja-redes {
    margin: 0 auto;
    padding-top: 2%;
	padding-bottom:0%;
    position: relative;
    height:50px;
}
.caja-redes a {
	text-align: center;
	font-size: 24px;
	padding:2%;
}
.icon-button {
	cursor: pointer;
	display: inline-block;
	margin: 0 auto;
	position: relative;
}

/* Iconos */
.icon-button i {
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 2;
}
.icon-button .icon-linkedin {
	color: #413d3e;
	font-size: 28px;
	padding:5%;
	text-align:center;
}

.icon-button .icon-twitter {
	color: #413d3e;
	font-size: 28px;
	padding:5%;
	text-align:center;
}
.icon-button .icon-facebook {
	color: #413d3e;
	font-size: 28px;
	padding:5%;
	text-align:center;
}

.icon-button:hover .icon-linkedin, .icon-button:hover .icon-pinterest, .icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus {
	color:#ef8f00;
	font-size: 32px;
	padding:5%;
	text-align:center;
	text-decoration:none;
}


.padding-big{padding-top:7%; padding-bottom:0%; margin-left:auto; margin-right:auto;}
.padding-big-all{padding:5%; margin-left:auto; margin-right:auto;}

.servicios-home-orange{background:#ef8f00; height:372px; color:#FFF; margin:0 auto;} /*ff6600*/
.servicios-home-orange h2{color:#FFF; font-weight:100; margin-top:0%; margin-bottom:0px; font-size:38px; text-transform:none; line-height:38px; padding:4%; padding-bottom:5px; padding-top:6%;}
.servicios-home-orange span{font-weight:200;}
.servicios-home-orange h3{font-family: 'Raleway', sans-serif; font-size:12px; color:#413d3e; line-height:28px; font-weight:200; padding:4%; padding-top:0px;}
.servicios-home-orange li{font-family: 'Raleway', sans-serif; font-size:12px; line-height:24px; color:#FFF; font-weight:700; padding-left:7%; width:95%;}
.servicios-home-orange a{font-family: 'Raleway', sans-serif; font-size:12px; line-height:24px; color:#FFF; font-weight:200; padding-left:4%;}
.servicios-home-orange a:hover{font-family: 'Raleway', sans-serif; font-size:12px; line-height:24px; color:#413d3e; font-weight:200; padding-left:4%;}



.servicios-home-black{background:#413d3e; height:372px; color:#ef8f00;} /*ff6600*/
.servicios-home-black h2{color:#FFF; font-weight:100; margin-top:0%; margin-bottom:0px; font-size:38px; text-transform:none; line-height:38px; padding:4%; padding-bottom:5px; padding-top:6%;}
.servicios-home-black span{font-weight:200;}
.servicios-home-black h3{font-family: 'Raleway', sans-serif; font-size:12px; color:#413d3e; line-height:28px; font-weight:200; padding:4%; padding-top:0px;}
.servicios-home-black li{font-family: 'Raleway', sans-serif; font-size:12px; line-height:24px; color:#FFF; font-weight:700; padding-left:7%; width:95%;}
.servicios-home-black a{font-family: 'Raleway', sans-serif; font-size:12px; line-height:24px; color:#FFF; font-weight:200; padding-left:4%;}
.servicios-home-black a:hover{font-family: 'Raleway', sans-serif; font-size:12px; line-height:24px; color:#ef8f00; font-weight:200; padding-left:4%;}

.caja-sercivios{height:auto; max-height:200px;}
.caja-servicios h4{font-size:24px; color:#413d3e; line-height:28px; font-weight:100; letter-spacing:1px; font-family: 'Raleway', sans-serif;}
.caja-servicios p{text-align:justify;}
.logo-clientes img{padding:2%; margin:0 auto;}

.formulario{background:#f3f3f3; padding:25px; border-radius:15px; border:1px solid #e5e5e5;}


.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1413d3epx;
	list-style: none;
	text-align: center;
	width:auto; 
	height:372px;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 100%;
	max-width: 500px;
	max-height: 372px;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1413d3e;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	color:#ef8f00;
}

.grid figure h2 span {
	font-weight: 800;
	color:#ef8f00;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/* Individual */


figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	font-size:28px;
	line-height:28px;
	font-weight:400;
	color:#ef8f00;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	width:70%;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	font-weight:700;
	line-height:18px;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}



figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
.titulo-obras p{font-family: 'ABeeZee', sans-serif; font-size:15px; color:#795b5d; line-height:20px; text-transform:none;}
.titulo-obras span{font-family: 'ABeeZee', sans-serif; font-size:18px; color:#ef8f00; line-height:25px; text-transform:none;}
.box{margin:0 auto; padding:0px;}
.box-galeria p{font-family: 'ABeeZee', sans-serif; font-size:13px; color:#795b5d; line-height:20px; text-transform:none; padding:4%; text-align:center;}
.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:330px; max-height:400px;}

.box-galeria span{font-family: 'ABeeZee', sans-serif; font-size:14px; color:#ef8f00; line-height:25px; text-transform:none;}





/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.parallax { background-attachment: scroll;}
	.caja-servicios h4{padding-left:5%;}
	.caja-servicios p{padding-left:5%;}
	.line-title hr{padding-left:5%;}
	.line-title-servicios{border-bottom: 5px solid #ef8f00; width:20%; padding-left:0%; margin-left:5%;}
	.carousel{
				width:100%;	
				padding-right:0px;
				padding-left:0px;
			}
			.carousel img{
				width:100%;
				margin-left:0%;
				margin-right:0%;	
				margin-top:0px;
			}
			.carousel-caption {
			  width:45%;
			  text-align:left;
			  margin-bottom:0px;
			  margin-top:10%;
			   margin-left:2%;
			}
			.carousel-caption h2 {
			  font-size:32px;
			  line-height:28px;
			  padding-left:0px;
			  margin-top:0px;
			  margin-left:0%;
			  text-align:left;
			}
			
			.carousel-caption h3 {
				font-size:14px;
			  line-height:14px;
				font-weight:300;
			text-align:left;
			}
			.carousel-indicators{
				position:absolute;
				margin-top:25%;
				margin-left:5%;
				text-align:left;	
			}
			#nav-toggle { right: 5%; top: 0; }
			.box{margin:0 auto; padding:0px;}
			.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:300px; max-height:400px; width:25%; margin:0 auto; padding:0px;}
			.box-galeria span{font-size:15px;}
			.box-galeria img{width:100%;}
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	
	.parallax { background-attachment: scroll;}
	.line-title-servicios{border-bottom: 5px solid #ef8f00; width:20%; padding-left:0%; margin-left:5%;}
	.carousel{
				width:100%;	
				padding-right:0px;
				padding-left:0px;
			}
			.carousel img{
				width:100%;
				margin-left:0%;
				margin-right:10%;	
				margin-top:5px;
			}
			.carousel-caption{
			  width:50%;
			  text-align:left;
			  margin-bottom:0px;
			  margin-top:10%;
			   margin-left:2%;
			}
			.carousel-caption h2 {
			  font-size:24px;
			  line-height:36px;
			  padding-left:0px;
			  margin-top:0px;
			  margin-left:0%;
			  text-align:left;
			}
			
			.carousel-caption h3{
				font-size:14px;
			  line-height:14px;
				font-weight:300;
			text-align:left;
			}
			.carousel-indicators{
				position:absolute;
				margin-top:20%;
				margin-left:5%;
				text-align:left;	
			}
			#nav-toggle { right: 5%; top: 0; }
			.box{margin:0 auto; padding:0px;}
			.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:300px; max-height:400px; width:25%; margin:0 auto; padding:0px;}
			.box-galeria span{font-size:15px;}
			.box-galeria img{width:100%;}
}
@media screen and (min-width:769px) and (max-width:991px) {
		.parallax { background-attachment: scroll;}
		.servicios-home-black{background:#413d3e; height:auto; padding-bottom:2%; color:#ef8f00;} /*ff6600*/
	.servicios-home-orange{background:#ef8f00; height:auto; padding-bottom:2%; color:#FFF; margin:0 auto;} /*ff6600*/
	.servicios-home-black h2{font-size:24px; line-height:24px;} /*ff6600*/
	.servicios-home-orange h2{font-size:24px; line-height:24px;} /*ff6600*/
	.caja-servicios h4{padding-left:5%;}
	.caja-servicios p{padding-left:5%;}
	.line-title hr{padding-left:5%;}
	.line-title-servicios{border-bottom: 5px solid #ef8f00; width:20%; padding-left:0%; margin-left:5%;}
		.carousel{
				width:100%;	
				padding-right:0px;
				padding-left:0px;
				
			}
			.carousel-indicators {
  position: relative;
  margin-top:0%;
  padding-left:40%;
  padding-right:35%;
  z-index: 5;
  margin: 0;
  list-style: none;
  color:#ccc;
 width:100%;
 padding-top:0px;
 padding-bottom:0px;
 height:8%;
 
 
}

			.carousel img{
				width:100%;
				margin-left:0px;
				margin-right:0%;	
				margin-top:0px;
			}
			.carousel-caption {
			  width:45%;
			  text-align:left;
			  margin-bottom:0px;
			  margin-top:10%;
			   margin-left:0%;
			}
			.carousel-caption h2 {
			  font-size:25px;
			  line-height:28px;
			  padding-left:0px;
			  margin-top:0px;
			  margin-left:2%;
			  text-align:left;
			}
			
			.carousel-caption h3 {
				font-size:14px;
			  line-height:18px;
				font-weight:300;
				margin-left:10px;
				text-align:left;
			}
			.carousel-indicators{
				position:absolute;
				margin-top:25%;
				margin-left:5%;
				text-align:left;	
			}
		#nav-toggle { right: 5%; top: 0; }
		.box{margin:0 auto; padding:0px;}
			.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:350px; max-height:400px; width:50%; margin:0 auto; padding:0px;}
			.box-galeria span{font-size:15px;}
			.box-galeria img{width:100%;}
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:768px) {
	.parallax { background-attachment: scroll;}
	.caja-home h2{font-size:25px;line-height:28px;}
	.caja-home p{line-height:22px; text-align:justify;}
	.caja-redes{margin-top:3%; margin-right:0px;}
	.caja-servicios h4{padding-top:7%;}
	.caja-mini h4{padding-top:9%;}
	.line-title-servicios{border-bottom: 5px solid #ef8f00; width:20%; padding-left:0%; margin-left:5%;}
	.carousel img{
				width:100%;
				padding-left:0%;
				padding-right:0%;	
				margin-bottom:5%;
				margin-top:0px;
				text-align:center;
			}
			.carousel-caption {
			  width:100%;
			  text-align:center;
			  margin-bottom:55px;
			  margin-top:0px;
			   margin-left:0px;
			}
			.carousel-caption h2 {
			  font-size:28px;
			  line-height:28px;
			  padding-left:0px;
			  margin-top:0px;
			  margin-left:0px;
			  text-align:center;
			}
			
			.carousel-caption h3 {
				font-size:14px;
			  line-height:14px;
				font-weight:300;
			text-align:center;
			}
			.carousel-indicators{
				margin-top:5%;
				margin-left:5%;	
				position:relative;
			}
			.clientes img{width:30%;}
			.subtitulo{padding-top:5%;}
			#nav-toggle { right: 5%; top: 0; }
			.logo img{padding-left:10px;}
			.banderas{margin-top:5%;}
			.banderas img{margin-right:10px;}
			.box{margin:0 auto; padding:0px;}
			.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:350px; max-height:400px; width:50%; margin:0 auto; padding:0px;}
			.box-galeria span{font-size:15px;}
			.box-galeria img{width:100%;}

}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.parallax { background-attachment: scroll;}
	.caja-servicios h4{padding-top:7%;}
	.caja-mini h4{padding-top:9%;}
	footer a{text-align:center;}
	container p{text-align:justify;}
	.parallax-servicios span{font-size:22px; line-height:20px; text-align:center;}
	.parallax-servicios img{width:10%; height:10%;}
	.padding-big{padding-top:7%; padding-bottom:0%; margin-left:auto; margin-right:auto;}
	.caja-home{width:95%; margin:0; margin-left:2%;}
	.caja-home h2{font-size:28px;line-height:28px;}
	.caja-home p{line-height:22px; text-align:justify;}
	.flotante{margin-left:-1%;}
	.caja-redes{margin-top:2%; margin-right:0px;}
	.servicios-home-black{background:#413d3e; height:auto; padding-bottom:5%; color:#ef8f00;} /*ff6600*/
	.servicios-home-orange{background:#ef8f00; height:auto; padding-bottom:5%; color:#FFF; margin:0 auto;} /*ff6600*/
	.servicios-home-black h2{font-size:28px;} /*ff6600*/
	.servicios-home-orange h2{font-size:28px;} /*ff6600*/
	.carousel{
				width:100%;	
				height:auto;
				max-height:200px;
				margin-top:0px;
			}
			.carousel img{
				width:100%;
				margin-left:0px;
				margin-right:0%;	
				margin-bottom:0%;
			}
			.carousel-caption{
			  width:100%;
			  height:100px;
			  text-align:center;
			  margin-bottom:0%;
			  margin-top:10%;
			   margin-left:0px;
			   
			   
			}
			.carousel-caption h2 {
			  font-size:14px;
			  line-height:18px;
			  padding-left:0px;
			  margin-top:0%;
			  margin-left:0px;
			  text-align:center;
			}
			
			.carousel-caption h3 {
				font-size:12px;
			  line-height:14px;
				font-weight:300;
			text-align:center;
			}
			.carousel-indicators{
				position:relative;
				margin-top:15%;	
			}
			#nav-toggle { right: 5%; top: 0; }
			.clientes img{width:40%;}
			.subtitulo{padding-top:7%;}
			.logo img{padding-left:10px;}
			.banderas{margin-top:5%;}
			.banderas img{margin-right:10px;}
			.box{margin:0 auto; padding:0px;}
			.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:400px; max-height:400px; width:100%; margin:0 auto; padding:0px;}
			.box-galeria span{font-size:15px;}
			.box-galeria img{width:100%;}
}
/* 320px (iPhone) */
@media screen and (max-width:320px) {
	.parallax { background-attachment: scroll;}
	.caja-servicios h4{padding-top:7%;}
	.caja-mini h4{padding-top:9%;}
	footer a{text-align:center;}
	container p{text-align:justify;}
	.parallax-servicios span{font-size:22px; line-height:20px; text-align:center;}
	.parallax-servicios img{width:10%; height:10%;}
	.padding-big{padding-top:7%; padding-bottom:0%; margin-left:auto; margin-right:auto;}
	.caja-home{width:95%; margin:0; margin-left:2%;}
	.caja-home h2{font-size:28px;line-height:28px;}
	.caja-home p{line-height:22px; text-align:justify;}
	.flotante{margin-left:-1%;}
	.caja-redes{margin-top:2%; margin-right:0px;}
	.servicios-home-black{background:#413d3e; height:auto; padding-bottom:5%; color:#ef8f00;} /*ff6600*/
	.servicios-home-orange{background:#ef8f00; height:auto; padding-bottom:5%; color:#FFF; margin:0 auto;} /*ff6600*/
	.servicios-home-black h2{font-size:28px;} /*ff6600*/
	.servicios-home-orange h2{font-size:28px;} /*ff6600*/
	.carousel{
				width:100%;	
				height:auto;
				max-height:200px;
				margin-top:0px;
			}
			.carousel img{
				width:100%;
				margin-left:0px;
				margin-right:0%;	
				margin-bottom:0%;
			}
			.carousel-caption{
			  width:100%;
			  height:100px;
			  text-align:center;
			  margin-bottom:0%;
			  margin-top:10%;
			   margin-left:0px;
			   
			   
			}
			.carousel-caption h2 {
			  font-size:14px;
			  line-height:18px;
			  padding-left:0px;
			  margin-top:0%;
			  margin-left:0px;
			  text-align:center;
			}
			
			.carousel-caption h3 {
				font-size:12px;
			  line-height:14px;
				font-weight:300;
			text-align:center;
			}
			.carousel-indicators{
				position:relative;
				margin-top:15%;	
			}
			#nav-toggle { right: 5%; top: 0; }
			.clientes img{width:40%;}
			.subtitulo{padding-top:7%;}
			.box{margin:0 auto; padding:0px;}
			.box-galeria{background:#FFF; border:1px solid #ccc; margin-top:0px; height:400px; max-height:400px; width:100%; margin:0 auto; padding:0px;}
			.box-galeria span{font-size:15px;}
			.box-galeria img{width:100%;}
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

/******************************** COOKIES  ***********************************/

#barraaceptacion {
    position:fixed;
	z-index:99999;
	width: 100%;
	height:auto;
	max-height: 600px;
	vertical-align: middle;
    left: 0;
	right: 0;
	bottom: 0px;
	border-top: 1px solid #ef8f00;
    
    
    background-color: rgba(32, 32, 32, 0.9);
	
    color:#fff;
    
}

.inner{
	padding: 45px;
}
.inner span{
    width:100%;
    /*position: absolute;*/
    font-family: 'Montserrat', sans-serif;
    font-size:1.4rem;
	line-height: 1rem;
	letter-spacing: 1px;
	color: #ef8f00;
	
}
.inner p{
    width:100%;
    /*position: absolute;*/
    font-family: 'Montserrat', sans-serif;
    font-size:1.2rem;
	line-height: 1.8rem;
	letter-spacing: 1px;
	font-weight: 100;
	color: #FFF;
	
}
 
.inner a {
    padding:4px;
    color:#FFF;
    text-decoration:none;
	font-size:1.2rem;
	line-height: 1rem;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#FFF;
	font-weight: 400;
	font-size:1.2rem;
	line-height: 1rem;
	font-family: 'Montserrat', sans-serif;
}

/******************************** FIN COOKIES  ***********************************/