@charset "UTF-8";
/* CSS Document */
body {  background:#06268b;font-family: 'Roboto-Light'; font-size:15px; text-align:center; width:100%; color:#777;}
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label, textarea { position:relative;box-sizing: border-box;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal;}
li { list-style:none;}
h1, h2, h3, h4 {font-size:50px; padding:15px 0; font-family: 'Roboto-Bold';}
a { outline:none; text-decoration:none; cursor: pointer;}
*:focus { outline: none; } 
a, select, .blueCTA, .formSave input, input[type="date"] {-webkit-appearance:none;}
a[href^="tel"]{ color:inherit;}
a img { border:none;}
p { padding-bottom:15px; line-height:24px;}


header, nav, section, footer, hgroup, article, figure, hgroup { display:block; position:relative; margin:0;}
header {z-index: 2; position: sticky; top: 0;}
.descriptionBox,
.servicesDetails,
.footerHolder,
.misionVision,
.serviciosLista,
.projectList,
.colHolder,
.downloadList {width:90%;max-width: 1200px; margin: 0 auto; display: inline-block;}

.wrapper,
header,
.headerInfo,
.navHolder,
.content,
.sliderHolder,
.slider,
.contentPage,
.servicesList { width:100%;}

.headerInfo { text-align:right; padding:10px 20px;}
.headerInfo li { padding:0 2px; }
.headerInfo li a { color:#fff; font-size:12px; }
.headerInfo > li:first-child {border-right:1px solid #fff; }

.social li a img { width: 20px; height: 20px;}
.social li a:hover img,
.servicesList li a:hover img,
.servicesList li a:active img { transform:scale(1.15); transition:all .5s; }

/*Top navigation*/
.headerNav { overflow:hidden; background:#fff; padding:10px 50px; }
.mainLogo { width:16%; float:left;}
.mainLogo  a img { width:80%; position:relative; margin:0 auto; max-width: 150px;}

nav { text-align:right; width:84%; float: left; top: 10px;}

.navHolder li a { display:block; padding:8px; color: #fff;padding:6px 10px;cursor: pointer; border-bottom: 3px solid transparent; font-size: 14px;}
.navHolder li a:hover,
.navHolder li a:active,
.navHolder li.current-menu-item a {border-color: #ffc600;}
.navHolder > li:first-child {display: none;}

/*Submenu*/
.navHolder li.showSubMenu:hover .subMenu { display:block;}
.subMenu { width:200px; position: absolute; top:26px; display: none;}
.subMenu li a { text-align:left;border-bottom:1px solid #304e85; border-radius: 0!important;}
.subMenu li:last-child a, .descriptionBox li:last-child { border:none;}

/*Responsive Top Menu*/
a#rightMenu, a#lefttMenu {width: 30px;height:30px;line-height:30px; display:none; position:absolute; right:10px; top: 10px;}
a#rightMenu:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height:30px;display: inline-block;position: absolute;right: 0;top: 0;}
a#lefttMenu { right:inherit; left:10px; }

/*Contenido*/
.content { background:#fff; z-index: 1;}

/*Slider*/
.mainLogo a,
.mainLogo a img,
.slider li a,
.slider li img,
.servicesList li a,
.servicesDetails li img,
.servContent .servIMG img,
.downloadList li a { display:block; width:100%; height:auto;}

.contentPage { padding-bottom:20px;}
.contentPage > h1,
.contentPage > h2,
.contentPage > p { width:90%; max-width:1000px; margin:0 auto;}
.contentPage > p { text-align:justify; line-height: 22px;}
.contentPage > p a:hover,
.contentPage > p a:active { text-decoration:underline; }

.bottomSlider .bx-wrapper .bx-pager { bottom:-460px;}
.servicesList { text-align:center;}
.servicesList li { border-right:1px solid #0038eb; width:24%;}
.servicesList li:last-child { border:none }
.servicesList li a { padding:10px 0; }
.servicesList li .imageHolder { width:100%; }
.servicesList li .imageHolder img { width:100px; }
.servicesList li h2 { font-size:14px; padding: 0 0 5px;}
.servicesList li h2 span,
.servicesDetails li.blueBox hgroup h3 span { width:100%; display:block; }

.descriptionBox  { padding-top:20px;}
.descriptionBox li { width:30%; border-right:1px solid #ffcb05; padding:0 2%;  text-align: right;}
.descriptionBox li > img { max-width:150px; }
.descriptionBox li h1 { font-size:50px;  line-height: 54px; padding: 0 0 30px;}
.descriptionBox li h1 span { width:100%; display:block; }
.descriptionBox li h2 { font-size:20px; padding:0 0 30px }
.descriptionBox li:last-child { text-align:left; width:69%; text-align:justify; border:none; }

.servicesDetails  li { width:32%; margin:0 0.2% 2%; overflow: hidden;}
.servicesDetails  li hgroup { position:absolute; bottom:0; left:0; text-align: left;}
.servicesDetails  li hgroup h2 { font-size:16px; color: #fff; padding:4px 15px; display: inline-block;}
.servicesDetails  li hgroup h3 { font-size:24px; background: #fff; padding:4px 15px;}

.servicesDetails li.blueBox { width:66%;}
.servicesDetails li.blueBox hgroup { top:10%; padding:0 20px;} 
.servicesDetails li.blueBox hgroup h2 { background-color:transparent;  font-size: 60px; padding: 0 15px; line-height: 64px;}
.servicesDetails li.blueBox hgroup h3 {background-color:transparent; color: #fff; font-size: 34px;padding: 0 15px;}
.servicesDetails li.blueBox hgroup p {color: #fff;padding:4px 15px; width: 60%; font-size: 18px;}

.slideUp { width:100%; padding:20px; text-align: left; background-color: rgba(255, 255, 255, .9); position: absolute; bottom: -300px; min-height: 200px;transition: 0.5s;}
.slideUp  p { color:#000; font-size:14px; }

.servicesDetails li:hover .slideUp,
.servicesDetails li:active .slideUp { bottom:0; transition: 0.5s;}

/*Nuestra Empresa*/
.misionVision { display:inline-block;}
.misionVision li { width:50%; background: #f1f1f1; border: 2px solid #fff; box-shadow: 0 0 10px #dedede; padding: 30px; text-align: left; float: left;}
.misionVision li h2 {font-size: 40px; padding: 0;}
.misionVision li p:last-child { padding:0;}
.misionVision li:first-child { left:10px; }
.misionVision li:last-child { right:10px; top:20px; }

.empresaP .blueBox { width:100%; padding:20px; margin: 8% 0;}
.empresaP .blueBox .bandera { width:150px; position:absolute; left:0; top:0; }
.empresaP .blueBox hgroup { width:20%; text-align:right;padding: 20px 0 20px 18%; }
.empresaP .blueBox hgroup h2,
.empresaP .blueBox hgroup h3,
.empresaP .blueBox hgroup p { padding:0; color:#fff; }
.empresaP .blueBox hgroup h2 { font-size:80px; line-height:80px; }
.empresaP .blueBox hgroup p { font-size:20px; line-height:26px; }
.empresaP .blueBox .bx-wrapper { width:600px; position: absolute!important; left: 46%; top: -18px;}

.blueBoxSlide li,
.blueBoxSlide a, 
.blueBoxSlideli img { width:100%; height:auto; }

.blueBox .bx-wrapper .bx-pager { bottom:-220px; }

/*Footer*/
footer { width:100%;}
footer p , footer p a {color: #fff; }
.footerHolder { width:70%; padding: 20px 0 40px;}
.footerList > li,
.footerListInfo > li { padding:4px; text-align:left; color:#fff; text-align:center; }

.footerList {width:100%;}
.footerList li a { color:#fff; display:block;border-bottom: 3px solid transparent; font-size: 14px;}
.footerList li a:hover,
.footerList li a:active,
.footerList li.current-menu-item a { border-bottom: 3px solid #ffc600; }

.footerListInfo {width:100%;padding:10px 0 0; text-align: center;}
.footerListInfo li { font-size: 10px;}
.footerListInfo li.footerLogo { display: block; max-width: 140px; position: relative; margin: 0 auto; padding-bottom: 20px;}
.footerListInfo li.footerLogo a,
.footerListInfo li.footerLogo a img { width:100%; height:auto; display:block; }
.footerListInfo li a { color:#fff;}
.footerListInfo li .social a { display:block; margin: 0 2px;}
.footerListInfo li .social a img { width:24px; height:24px;}


/*----------- Inner Pages -------------*/

.innerP .bx-wrapper .bx-pager {bottom:-170px;}
.empresaP .contentPage .blueBox { padding: 0;}
.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -240px;}

/*Servicios Page*/
.serviciosP .bx-wrapper .bx-pager { bottom:-180px; }

.serviciosLista,
.serviciosLista li,
.serviciosLista li .servContent { width:100%; max-width: inherit; text-align: left;}
.serviciosLista { max-width: 1200px; margin: 0 auto;}
.serviciosLista li .servIMG,
.serviciosLista li .servText {float:left;}
.serviciosLista li:nth-child(even) .servIMG,
.serviciosLista li:nth-child(even) .servText {float:right; }
.serviciosLista li:first-child .servContent .servText {padding-top:30px;}
.serviciosLista li:first-child .servContent .servText p { text-align:justify; }
.serviciosLista li .servContent { overflow: hidden; padding-bottom: 30px;}
.serviciosLista li .servContent .servIMG { width:30%; overflow: hidden;}
.serviciosLista li .servContent .servIMG  > img { width:100%; height: auto; display: block;}
.serviciosLista li .servContent .servText { width:70%; padding: 0 30px;}
.serviciosLista li .servContent .servText > h2 { font-size: 24px;}
.serviciosLista li .servContent .servText > h2 span{ width:100%; display:block; font-size:34px; line-height:34px; } 

.serviciosLista li .servContent .servText > ul { width:100%;}
.serviciosLista li .servContent .servText > ul li { width:94%; padding:0 0 10px; line-height:24px; list-style: disc; left: 2%;}
.serviciosLista li .servContent .servText > ul li::marker { color:#ffc600;}
.serviciosLista li .servContent .servText > p a {display:inline-block; }
.serviciosLista li .servContent .servText .blueCTA { padding:10px; }
.serviciosLista li .servContent .servText .sliderThumbs {padding: 4px 0; width: 90%;}
.serviciosLista li .servContent .servText .sliderThumbs li { width:16%; padding: 0;}
.serviciosLista li .servContent .servText .sliderThumbs li img { width:100%; height:auto; display:block; }

.geopierNav { width: 69%; position: absolute; right: 0; top: 0; z-index: 2; display: inline-flex; overflow-x: scroll;}
.geopierNav li { width: auto; margin: 0 5px;}
.geopierNav li a { border:2px solid #dedede; color:#032285; padding:6px; display:block; text-align: center; font-size: 12px; width: 124px;}
.geopierNav li a:hover,
.geopierNav li a:active, 
.geopierNav li.active a { background:#032285; color:#fff; border-color:#032285; }

.projectList { max-width: 1300px; width: 96%; padding:40px 0;}
.projectList li { width:47%; margin:0 1% 60px;}
.projectList li .projectInfo { text-align: left; padding: 0 0 ; width: 59%; min-height:268px; background: #fff;}
.projectList li .projectInfo h2 { font-size:14px; padding: 10px; background:#06268b; color:#fff; border: 1px solid #f1f1f1; display: inline-block;}
.projectList li .projectInfo td { line-height:inherit; padding:5px 10px; font-size:13px; vertical-align:top; width:40%;color:#333; border-bottom:1px solid #f1f1f1;}
.projectList li .projectInfo td:last-child { width:60%; }
.projectList li .projectInfo tr:last-child td { border:none;}
.projectList li .projectImg { width: 40%; overflow: hidden;border:1px solid #dedede;}
.projectList li .projectImg img { width:350px; height:auto; display:block; left:-50px;image-rendering: pixelated;-moz-image-rendering: pixelated;-webkit-image-rendering: pixelated;}

/*Contact Page*/
.contactP .contentPage p a { color:#777;}

.colHolder li {width:47%; margin: 0 1%;}
.colHolder li .contactTXT iframe {border:1px solid #dedede;}
.colHolder li .contactTXT h2 { font-size:30px; text-align:left; }
.colHolder li .contactTXT p { text-align:left; padding:0;}
.colHolder li .contactTXT p a { color:#777;}
.colHolder li .contactTXT p a:hover, .colHolder li .contactTXT p a:active {color: #090;}

/*Form*/
.formHolder { width:100%; margin:0 auto;}
.formItems li { padding:10px 0;width:100%; margin:0 auto;}
.formItems li:last-child { text-align:right; }
.formItems li label,
.formItems li input,
.formItems li textarea { font-size:14px; text-align:left; width:98%; display:block;}
.formItems li label { padding-bottom:15px; font-size:14px;}
.formItems li input,
.formItems li textarea,
.formItems li .comboMask { background-color:#f1f1f1; width:100%; border:1px solid #dedede; padding:13px 4%;}
.formItems li input:focus,
.formItems li textarea:focus { border:1px solid #090;}
.formItems li textarea { height:115px; padding:10px 4%;}
.formItems li .blueCTA { border:none; text-align:center; font-size:20px; padding:12px 0;}
.formItems li select { width:110%; background-color: transparent; border:none; font-size:14px; line-height:24px; cursor:pointer; color:#999;}
.formItems li .comboMask { width:91%; overflow:hidden; background:#f1f1f1 url(../images/gray_arrow_down.png) no-repeat 96% 18px; padding:10px 4%; background-size:20px 12px;}
.formItems li .comboMask select { color:#666;}
.formItems li input:hover,
.formItems li textarea:hover,
.formItems li .comboMask:hover,
.formItems li input:active,
.formItems li textarea:active,
.formItems li .comboMask:active { border:1px solid #090;}
.formItems li input[type=radio] { border-radius: 0!importan; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; cursor: pointer; }
.formItems li p { vertical-align: middle; display: inline-block; padding: 0; }

#success { width:100%; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 20px;}

/*Gracias Page*/
.graciasP hgroup { padding:20px; margin: 50px 0;}

/*Maquinaria*/
.maquinariaP .projectList li { width: 31%;}
.maquinariaP .projectList li .projectInfo,
.maquinariaP .projectList li .projectImg { width:100%; min-height:inherit; }
.maquinariaP .projectList li .projectImg img { width:100%; }

/*404 - Error Page*/
.errorP .contentPage > p { text-align:center;}

/*Descargas*/
.downloadList li { width:20%; margin-bottom:20px; max-width:200px }
.downloadList li a img { max-width:160px; width:90%; }
.downloadList li a .thumbTitle { width:100%; padding:10px 0 0; }
.downloadList li a .thumbTitle img, .downloadList li a .thumbTitle h2 { width: 10%; }
.downloadList li a .thumbTitle h2 { width:79%; font-size:12px; text-align:left; padding:0; }
.downloadList li a .thumbTitle h2 span { width:100%; display:block; }


/* ------------------------- GENERAL -------------------------*/

/*Gris*/
h2 { color:#777; }

/*Azul oscuro*/
h1, h2 span,
.headerNav li a,
.servicesDetails li hgroup h3,
.misionVision li h2 {color: #06268b;} 

.headerInfo,
.servicesList,
.servicesDetails li hgroup h2,
.blueCTA,
.formItems li input.blueCTA { background:#06268b; }

/*Color gris*/


/*Color amarilo*/
.servicesList li h2,
.servicesList li h2 span {color: #ffcb05;}

/*Color Verde*/
.formItems li input.blueCTA { color:#7eb059;}

/*Color verde go*/
.formItems li input.blueCTA:hover,
.formItems li input.blueCTA:active,
.blueCTA:hover, .blueCTA:active { background:#090; color:#fff;}

/*Gradiente*/
.blueBox,
.servicesDetails li.blueBox {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#284ec6+0,032285+100 */
background: #284ec6; /* Old browsers */
background: -moz-linear-gradient(45deg,  #284ec6 0%, #032285 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #284ec6 0%,#032285 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #284ec6 0%,#032285 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284ec6', endColorstr='#032285',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*Display Inline block- vertical aling top*/
.headerInfo li,
.navHolder,
.navHolder li,
.servicesList li,
.footerList li,
.social li,
.descriptionBox li,
.servicesDetails li,
.footerList,
.footerListInfo,
.geopierNav li,
.sliderThumbs li,
.projectList li,
.projectInfo,
.projectImg,
.colHolder li,
.downloadList li,
.downloadList li a .thumbTitle img,
.downloadList li a .thumbTitle h2 { display:inline-block; vertical-align:top;}

.headerInfo li { vertical-align:middle; }

/*Border radius 5px*/
.logosList li,
 .formItems,
 .formItems li input,
 .formItems li textarea,
 .formItems li .comboMask,
 .searchForm li .selectMask,
 .geopierNav li a {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

 /*Border radius 10px*/
{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

 .closeMenuMobile {-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
 
 /*CTAs*/
.outlineCTA, .blueCTA { width:80%; max-width:200px; display:block; padding:5px 10px; font-size:18px; text-align:center; margin:0 auto; cursor:pointer}
.blueCTA { color:#fff;} 

.descriptionBox li h2,
.servicesDetails li hgroup h2,
.servicesList li h2 {font-family: 'Roboto-Light';}

.servicesDetails li.blueBox hgroup h2 {font-family: 'Roboto-Bold';}

.projectList li .projectImg,
.contactTXT iframe,
.downloadList li a > img { box-shadow: 0 0 10px #dedede; -moz-box-shadow: 0 0 10px #dedede; -webkit-box-shadow: 0 0 10px #dedede;}

/*------------------------- ENDS GENERAL -------------------------*/

@media screen and (max-width:1100px) {
	.empresaP .blueBox hgroup { width: 32%; padding: 20px 0 20px 10%;}
	.empresaP .blueBox hgroup h2 { font-size:60px; line-height:60px; }
	.empresaP .blueBox hgroup h3 { font-size:34px; }
	.empresaP .blueBox hgroup p { font-size:14px; }
	.empresaP .blueBox hgroup .bx-wrapper { width: 450px;}

	.sliderHolder .bx-wrapper .bx-pager { bottom:-240px;}
	.bottomSlider .bx-wrapper .bx-pager { bottom:-320px; }
	.innerP .bx-wrapper .bx-pager {bottom:-110px; }
	.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -190px;}
}

@media screen and (max-width:920px) {

	.sliderHolder .bx-wrapper .bx-pager { bottom:-190px;}
	.bottomSlider .bx-wrapper .bx-pager { bottom:-260px; }
	.innerP .bx-wrapper .bx-pager {bottom:-80px; }

	.empresaP .contentPage .blueBox .bx-wrapper { top: -30px; width: 380px;}
	.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -150px;}
	.descriptionBox li h1 { font-size:43px; ;line-height: 46px; }
	
	}
@media screen and (max-width:800px) {
	h2 { font-size:40px; }
	.social li a img { width: 22px; height: 22px; }
	.descriptionBox li h1 { font-size: 40px; line-height: 36px;}
	.servicesDetails li.blueBox hgroup h2 { font-size:50px; line-height:50px; }
	.servicesDetails li.blueBox hgroup h3 { font-size:24px; }
	.servicesDetails li.blueBox hgroup p { width:90%; font-size:16px; }
	.slideUp { height:100%; }
	.slideUp p { line-height:18px; }
	.footerHolder { width:90% }

	.misionVision li h2 { font-size:34px; }
	.misionVision li p { font-size:14px; }

	.empresaP .contentPage .blueBox { padding: 0;}
	.empresaP .contentPage .blueBox hgroup { padding-left:10%;}
	.empresaP .contentPage .blueBox hgroup h3 { font-size:26px; }
	.empresaP .contentPage .blueBox hgroup p { line-height:20px;}
	.empresaP .contentPage .blueBox .bx-wrapper { width:350px; top:-25px; }

	.geopierNav { position: relative; width: 100%; text-align: center; padding-bottom: 10px; display: inline-block;}
	.geopierNav li a { width: 130px;}
	.projectList li { width:100%; }


}
@media screen and (max-width:767px) {
	.headerNav { padding:10px; }
	a#rightMenu, a#lefttMenu, .categoryMenu .closeMenuMobile { display: block;}

	/*Responsive menu*/
	.navHolder { position: fixed; top: 0; background: #fff; height: 100vh; width: 300px; transition: 0.5s; right: -300px; overflow-x: auto; z-index: 99999;}
	.navHolder li { width: 100%; border-bottom: 1px solid #f1f1f1;}
	.navHolder li a { font-size: 20px; text-align: left; padding: 15px; color:#000;}
	.subMenu { display: inherit; position: relative; top: inherit; left: inherit; width: 100%;}
	.subMenu li { border-color:#304e85;}
	.subMenu li:last-child; { border: none;}
	.subMenu li a { padding-left:30px; border: none; }
	.navHolder li.current-menu-item > a { border-radius: inherit; background-color:#ffc600; }
	.navHolder > li:first-child {display: inherit;}
	.navHolder > li:first-child a { text-align: right; padding: 10px;}

	.servicesList li .imageHolder img { width:60%; }
	.descriptionBox li h2 { font-size:15px; }

	.servicesDetails li { width:49%; }
	.servicesDetails li.blueBox { width:99%; }

	.slideUp { bottom:-350px;}
	.slideUp p { line-height:24px; }
	.geopierNav { overflow-x:scroll;display:inline-flex;}
	.geopierNav li { margin: 0 5px;}
	.geopierNav li  a { width:150px;}

	.empresaP .contentPage .blueBox { padding: 20px 0;}
	.empresaP .contentPage .blueBox hgroup { width:80%; text-align:center; padding: 0 0 20px; left: 10%}
	.empresaP .contentPage .blueBox .bx-wrapper { top: inherit; width: 90%; position: relative!important; left: 0;}
	.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -240px;}
	.descriptionBox li h1 { font-size: 34px;}

	/*Maquinaria*/
	.maquinariaP .projectList li { width: 49%; margin: 0 0 30px;}
}
@media screen and (max-width:650px) {
	h1 { font-size:26px; }
	.descriptionBox li { width:100%; padding:0 0 10px; border: solid #ffcb05; border-width:0 0 1px; text-align:center;  margin-bottom: 10px;}
	.descriptionBox li h1,
	.descriptionBox li h2 { padding-bottom:15px; }
	.descriptionBox li:last-child { width:100%; margin:0; }

	.empresaP .contentPage .blueBox .bandera { width:100px; }
	.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -200px}

	.serviciosLista li .servContent .servIMG { width:20%; }
	.serviciosLista li .servContent .servText { width:80% }

	.footerList { display:none;}
	.footerListInfo { width:60%; text-align:center;}
	.footerListInfo > li { text-align:center }
	.footerListInfo li a.footerLogo { width:100%; }

	.colHolder > li { width:100%;}
	.colHolder > li:first-child {margin-bottom: 20px;}

	.misionVision li { width: 90%;}
	.misionVision li:last-child{ right:0; top:-20px; left:30px; }
    .downloadList li { width:32%; }
}
@media screen and (max-width:520px) {
	.sliderHolder .bx-wrapper .bx-pager { bottom:-120px;}
	.bottomSlider .bx-wrapper .bx-pager { bottom:-160px; }
	.innerP .bx-wrapper .bx-pager {bottom:-45px; }
	.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -190px;}

	.contentPage { padding-bottom:20px; }
	h1, .servicesDetails li hgroup h3 { font-size:25px; }
	h2 { font-size:30px; }
	.mainLogo { width:25%; }
	.servicesList li h2 { font-size:10px; }

	.servicesDetails li hgroup h2,
	.servicesDetails li.blueBox hgroup p { font-size:14px;}
	.servicesDetails li.blueBox hgroup { top:6%; }
	.servicesDetails li.blueBox hgroup h2 { font-size:40px; }

	.slideUp { padding:10px; min-height:inherit; }
	.slideUp p { font-size:11px; line-height:16px; }

	.footerListInfo { width:90%;}
	.footerListInfo li.footerLogo { width:40%; padding:20px 0; }

	.serviciosLista li .servContent .servIMG,
	.serviciosLista li .servContent .servText {float:none; width: 100%;}

	.serviciosLista li .servContent .servIMG img,
	.projectList li .projectInfo,
	.projectList li .projectImg { width:100%; min-height:inherit; }
	.projectList li .projectImg img { width:100%; }
    .downloadList li { width:49%;}
}
@media screen and (max-width:450px) {
	.headerInfo li a { font-size:10px; }
	h1 { font-size:24px;}
	.servicesDetails li.blueBox hgroup h2 { font-size:30px; }
	.servicesDetails li.blueBox hgroup h3 { font-size:15px; }
	.servicesDetails li.blueBox hgroup p { font-size:10px; line-height:15px; width:100%; }
	.empresaP .contentPage .blueBox .bx-wrapper .bx-pager {bottom: -160px;}
}

/*Fuentes*/
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/roboto/Roboto-Light.eot');
    src: url('../fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Light.woff') format('woff'),
        url('../fonts/roboto/Roboto-Light.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/roboto/Roboto-BoldCondensed.eot');
    src: url('../fonts/roboto/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-BoldCondensed.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-BoldCondensed.woff') format('woff'),
        url('../fonts/roboto/Roboto-BoldCondensed.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
    font-weight: 300;
    font-style: normal;
}