/* Font */
@font-face{font-family:'akzentconddb';src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot');src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff2') format('woff2'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff') format('woff'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.ttf') format('truetype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.svg#akzentcond_dbregular') format('svg');font-weight:normal;font-style:normal; }
@font-face{font-family:'open_sansregular';src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'opensansbold';src:url('../fonts/OpenSans/opensans-bold-webfont.eot');src:url('../fonts/OpenSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-bold-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-bold-webfont.svg#open_sanslight') format('svg');font-weight:bold;font-style:normal; }
@font-face{font-family:'opensanslight';src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:300;font-style:normal; }
@font-face{font-family:'opensanssemibold';src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:600;font-style:normal; }
@font-face{font-family:'opensansextrabold';src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');font-weight:800;font-style:normal; }
@font-face{font-family:'Heebo Regular';font-style:normal;font-weight:normal;src:local('Heebo Regular'),url('../fonts/Heebo/Heebo-Regular.woff') format('woff');}
@font-face{font-family:'Heebo Light';font-style:normal;font-weight:normal;src:local('Heebo Light'),url('../fonts/Heebo/Heebo-Light.woff') format('woff');}
@font-face{font-family:'Heebo Bold';font-style:normal;font-weight:normal;src:local('Heebo Bold'),url('../fonts/Heebo/Heebo-Bold.woff') format('woff');}
@font-face{font-family:'Heebo ExtraBold';font-style:normal;font-weight:normal;src:local('Heebo ExtraBold'),url('../fonts/Heebo/Heebo-ExtraBold.woff') format('woff');}
@font-face{font-family:'Heebo Black';font-style:normal;font-weight:normal;src:local('Heebo Black'),url('../fonts/Heebo/Heebo-Black.woff') format('woff');}
@font-face{font-family:'Mont';src:url('../fonts/Mont/Mont-Regular.eot');src:local('Mont Regular'),local('Mont-Regular'),url('../fonts/Mont/Mont-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Mont/Mont-Regular.woff2') format('woff2'),url('../fonts/Mont/Mont-Regular.woff') format('woff'),url('../fonts/Mont/Mont-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
.mont{font-family:'Mont' !important;font-weight:normal;font-style:normal;}
@font-face{font-family:'Mont';src:url('../fonts/Mont/Mont-SemiBold.eot');src:local('Mont SemiBold'),local('Mont-SemiBold'),url('../fonts/Mont/Mont-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Mont/Mont-SemiBold.woff2') format('woff2'),url('../fonts/Mont/Mont-SemiBold.woff') format('woff'),url('../fonts/Mont/Mont-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;}
.montsb{font-family:'Mont' !important;font-weight:600;font-style:normal;}
@font-face{font-family:'Mont';src:url('../fonts/Mont/Mont-Bold.eot');src:local('Mont Bold'),local('Mont-Bold'),url('../fonts/Mont/Mont-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Mont/Mont-Bold.woff2') format('woff2'),url('../fonts/Mont/Mont-Bold.woff') format('woff'),url('../fonts/Mont/Mont-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;}
.montb{font-family:'Mont' !important;font-weight:bold;font-style:normal;}

/*Fuentes*/
.arial{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;}
.osans{font-family:'open_sansregular' !important;}
.osansb{font-family:'opensansbold' !important;}
.osansl{font-family:'opensanslight' !important;}
.osanssb{font-family:'opensanssemibold' !important;}
.osanseb{font-family:'opensansextrabold' !important;}
.heebo{font-family:'Heebo Regular' !important;}
.heebob{font-family:'Heebo Bold' !important;}
.heebol{font-family:'Heebo Light' !important;}
.heeboeb{font-family:'Heebo ExtraBold' !important;}
.heebobl{font-family:'Heebo Black' !important;}
.aconddb{font-family:'akzentconddb' !important;}
/*CONFIGURACION*/
.row{max-width:76.875em;}
.columns{padding-left:15px;padding-right:15px;}
.callout{padding:0;margin:0;border:0;}
.rel{position:relative !important;}
.abs{position:absolute;top:0;left:0;}
.nothing{padding:0;}
.verticalalignmiddle{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.fullwidth{width:100%;}
.em{font-style:italic;}
.bold{font-weight:bold;}
.color1{color:#1C2834 !important;}
.color2{color:#A70000 !important;}
.color3{color:#333 !important;}
.color4{color:#E7EF0E !important;}
.color-blanco{color:white !important;}
.fondo-blanco{background-color:white !important;}
.texto{color:#465460 !important;}
.boton{color:white;background-color:#ED1C24;max-width:216px;width:100%;transition:all 0.5s ease;padding:18px;font-size:17px;line-height:17px;border-radius:5px;display:block;text-align:center;}
.boton:hover,.boton:focus{color:#FFF;background-color:#1C2834;}
h1{font-size:40px;line-height:45px;margin:0;}
h2{font-size:35px;line-height:40px;margin:0;}
h3{font-size:30px;line-height:35px;margin:0;}
h4{font-size:35px;line-height:40px;margin:0;}
h5{font-size:20px;line-height:25px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}

.iconos{display:inline-block;background-color:transparent;background-image:url(../img/iconos/menu.png);background-repeat:no-repeat;vertical-align:middle;}
.menu-adaptable{width:39px;height:21px;margin-top:-3px;}
.menu_bar{display:none;}
.en-linea>*{display:inline-block;vertical-align:middle;}
.oculw{display:none;position:fixed;width:60px;height:60px;top:50%;z-index:999;right:0px;}
.pagination a:hover,
.pagination .current{background:#E5E5E5 !important;color:#333; }

body{font-family:'open_sansregular', sans-serif;;color:#000;background:white;}

.pagination li.current{background: transparent !important;padding: 0;}
.pagination li a{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;padding: 15px 20px;margin-right: 5px;margin-bottom: 5px;color: #999999;display: inline-block;border: 1px solid #e6e6e6;background: #ffffff;transition: all 0.5s ease;}
.pagination li:hover a,.pagination li a:hover,.pagination li.current a{background:#FD4D40 !important;border-color:#FD4D40;color:#FFF;}

header{position:absolute;transition:all 0.5s ease;width:100%;z-index:99;top:0;background:transparent;}
header.flota{opacity:0;}
header .primer{padding:20px 15px;}
header .logo{margin:0;display:inline-block;transition:all 0.5s ease;}
header .logo img{position:relative;z-index: 9;}

/*Menu*/
nav{display:block;transition: all 0.5s ease;position:relative;z-index:99;border-radius:10px;max-width:1075px;width:100%;margin:35px auto 0;}
nav > ul{line-height:15px;margin:0;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;padding:0}
nav > ul > li + li{margin-left:-4px;}
nav > ul > li > a{display:inline-block;font-size:16px;color:#FFF;position:relative;padding:7px 22px;text-align:center;transition:all 0.5s ease;line-height:16px;border-radius:5px;}
nav > ul > li:hover > a,nav > ul > li > a:focus,nav > ul > li.active > a{color:#FFF;background:#EE222D;}
/* sub-menu */
nav li ul{display:none;position:absolute;width:193%;padding-top:5px;}
nav li:hover > ul,
nav li:hover > ul a{display:block;z-index:99;}
nav > ul > li > ul > li{display:block;margin:0;}
nav > ul > li > ul > li > a{display:block;font-size:14px;color:#FFF;position:relative;padding:9px 20px;background-color:#EE222D;}
nav > ul > li > ul li:first-child a{border-radius:5px 5px 0 0;}
nav > ul > li > ul li:last-child a{border-radius:0 0 5px 5px;}
nav > ul > li > ul > li:hover > a,
nav > ul > li > ul > li.active > a{color:#fff;background:#AE0D15;}


/*btn flotante debe ir afuera de footer*/
#back-top {position:fixed;bottom: 30px;left: 30px;z-index:2;}
#back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase;text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#a70000;background-image: url(../img/up-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transit8ion: 1s;transition: 1s;}
#back-top a:hover span {background-color:#000048;}

.banners .fondo{background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;}
.lSSlideOuter, .lSSlideWrapper, .lSSlideWrapper ul, .portada.solo-portada, .portada.solo-portada .fondo{height: 100%;}
.banner-header{background-image:url(../img/banners/header.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/header.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/header.png',sizingMethod='scale')"}
.banner-portada{background-color:#333;background-image:url(../img/banners/portada.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale')"}
.banner-portada2{background-color:#333;background-image:url(../img/banners/portada2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale')"}
.banner-portada3{background-color:#333;background-image:url(../img/banners/portada3.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada3.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada3.jpg',sizingMethod='scale')"}
.banner-noso{height:625px;background-color:#333;background-image:url(../img/banners/nosotros.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale')"}
.banner-obra{height:506px;background-color:#333;background-image:url(../img/banners/obras.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/obras.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/obras.jpg',sizingMethod='scale')"}
.banner-ser{height:506px;background-color:#333;background-image:url(../img/banners/servicio1.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/servicio1.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/servicio1.jpg',sizingMethod='scale')"}
.banner-ser2{height:506px;background-color:#333;background-image:url(../img/banners/servicio2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/servicio2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/servicio2.jpg',sizingMethod='scale')"}
.banner-cont{height:506px;background-color:#333;background-image:url(../img/banners/contacto.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale')"}
.banner-clie{height:506px;background-color:#333;background-image:url(../img/banners/clientes.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/clientes.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/clientes.jpg',sizingMethod='scale')"}
.banner-blog{height:506px;background-color:#333;background-image:url(../img/banners/blog.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/blog.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/blog.jpg',sizingMethod='scale')"}

.lSAction > a{width:60px;height:60px;z-index:2;opacity:.9;top:45%;margin:0;}
.lSAction > .lSPrev{background:url(../img/iconos/left.png) no-repeat;left:0;}
.lSAction > .lSNext{background:url(../img/iconos/right.png) no-repeat;right:0;}

/*Formulario*/
form{width:100%;margin:0 auto;max-width:733px;}
form .rela{max-width:306px;width:100%;}
form .rela2{max-width:100%;width:100%;}
form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],
form [type='month'],form [type='week'],form [type='email'],form [type='number'],form [type='search'],form [type='tel'],
form [type='time'],form [type='url'],form [type='color'],form textarea,form select,
form [type='text']:focus,form [type='password']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,
form [type='month']:focus,form [type='week']:focus,form [type='email']:focus,form [type='number']:focus,form [type='search']:focus,form [type='tel']:focus,
form [type='time']:focus,form [type='url']:focus,form [type='color']:focus,form textarea:focus,form select:focus{font-size:15px;line-height:18px;background-color:#F8F8F8;border:1px solid #CCC;z-index:9;box-shadow: none !important;height:40px;position:relative;color:#666;outline:0;border-radius:0;margin:0 0 14px;padding:10px 15px;background-position:right center;}
form textarea,form textarea:focus{height:150px;}
form label{font-size:15px;line-height:15px;padding-bottom:5px;color:#4A4A4A}
form label.error{font-size:10px;line-height:10px;position:absolute;color:white;background:#ff4949;bottom:-13px;width:100%;padding:2px 5px;z-index:1;border-radius:0 0 5px 5px}
form label.error.valid{display:none !important;}
form ::placeholder{color:#666;opacity:1;}

.callout.primary,.callout.alert,.callout.success{padding:10px;color:#333;margin-bottom:10px;}

main{margin-top:0;}

/*Pagina Principal*/
.banners .row{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.banners .centrar{position:absolute;left:15px;top:0;bottom:0;margin:auto;max-width:630px;height:260px;}
.banners blockquote{font-size:60px;line-height:65px;padding-bottom:10px;}
.banners blockquote span{font-size:24px;line-height:29px;display:block;}
.banners .boton{margin:0;}
.banners .cuadrado{position:absolute;right:15px;bottom:10px;margin:auto;max-width:180px;width:100%;height:180px;background:#EE222D;padding:20px}
.banners .cuadrado p span{display:block;font-size:20px;line-height:25px;}
.banners .cuadrado p b{display:block;font-size:35px;line-height:40px;letter-spacing:-1px}
.banners .lSAction{max-width:1230px;width:100%;margin:0 auto;position:relative;}
.banners .lSAction a{top:-150px;}
.banners .lSAction > .lSPrev{left:15px;}
.banners .lSAction > .lSNext{left:95px;right:initial;}
#portada .callout span{display:inline-block;font-size:17px;line-height:23px;border-bottom:2px solid #ED1C24;margin-bottom:15px;}
#portada .callout-1{padding:70px 0 90px;}
#portada .callout-1 h1{max-width:1050px;margin:0 auto;padding-bottom:15px;letter-spacing:-1px;}
#portada .callout-1 h4{letter-spacing:-1px;padding-top:22px;height:102px;}
#portada .callout-1 p{padding-bottom:70px;}
#portada .callout-1 .fonda{max-width:450px;background:#1C2834;margin:0 auto 50px;position:relative}
#portada .callout-1 .fonda .descri{padding:50px 55px;}
#portada .callout-1 .fonda .ima{margin-bottom:-50px;}
#portada .callout-1 .fonda .fina{position:absolute;right:30px;bottom:60px;display:block;width:48px;height:48px;}
#portada .callout-2{padding:100px 0 125px;background:#EBEBEB;}
#portada .callout-2 span{padding-top:30px;}
#portada .callout-2 .cuad{max-width:470px;margin:0 auto;}
#portada .callout-2 .imr{float:right;margin-top:75px;}
#portada .callout-2 .nothing{padding-left:15px;}
#portada .callout-2 h4{letter-spacing:-1px;padding-bottom:20px;}
#portada .callout-2 p{padding-bottom:20px;}
#portada .callout-2 .forma{background:#1C2834;padding:25px 33px;max-width:434px}
#portada .callout-2 .forma blockquote{font-size:35px;line-height:30px;}
#portada .callout-2 .forma blockquote small{font-size:16px;line-height:21px;display:block;}
#portada .callout-3{padding:100px 0;background:#1C2834;}
#portada .callout-3 span{margin:0 0 15px 50px;}
#portada .callout-3 h4{padding:0 0 55px 50px;}
#portada .callout-3 h4 a{margin-top:-13px;}
.proyec{max-width:567px;margin:0 auto;}
.proyec figure{overflow:hidden;}
.proyec figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.proyec figure:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
.proyec figure a{width:100%;height:100%;}
.proyec figure + a{background:#2e7ca0;max-width:100%;display:block;padding:25px;color:#E7EF0E;font-size:14px;line-height:20px;margin:0 auto 20px;position:relative;transition: all 0.5s ease;}
.proyec figure + a:hover{color:#FFF;}
.proyec figure + a small{display:block;font-size:16px;line-height:21px}
.proyec figure + a:hover small{color:#FFF;}
#portada .callout-4{padding:80px 0 140px;}
#portada .callout-4 span{margin-bottom:50px;}
#portada .callout-4 ul{margin:0 auto 60px}
#portada .callout-4 figure{height:150px}
#portada .callout-4 .clearfix{padding-bottom:70px}
#portada .callout-4 blockquote{font-size:45px;line-height:50px;padding:35px 0 30px;letter-spacing:-1px;}
#portada .callout-4 .boton{max-width:276px;margin:0 auto 20px;}
#portada .callout-4 p{font-size:25px;line-height:30px;}

/*Nosotros*/
#nosotros .callout-1{padding:50px 0 100px;}
#nosotros .callout-1 span{font-size:17px;line-height:22px;display:inline-block;border-bottom:2px solid #EE222D;margin:0 0 20px 20px;}
#nosotros .callout-1 h4{font-size:50px;line-height:55px;padding:0 0 20px 20px}
#nosotros .callout-1 h2{font-size:28px;line-height:33px;padding-bottom:20px}
#nosotros .callout-1 h5{font-size:26px;line-height:31px;padding-bottom:15px;margin-bottom:15px;background:url(../img/iconos/linea3.png) no-repeat;background-position:left bottom;}
#nosotros .callout .desc > *{padding-bottom:15px;margin-bottom:0;font-size:15px !important;}
#nosotros .callout-1 .oscura{background:#F5F5F5;padding:50px 15px;margin-bottom:45px;}
#nosotros .callout-1 .oscura p{font-size:16px;line-height:24px;}
#nosotros .callout-1 .oscura2{background:#F5F5F5;padding:40px 30px;margin-bottom:50px;min-height:370px;}
#nosotros .callout-1 .oscura3{background:#1C2834;padding:75px 35px;}
#nosotros .callout-1 .oscura3 p{padding-bottom:15px;}
#nosotros .callout-1 blockquote{color:#FFF808;font-size:22px;line-height:27px;display:block;padding-bottom:15px;margin-bottom:15px;background:url(../img/iconos/linea3.png) no-repeat;background-position:left bottom;}
#nosotros .callout-2{background:#F5F5F5;padding:90px 0 200px;}
#nosotros .callout-2 h5{font-size:22px;line-height:27px;padding-bottom:15px;margin-bottom:20px;background:url(../img/iconos/linea3.png) no-repeat;background-position:left bottom;}
#nosotros .callout-2 p{font-size:16px;line-height:23px;}
#nosotros .callout-2 p b{display:block;}
#nosotros .callout-2 ul{margin-bottom:20px}
#nosotros .callout-2 ul li{position:relative;font-size:15px;line-height:22px;padding-bottom:3px;}
#nosotros .callout-2 ul li span{position:absolute;left:0;top:0;}
#nosotros .callout-2 .centra{padding:0 25px;}
#nosotros .callout-2 .ima{padding-top:90px;}

/*Obras*/
#obra .callout-1{padding:70px 0 140px;}
#obra .callout span{display:inline-block;font-size:17px;line-height:29px;border-bottom:2px solid #ED1C24;margin-bottom:23px;}
#obra .callout-1 h1{font-size:50px;line-height:55px;padding-bottom:55px;letter-spacing:-1px;}
#obra .callout-1 .proyec{margin:0 auto 60px;}
#obra .callout-1 .hol{padding-top:50px;}
#obra .hol .clearfix{padding-bottom:50px}
#obra .hol blockquote{font-size:45px;line-height:50px;padding:35px 0 30px;letter-spacing:-1px;}
#obra .hol .boton{max-width:276px;margin:0 auto 20px;}
#obra .hol p{font-size:25px;line-height:30px;}
#obra .callout-2{padding:50px 0 90px;}
#obra .callout-2 .btn{display:inline-block;font-size:20px;line-height:20px;color:#EE222D;margin-bottom:25px;}
#obra .callout-2 .img{margin-bottom:20px;}
#obra .callout-2 .cuadra{background:#2e7ca0;padding:12px 50px;margin-bottom:70px;}
#obra .callout-2 h4{font-size:14px;line-height:20px;padding-bottom:5px;font-family: "trebuchet ms";font-weight:bold;}
#obra .callout-2 .oba{max-width:680px;margin:0 auto}
#obra .callout-2 .oba p{font-size:11px;line-height:16px;}

/*Cllientes*/
#clie .callout-1{padding:75px 0 100px;}
#clie .callout-1 h1{letter-spacing:-1px;padding-bottom:40px;}
#clie .callout-1 figure{max-width:277px;width:100%;height:180px;display:inline-block;}

/*Servicios*/
#servi .callout-1{padding:70px 0 150px;}
#servi .callout-1 .ceta{display:inline-block;font-size:17px;line-height:29px;border-bottom:2px solid #ED1C24;margin-bottom:23px;}
#servi .callout-1 h1{font-size:54px;line-height:59px;padding-bottom:40px;}
#servi .callout-1 .fig{max-width:150px;height:150px;width:100%;background:#1C2834;}
#servi .callout-1 .fig img{position:absolute;right:15px;bottom:15px;}
#servi .callout-1 .descrip{padding-bottom:40px;}
#servi .callout-1 .descrip > *{font-size:16px;line-height:22px;color:#333333;padding-bottom:20px;margin-bottom:0;}
#servi .callout-1 .ploma{max-width:380px;width:100%;background:#EBEBEB;margin:0 auto;}
#servi .callout-1 .ploma .figa{height:158px;}
#servi .callout-1 .opa{padding:0 3px 30px;}

#contacto .callout-1{padding:50px 0 30px;}
#contacto .callout-1 span{font-size:17px;line-height:22px;display:inline-block;border-bottom:2px solid #EE222D;margin-bottom:20px;}
#contacto .callout-1 h5{font-size:50px;line-height:55px;padding-bottom:20px;}
#contacto .callout-1 h3{color:#003399;padding-bottom:10px;margin-bottom:13px;background:url(../img/iconos/linea4.png) no-repeat;background-position:left bottom;}
#contacto .callout-1 .monta{color:#003399;padding-bottom:15px;}
#contacto .callout-1 .boton{max-width:158px;padding:13px;margin:0 auto 10px;}
#contacto .callout-1 form{max-width:630px;margin:0 auto;display:flow-root;}
#contacto .callout form .rela.float-right label.error{bottom:0}
#contacto .callout form .rela2 label.error{bottom:0}
#contacto .callout form label{color:#003399;padding-bottom:4px;margin-bottom:8px;background:url(../img/iconos/linea5.png) no-repeat;background-position:left bottom;}
#contacto .callout .datos{max-width:350px;width:100%;margin-bottom:15px;float:left;}
#contacto .callout .datos > *{display:inline-block;vertical-align:top;}
#contacto .callout .datos .dat1{width:65px;float:left;position:relative;}
#contacto .callout .datos .dat1 img{right:5px;position:absolute;top:3px;}
#contacto .callout .datos .dat{max-width:calc(100% - 66px);width:100%;float:right;}
#contacto .callout .datos .dat p{font-size:15px;line-height:20px;}
#contacto .callout .datos .dat p b{display:block;font-size:18px;line-height:23px;padding-bottom:3px;}

/*Publicacion*/
#blog .callout-1{padding:50px 0 100px;}
#blog .callout-1 h4{font-size:60px;line-height:65px;padding-bottom:40px;}
#blog .callout-1 .bloga{max-width:567px;margin:0 auto;}
#blog .callout-1 .bloga figure{overflow:hidden;}
#blog .callout-1 .bloga figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#blog .callout-1 .bloga figure:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
#blog .callout-1 .bloga figure a{width:100%;height:100%;}
#blog .callout-1 .bloga figure + a{background:#ED1C24;max-width:475px;display:block;padding:25px;color:white;font-size:22px;line-height:27px;margin:-45px 0 20px 20px;position:relative;}
#blog .callout-1 .bloga figure + a small{display:block;font-size:15px;line-height:20px;font-weight:normal;padding-top:5px;}
#blog .callout-1 .clearfix{padding-bottom:40px;}
#blog .callout-2{padding:80px 0 90px;}
#blog .callout-2 h3{letter-spacing:-1px;padding-bottom:30px;}
#blog .callout-2 ul{text-align:right;margin:5px 0 15px;}
#blog .callout-2 ul li{display:inline-block;}
#blog .callout-2 .fecha{background:#ED1C24;color:white;font-size:15px;line-height:15px;width:100%;max-width:200px;display:block;position:absolute;padding:13px 15px;bottom:-15px;left:10px;}
#blog .callout-2 .detalle{max-width:780px;margin:0 auto;}
#blog .callout-2 .detalle > *{color:#333;padding-bottom:15px;font-size:15px;line-height:20px;}
#blog .callout-2 .btn2{font-size:20px;line-height:20px;color:#EE222D;margin-bottom:20px;display:inline-block;}

/*footer*/
footer{background:#1C2834;padding:130px 0 15px;}
footer .factura{margin-top:30px;}
footer .logo{display:inline-block;margin-bottom:25px;}
footer p{font-size:15px;line-height:20px;padding-bottom:20px;color:white;}
footer p a,footer p a:hover{color:white;display:inline-block;}
footer p > a + a{margin-left:10px}
footer p.titu{font-size:19px;line-height:24px;background:url(../img/iconos/linea2.png) no-repeat;background-position:left bottom;padding-bottom:8px;margin-bottom:20px;}
footer p.icon{padding-left:25px;padding-bottom:15px}
footer p.icon img{position:absolute;left:0;top:5px}
footer p.final{padding-top:50px;}
footer ul{margin-top:-5px;}
footer ul li{font-size:15px;line-height:15px;padding:5px 0 5px 20px;background:url(../img/iconos/flecha.png) no-repeat;background-position:left 8px}
footer ul li a{font-size:15px;line-height:15px;color:white}
footer ul li a:hover{color:white}


@media screen and (max-width: 76em){
    nav > ul > li > a{padding:7px 17px;}
}

@media screen and (max-width: 73em){
    nav > ul > li > a{padding:7px 11px;}
}

@media screen and (max-width: 63.999em){
	header .cuadro-info{margin-top:25px;}
    header .menu_bar{display:inline-block;text-align:right;margin:17px 0;transition: all 0.5s ease;}
    .menu_bar a{display:inline-block;}
    /*Menu*/
    header.flota nav{padding:0}
    nav{display:none;position:absolute;z-index:99;width:100%;left:0;padding:0;margin:0;}
    nav ul{display:block;border-bottom:1px solid #FFF;}
    nav ul li{display:block;border-top:1px solid #FFF;padding:0;}
    nav ul li + li{padding-left:0;}
    nav > ul > li > a{display:block;font-size:15px;line-height:15px;color:#FFF;padding:10px 0;border-radius:0;background:#1C2834;border:0;text-align:center}
    nav > ul > li:hover> a, nav > ul > li> a:focus, nav > ul > li.active> a{color:#FFF;background:#ED1C24;}
	/*Sub Menu*/
  	nav li ul{position:relative;width:100%;left:0;border-bottom:0;border-top:0 !important;}
  	nav > ul > li > ul{padding-top:0}
  	nav li:hover > ul{display:none;background:transparent;}
  	nav > ul > li > ul > li:first-child,nav > ul > li > ul > li:last-child{padding:0;background:transparent;}
  	nav > ul > li > ul > li{display:block;background-color:#f73b42;margin:0;text-align:center;}
  	nav > ul > li > ul > li + li{border-top:0;margin:0;}
  	nav > ul > li > ul > li > a{display:block;font-size:15px;line-height:15px;color:#FFF;padding:8px 0;background:#f73b42}
  	nav > ul > li > ul > li:hover > a,nav > ul > li > ul > li > a:focus,nav > ul > li > ul > li.active > a{color:#FFF;background:#2e3d4c;}
    #contacto .callout-1 h3{padding-top:40px;}
}

@media screen and (max-width: 57em){
}

@media only screen and (max-width:39.99em){
    .banners blockquote{font-size:45px;line-height:45px;}
    .banners blockquote span{font-size:21px;line-height:26px;}
    .banners .centrar{left:10px;height:210px;}
    #portada .callout-1{padding:70px 0 40px;}
    #portada .callout-1 h1{font-size:30px;line-height:35px;}
    #portada .callout-1 p{padding-bottom:50px;}
    #portada .callout-1 .fonda .descri{padding:30px;}
    #portada .callout-1 h4{padding-top:20px;height:95px;font-size:30px;line-height:35px;}
    #portada .callout-2 .imr{float:initial;margin-top:30px;margin-bottom:20px;}
    #portada .callout-2 .forma blockquote{font-size:30px;line-height:25px;}
    #portada .callout-2 .forma blockquote small{font-size:15px;line-height:21px;}
    #portada .callout-2 .forma h5{font-size:17px;line-height:22px;}
    #portada .callout-3{padding:100px 0 50px;}
    #portada .callout-3 span{margin:0 0 15px 20px;}
    #portada .callout-3 h4{padding:0 0 40px 20px;}
    #portada .callout-2 .forma{padding:25px;}
    .proyec figure + a{margin:-45px 0 50px;}
    #portada .callout-4 blockquote{font-size:35px;line-height:40px;}
    .banner-noso{height:450px;}
    #nosotros .callout-1 span{font-size:15px;line-height:22px;margin:0 0 20px;}
    #nosotros .callout-1 .oscura{padding:30px 15px;}
    #nosotros .callout-1 h2{font-size:25px;line-height:30px;}
    #nosotros .callout-1 h4{padding:0 0 20px;}
    #nosotros .callout-1 .oscura3{padding:30px 15px;}
    #nosotros .callout-1 .oscura3 img{padding-bottom:30px;}
    #nosotros .callout-1{padding:50px 0 70px;}
    #nosotros .callout-2{padding:90px 0 100px}
    #nosotros .callout-2 .centra{padding:0 10px;}
    #nosotros .callout-2 .ima{padding-top:20px;}
    #contacto .callout .datos .dat1{width:40px;}
    #contacto .callout .datos .dat{max-width:calc(100% - 41px);}
    #contacto .callout-1 h5{font-size:40px;line-height:45px;}
    footer{padding:70px 0 15px;}
    .banner-obra,.banner-ser,.banner-blog,.banner-clie,.banner-cont{height:300px;}
    #contacto .callout-1 .large-8.nothing{padding:0 15px;}
    form .rela{max-width:100%;}
    #blog .callout-1{padding:50px 0;}
    #blog .callout-1 .clearfix{padding-bottom:0;}
    #blog .callout-1 .bloga figure + a{margin:-45px 0 50px;}
    #blog .callout-2 ul{margin:15px 0;}
    #servi .callout-1 h1{padding-top:30px;}
    #obra .callout-1 h1{font-size:45px;line-height:50px;}
    #obra .callout-2 .cuadra{padding:25px 20px;}
    #obra .callout-2 .cuadra p{padding-bottom:10px;}
    #obra .hol blockquote{font-size:35px;line-height:40px;}
}

@media screen and (max-width: 28em){
    #portada .callout-1 .fonda .ima{margin-bottom:0;}
}

/* min widt*/
@media only screen and (min-width: 61em){

}

@media only screen and (min-width: 50.500em){

}

@media only screen and (min-width: 75em){

}