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

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
strong, h1, h2,  #nav, .pop h3, #servicios a, #contacto h3, input[type="submit"], .show-menu  { font-family: 'Camber-Sb', sans-serif; font-weight:normal;}
input[type="submit"]:hover, #contacto a:hover, #servicios span:hover, #videos a:hover, #pie a:hover{ opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}

#home { margin-top:-150px; height:150px;}

#wrap {
	width: 100%;
	/*max-width: 1600px;
	min-width: 960px;*/
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}

body { font-family: 'Camber-Lg', sans-serif; font-size:16px; color:#54565b; background:#fff;  }

#top, #slide, #empresa, #servicios, #galeria, #videos, #contacto, #form-c, #map, #pie { 
display:block; width:100%;
}
.cont, h2 { width:1110px; margin:0 auto;}




#top {height:120px; /* position:fixed; z-index:200;*/  top:0; left:0; right:0; font-size:0; background:#fff; }
#top .cont {padding:30px 0;}
h1, .top-R, #menu, ul#menu li { display:inline-block;  vertical-align:middle;}
h1 { width:30%; line-height:0;}
.top-R { width:70%; text-align:right;  }
ul#menu  { list-style:none; }
ul#menu li:first-child { padding-left:0;}
ul#menu li { padding-left:30px; font-size:14px; line-height:1; }
ul#menu li a { color:#54565b; }
ul#menu li a:hover, ul#menu li.current a { color:#005da8; }

.fixed {
	position: fixed; 
	top: 0; 
	height: 120px; 
	z-index: 2000; }
#top.fixed {background:#005da8;}
#top.fixed h1 img{ visibility:hidden; }
#top.fixed h1 {background: url(images/logo-pressler-bco.png) no-repeat;}
.fixed	ul#menu li a { color:#fff; }
.fixed ul#menu li a:hover, .fixed ul#menu li.current a { color:#7faed3; }
	
.pad { padding-top:120px;}
.pad-t { top:120px; position:absolute;}

#slide {height:530px;   overflow:hidden; background:#005da8;}

h2 { font-size:30px;  text-align:center;  line-height:90px;}

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


#empresa, #servicios, #galeria, #videos, #contacto { padding-top:120px;
z-index: 10;
	position: relative;}

#empresa, #galeria, #videos { padding-bottom:69px;}
h2{color:#005da8;  }
.tit {border-bottom: solid 0.5px #005da8;}
#empresa .cont, #servicios .cont, #galeria .cont, #videos .cont, #contacto .cont, #form-c .cont { padding-top:30px;}
#empresa p { line-height:19.2px; margin-bottom:21px; text-align:left;}

#servicios, #videos {background:#eeeeee; }
#servicios {padding-bottom:90px;}
#servicios p, #videos p { text-align:center; line-height:19.2px; margin-bottom:30px;}
#servicios a { color:#005da8;}
#servicios span { display:inline-block; vertical-align:top; width:33%; text-align:center; }
#servicios span img{ display:block;  margin:0 auto 30px auto;}


.pop { width:600px;}
.pop h3 { color:#fff; font-size:30px; padding:22px 30px; height:90px; background:#005da8; text-align:center;}
#fulon.pop h3 { background:#005da8 url(images/bg-fulon.png) no-repeat 30px center;}
#mecan.pop h3 { background:#005da8 url(images/bg-mecan.png) no-repeat 30px center;}
#servi.pop h3 { background:#005da8 url(images/bg-serv.png) no-repeat 30px center;}
.pop .conten {padding:30px; background:#fff; color:#666;}
.pop h4 { font-size:16px; color:#005da8; margin-bottom:15px;}
.pop p { margin-bottom:20px; line-height:19.2px; text-align:left; }
#mecan.pop strong {color:#005da8;}
.pop p:last-child { margin-bottom:0px;}


#galeria .col4 { margin-right:25px; margin-bottom:30px; height:170px;} 
#galeria .col4:nth-of-type(4n) { margin-right:0px; } 

#videos iframe { margin:0 auto 30px auto; display:block;}
#videos a {color:#005da8;}

#contacto { text-align:center; padding-bottom:30px;}
#contacto .col3 img{ display:block;  margin:0 auto 26px auto;}
#contacto h3 {color:#005da8; margin-bottom:26px;}
#contacto a { color:#666;}

#contacto {background:#eeeeee; }

#form-c {background:#005da8; color:#fff; padding-bottom:30px;}
input, textarea { padding:5px 10px; color:#fff; font:inherit; border:solid 1px #7faed3; height:40px; background:#005da8; width:100%; display:inline-block; vertical-align:top; margin:0 0 30px 0; font-size:16px;}
textarea { height:180px; width:100%; margin-bottom:30px;}
input[type="submit"] {background:#7faed3; color:#fff;  padding:0; border:none;font-size:16px; width:100%; margin:0;}

#map { height:400px; width:100% }

#pie {background:#005da8; color:#fff; font-size:14px; text-align:center; line-height:60px;}
#pie a { color:#fff;}


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

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

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

::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}


@media screen and (max-width: 1110px){
.cont, h2 { width:97%; }
.col3 { width:31.5%;}
.col3doble { width:65%;}
.col4 { width:23%;}
.col4-3 { width:74%;}
.col2 { width:48.6%;}
.right-gap, #galeria .col4 { margin-right:2.2%;}
.left-gap { margin-left:2.25%;}
#galeria .col4 { height:auto;}
}

@media screen and (max-width: 890px){
#galeria .col4 { margin-right:2%;}
}

@media screen and (max-width: 820px){
#servicios span{ width:32.5%;}
}


@media screen and (max-width: 768px){
h1 { width:40%; vertical-align:top;}
.top-R { vertical-align:top; width:60%;}
/*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, #nav  li a {
		width: 100%; display:block;
	}
	/*Display 'show menu' link*/
	.show-menu {
	display:block; line-height:20px; cursor:pointer; font-size:14px; color:#54565b;
	}
.show-menu img { vertical-align: text-bottom; margin-left:0;}
ul#menu { width:200px; float:right; margin-right:17px; top:32px; }
ul#menu li { padding:0;}
ul#menu li a {background:rgba(255,255,255, 0.8); color:#54565b; border:solid 1px #fff; padding:5px 10px;}
ul#menu li a:hover {background:#fff; color:#005da8; }
.fixed .show-menu { color:#fff; background:url(images/icon-menu-bco.png) no-repeat right bottom;}
.fixed .show-menu img{ visibility:hidden;}
.fixed	ul#menu li a { color:#54565b; }
.fixed ul#menu li a:hover, .fixed ul#menu li.current a { color:#005da8; }
}


@media screen and (max-width: 690px){
.col2 { width:48.5%;}

}

@media screen and (max-width: 620px){
.pop { width:100%;}
.pop h3 { font-size:28px;}
#galeria .col4 { margin-right:1.8%;}
#contacto { font-size:14px;}
}


@media screen and (max-width: 568px){
h1 { width:50%;}
.top-R {width:50%;}
#videos iframe { max-width:95%; height:auto;}
}

@media screen and (max-width: 500px){
.col2, .col3, .col4, .col4-3, .col3doble, #servicios span { width:100%; display:block;}
#empresa .col3, #contacto .col3  {margin-bottom:20px; text-align:center;}
.right-gap { margin-right:0;}
.left-gap { margin-left:0;}
#servicios span {  margin-bottom:20px;}
#servicios span img, #contacto .col3 img { margin-bottom:10px; }
#galeria .col4 { max-width:255px; margin:0 auto 20px auto;}
#galeria .col4:nth-of-type(4n) { margin-right:auto;}
#contacto h3 {margin-bottom:10px;}
#pie { line-height:normal; padding:10px 0; font-size:12px;}

.pop h3 { padding:30px 80px; font-size:24px;}
#fulon.pop h3, #mecan.pop h3, #servi.pop h3 {background-size:8% auto;}
}

@media screen and (max-width: 440px){
	.pop h3 {font-size:20px;}
	#top.fixed h1 { background-size:auto 100%;}
}