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


* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
ul#menu li, strong, input[type="submit"], #slide p, .pop h4  {font-family: 'gotham-medium', sans-serif; }
h1, h2, h3, h4 { font-weight:normal; }
input[type="submit"]:hover,  a:hover  { opacity:0.5;}


body {font-family: 'gotham_bookregular', sans-serif; font-size:14px; color:#000000; background:#fff; }

#top, #slide, #empresa, #servicios,  #contacto, #pie, #footer { 
display:block; width:100%; background:#fff; margin:0 auto;
}
.cont { width:970px; margin:0 auto; }

#top {height:110px;  position:fixed; z-index:20;  top:0; left:0; right:0; font-size:0; }
#top .cont {padding:30px 0;}
h1, #nav, #menu, ul#menu li { display:inline-block;  vertical-align:middle;}
h1 { width:20%; line-height:0;}
#nav { width:80%; text-align:right;  }
ul#menu  { list-style:none; }
ul#menu li:first-child { padding-left:0;}
ul#menu li { padding-left:20px; font-size:13px; }
ul#menu li a { color:#000000; }
ul#menu li a:hover, ul#menu li.current a { color:#5d7462; }

#slide {height:690px;  padding-top:110px; overflow:hidden; background:url(images/mm-slide.png) no-repeat center bottom; }
#slide .cont { display:table; height:580px;}
#slide p { font-size:48px; text-transform:uppercase; text-align:center; color:#fff; display:table-cell; vertical-align:middle;}

#empresa { background:#ffffff; text-align:center;  color:#5d7462; font-size:30px; padding:60px 0;}
#empresa a {color:#000000;}

#libro { background:#ebe9e6; text-align:center;  color:#5d7462; font-size:30px; padding:60px 0;}
#libro a {color:#000000;}

#servicios {padding:130px 0 0px 0;}
#servicios .col2 { width:470px; display:inline-block; vertical-align:top; }
#servicios .col2:first-of-type { margin-right:25px; }
#servicios h2 { font-size:30px; margin-bottom:30px;}
#servicios h2 img { vertical-align:middle; display:inline-block; padding-right:8px;}
#servicios p { margin-bottom:20px;}
#servicios p a { background:#5d7462; color:#fff; width:60px; line-height:30px; margin-bottom:60px; display:block; text-align:center;}

.pop { width:970px;}
.pop h3 { color:#fff; font-size:30px; padding:30px; height:90px; background:#5d7462 url(images/cas-logo-popup.png) no-repeat center right 30px;}
.pop .conten {padding:30px 30px 60px 30px; background:#fff; }
.pop .foto { display:inline-block; vertical-align:top; margin-right:25px; width:190px;}
.pop .texto {display:inline-block; vertical-align:top; width:690px;   text-align:justify;}
.pop h4 { font-size:18px; color:#5d7462; margin-bottom:15px;}
.pop p { margin-bottom:20px;}
.pop .texto ul {margin-bottom:20px; margin-left:14px; line-height:16.8px;}
.pop p:last-child { margin-bottom:0px;}
.pop .cerrar { text-align:center; display:block; background:#5d7462; color:#fff; width:90px; line-height:30px; margin:30px auto 0 auto;}



#contacto {padding:60px 0 60px 0; background:#000000; color:#fff;}
input, textarea { padding:5px 10px; color:#fff; font:inherit; border:solid 1px #6f7b88; height:30px; background:#000000; width:300px; display:inline-block; vertical-align:top; margin:0 30px 30px 0; font-size:14px;}
input:nth-of-type(3n+3) { margin-right:0;}
textarea { height:120px; width:100%; margin-right:0;}
input[type="submit"] {background:#5d7462; color:#fff;  padding:0; border:none;font-size:14px; width:300px; float:right; margin-right:0; margin-bottom:0;}
#contacto form p {display:inline-block; vertical-align:middle; margin:0; line-height:30px; font-size:14px; width:40%; color:#9da4ad;}


#footer {  font-size:0px; padding:24px 0; background:#5d7462; color:#fff; }
#footer p { display:inline-block; width:50%;font-size:12px; vertical-align:middle; }
#footer p.right { text-align:right;  }
#footer a {color:#fff;}

#pie { background:#fff; padding:60px 0;}
#pie p { width:49.7%; display:inline-block; vertical-align:bottom; text-align:center;}
#pie a {color:#435363;}
#pie p img { display:block; margin:0 auto 16px auto;}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #000000;
	display: none; padding:35px 0 24px 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.svg) no-repeat right top;
}

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

/*sombra*/
#top {box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-ms-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-o-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
}

/*round*/
input, textarea,
#servicios p a, .pop .cerrar  { 
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px; }


@media screen and (max-width: 970px){
.cont { width:97%; }
#servicios .col2 {width:48.7%;}
#servicios .col2:first-of-type { margin-right:2.1%; }
.pop { width:100%;}
.pop h3 {background-position:center right 3%;  padding:30px 3%;}
.pop .conten {padding:30px 3% 60px 3%; }
.pop .foto { margin-right:3%; width:22%;}
.pop .texto {width:74%;}
input {width:31.7%; margin-right:2%;}
input[type="submit"] {width:32%; margin-right:0;}
#contacto form p { font-size:13px;}
#footer p { width:80%;}
#footer p.right { width:19%;}
}

@media screen and (max-width: 920px){
	input {margin-right:1.8%;}
}

@media screen and (max-width: 860px){
#servicios h2 { font-size:28px;}
}


@media screen and (max-width: 820px){
#servicios .col2:first-of-type {margin-right:2%;}
#servicios h2 { font-size:26px;}
#servicios h2 img { padding-right:0;}
#contacto form p {width:47%;}
}

@media screen and (max-width: 768px){
#servicios h2 { font-size:24px;}
#servicios h2 img { width:12%;}
.pop h3 { font-size:27px;}
input {margin-right:1.8%;}
}

@media screen and (max-width: 690px){
#servicios .col2 { width:48.5%;}
#pie p { width:49.5%;}
}

@media screen and (max-width: 670px){
.pop h3 { font-size:24px;}
input {margin-right:1.6%;}
}

@media screen and (max-width: 620px){
.pop h3 { font-size:22px;}
.pop .texto { text-align:left;}
}

@media screen and (max-width: 580px){
 #servicios .col2, input, textarea, input[type="submit"], #contacto form p
{width:100%; display:block; margin-right:0;}
#contacto form p { margin-bottom:10px;}
#footer p { width:100%; display:block; }
#footer p.center, #footer p.right {  width:100%; text-align:left; margin-top:4px; float:none;}
}


@media screen and (max-width: 490px){
h1 { width:80%; vertical-align:top;}
#nav { vertical-align:top; width:20%;}
/*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 {font-family: 'gotham-medium', sans-serif;
	display:block; text-transform:uppercase; line-height:20px; cursor:pointer; font-size:13px; 
	}
.show-menu img { vertical-align: text-bottom;}
ul#menu { width:200px; float:right; margin-right:17px; }
ul#menu li { padding:0;}
ul#menu li a {background:rgba(255,255,255, 0.8); color:#000000; border:solid 1px #fff; padding:5px 10px;}
ul#menu li a:hover {background:#fff; }	
.pop .texto { width:73%;}
#pie p { width:49%;}
}


@media screen and (max-width: 410px){
#pie p { width:48.5%;}
}


@media screen and (max-width: 360px){
h1 { width:78%; }
#nav { width:22%;}
#slide p { font-size:42px;}
#empresa { font-size:26px;}
}