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

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
a:hover, input[type="submit"]:hover { opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}
strong, a.button, input[type="submit"], .show-menu,
h1, h2, h3, h4, h5, h6 
  {font-family: 'din-bold'; font-weight:normal;}


body { font-family: 'din-regular', sans-serif; font-size:14px; color:#333;  }

#top, .slide { 
display:block; width:100%;
}
.cont { width:1110px; margin:0 auto;}

.slide {position:relative; top:0;  width:100%;  background-color:#ccc;}
.black {position: absolute; top:0; height:660px; width:100%; z-index: 1; background-color: rgba(0,0,0,.5);}
.page .slide {height:660px; z-index:-1; background-repeat:no-repeat; background-position:center top;}
.page .black .cont{ position:relative; height:660px;}
.page .black h2 {font-family: 'din-regular', sans-serif; font-size:48px; color:#fff; text-align:center; text-transform:uppercase; width:100%;
position: absolute;
  top: 50%;
  transform: translateY(-50%);}

#top {  z-index:200; height:146px; position:absolute; top:0;}
#top .cont {padding:30px 0 ;}
h1, .nav { display:inline-block;  vertical-align:top;}
h1 { width:47%; }

.col2, .col3, .col4, .col4-3, .col3doble{ display:inline-block; vertical-align:top;}
.col2 { width:540px;}
.col3 { width:350px;}
.col3doble { width:730px;}
.col4 { width:255px;}
.col4-3 { width:825px;}
.right-gap, .obras .col3 { margin-right:25px;}
.left-gap { margin-left:25px;}
.bottom-gap, .obras .col3 { margin-bottom:25px;}
.bottom-gap2 { margin-bottom:45px !important;}


.header-info {position: absolute; bottom:60px; left:0; right:0; z-index:2; }
.header-info a.button {font-size:24px; color:#333; line-height:60px; text-align:center; background-color:#f9be00;}

.dark { background-color:#333; color:#fff;}

.white { background-color:#fff;}
.gray { background-color:#eee;}
.yell {color: #f9be00;}
.center { text-align:center;}

.main { padding:60px 0; position:relative;}
.high { text-align:center; font-size:21px; line-height:26px;}

.main.qs p, .main.detalles p { line-height:17px;}

.main.obras { padding-bottom:35px;}
.obras h2, .home-part h2 { font-size:24px; line-height:1; border-bottom:solid 1px #f9be00; padding-bottom:30px; 
margin-bottom:30px;}
.obras .col3:nth-of-type(3n+3) { margin-right:0;}
.obras .foto { height:525px; overflow:hidden; margin-bottom:20px; background:#eee;}
.obras .foto img { max-height:100%; margin:0 auto; display:block; transition: all .5s ease-in-out;}
.obras .foto img:hover {transform: scale(1.2);}
.obras .foto a:hover { opacity:1;}
.obras h6 { font-size:14px; text-transform:uppercase;}
.obras h6 span { font-size:12px; font-family: 'din-regular', sans-serif; text-transform:none; display:block;}
.obras h6 a { color:#fff;}

.home-icon { text-align:center; }
.main.home-icon h3 { font-size:60px; line-height:1; margin-top:30px;}
.main.home-icon hr {border: none; height: 1px; background-color: #f9be00; margin:30px auto; width:60px;}
.home-icon p { font-size:24px; line-height:1.2; text-transform:uppercase;}

.home-part p{ text-align:center;}

body.dark h2 {font-family: 'din-regular', sans-serif; font-size:48px; color:#fff; text-align:center; text-transform:uppercase; margin:146px 0 60px 0;}
body.dark .white, body.dark .gray,
body.dark .white a, body.dark .gray a { color:#333;}

.search select { display:block; width:350px; height:40px; margin:0 auto; border:solid 1px #f9be00; background-color:#333; color:#fff; font:inherit; padding:0 15px;}

.page .header-info .col2 { text-align:center; color:#fff; font-size:24px;}
.page .header-info .col2 img { padding-bottom:25px; display:block; margin:0 auto;}
.page .header-info .col2 a { color:#fff;}

.page input, .page select, .page textarea { padding:10px 15px;  font:inherit; height:40px; background:#fff; display:block; vertical-align:top; font-size:14px; margin-bottom:30px; width:100%; color:#333; }
.page textarea { height:180px;  }
.page input:last-of-type { margin-bottom:0;}
.page input[type="submit"] { background:#333; color:#f9be00;  border:none;  font-size:18px; margin-bottom:0; text-transform:uppercase; font-family: 'din-bold'; }

.bread { line-height:40px; text-transform:uppercase; background-color: #f9be00; color:#333;}
.map { padding:10px;}
.main h3 { font-size:21px; margin-bottom:15px;}
.main hr {border: none; height: 1px; background-color: #f9be00; margin:30px auto; width:100%;}
.downl img { vertical-align:middle; padding-right:24px;}
.downl { text-transform:uppercase; font-size:21px; text-align:center;}
.downl a { font-size:#333;}

.footer {padding:45px 0; background-color: #f9be00; text-transform:uppercase; font-size:12px; color:#333; }
.footer a, .bread a { color:#333;}
.footer .col { display:inline-block; vertical-align:middle;}
.footer .col.izq, .footer .col.der { width:45%;}
.footer .col.der { text-align:right;}
.footer .col.cent { text-align: center; width:9.4%;}
.footer .col.cent img { padding:0 5px;}

::-webkit-input-placeholder { opacity:1; color:#333;}
:-moz-placeholder {  opacity:1;}
::-moz-placeholder {  opacity:1;}
:-ms-input-placeholder {  opacity:1;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #fff;
	display: none; padding:10px 0; font-size:14px; 
}
.show-menu img { /*height:18px;*/ vertical-align:middle; padding-left:5px;}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


#nav { overflow:visible; height:93px; display:inline-block; width:52.5%; text-align:right; }
/*Make dropdown links appear inline*/
	#nav ul {
		position: relative; z-index:40;display: none;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	#nav ul li {
		width: 100%; display:block;
	}
	/*Display 'show menu' link*/
	.show-menu {display:block;  line-height:93px; cursor:pointer; font-size:14px; color:#fff; padding:0; text-transform:uppercase;	}
.show-menu img { vertical-align: middle; margin-left:0;}
ul#menu { width:350px; float:right; top:0; background:#333; padding:40px; 
height:536px; }
ul#menu li { padding:0; font-size:24px; line-height:48px;}
ul#menu li a {/*background:#fff;padding:8px 10px;*/ color:#fff; }	
ul#menu li a:hover, ul#menu li.current a {color: #f9be00; opacity:1; }
ul#menu li.redes { padding-top:46px;}
ul#menu li.redes img { padding-left:6px;}

#toTop {
	display: none; z-index:2;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(images/top-move.png) no-repeat right top;
}

@media screen and (max-width: 1110px){
.cont { width:97%; }
.col3{ width:31.5%;}
.col3doble { width:65%;}
.col4 { width:23%;}
.col4-3 { width:74%;}
.col2 { width:48.6%;}
.col5 { width:17.8%; }
.col6 { width:14.4%; }
.right-gap, .obras .col3 { margin-right:2.2%;}
/*.obras .foto { height:164px;} */
.footer .col.cent { width:9%;}
}

@media (max-width: 940px) {
/*.obras .foto { height:150px;}	*/
.footer .col.cent { width:11%;}
.footer .col.der, .footer .col.izq { width:44%;}
}

@media (max-width: 860px) {
/*.obras .foto { height:134px;}	*/
}

@media (max-width: 768px) {
#nav { width:52%;}
.col2, .col3, .col4, .col4-3, .col3doble, .col5,  .col6, .footer .col
 { width:100%; display:block;}
.right-gap, .obras .col3{ margin-right:0; margin-bottom:25px;}
.header-info { bottom:25px;}
.obras .foto { height:auto;}	
.home-part p img { display:block; margin:0 auto 25px auto;}
.footer .col.izq, .footer .col.der, .footer .col.cent { text-align:center; width:100%;}
.footer .col.cent img { /*padding:0 10px 0 0;*/}
.footer .col.izq, .footer .col.cent { padding-bottom:20px;}
}

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

@media (max-width: 560px) {
h1 { width:55%;}
#nav { width:44%;}
ul#menu { width:260%;}
}

@media (max-width: 480px) {
h1 { width:60%;}
#nav { width:39%;}
h1 img { height:70px;}
#nav {height:70px;}
.show-menu {line-height:70px;}
ul#menu { height:560px;}
}

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