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

.clearfix:before, .clearfix:after {content: " "; display: table;}  
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.row {max-width:60em;}

body {background-color:#DDD3B1; font-family:'calibriregular';}

#container {
	background-color: #F5EED5;
    box-shadow: 0 0 4px #4D4D4D;
    margin-top: 1em;
	margin-bottom: 1em;
}

#header {background:url('../img/header-bg.png') no-repeat 215px 0 transparent; padding: 1em 0;}
#main {margin-top: 1em; min-height: 500px;}

a {color: #215E64;}

a:hover, a:focus {color:#31291C;}

nav {position: relative; width: 100%;}  

nav ul {
	background-color: #BDC5B7;
    padding: 0;  
    margin: 0;
}

nav li {display: inline; font-family: 'theano_old_styleregular'; font-size: 0.875em;}

nav a {  
    color: #215E64;
    display: inline-block;
    line-height: 30px;
    margin-right: 1em;
    padding: 0 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

nav li a {
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
}  

nav li:last-child a {border-right: 0;}

nav a:link, nav a:visited {color:#215E64;}
nav a:hover, nav a.active {background-color: #55767C; color:#FFF;}
nav a:focus {color:#215E64;}
nav a#pull {display: none;}

.header-contact {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
    top: 25%;
	width: 75%;
}

.header-contact ul {margin: 1em 0;}
.header-contact ul li {display: inline;}
.header-contact p {color:#645F55; font-size: 0.875em;}

aside {position:relative;}

#idiomas {margin-bottom:1em;}

#idiomas ul {margin: 0.5em 0 0;}

#idiomas ul li {
    background-color: #CDC8B1;
	display: block;
	font-family: 'theano_old_styleregular';
    font-size: 0.87em;
    list-style: none outside none;
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-transform: uppercase;
}

#idiomas ul li:hover, #idiomas ul li.active,
#idiomas-movil ul li:hover, #idiomas-movil ul li.active {background-color: #31291C;}

#idiomas a {
    display: list-item;
    padding: 0.25em 0.75em 0.25em 0;
    width: 100%;
}

#idiomas a:link, #idiomas a:visited {color: #31291C; list-style: disc inside url("../img/bolito.png");}
#idiomas a:hover, #idiomas a.active {color:#FFF; list-style: disc inside url("../img/bolito-blanco.png");}

#idiomas-movil {display:none;}

#idiomas-movil ul {margin: 0;}
#idiomas-movil ul li {
	background-color: #CDC8B1;
	display: inline;
	font-size: 0.87em;
    list-style: none outside none;
    margin: 0;
    padding: 0.25em 0.5em;
    text-transform: uppercase;
}

#idiomas-movil a:link, #idiomas-movil a:visited {color:#31291C;}
#idiomas-movil a:hover, #idiomas-movil a.active {color:#FFF;}


#content ul {margin:0;}
#content li {list-style: none outside none;}


h3 {color: #215E64; font-family:'latobold';}
h4 {color: #215E64; font-family:'latobold'; margin-top: 2em;}
h6 {color: #837F77; font-size: 0.65em;}

#footer {
	border-top: 1px solid #837F77;
    margin-top: 0.5em;
    padding-top: 0.5em;
    text-align: center;
}

.destacado {color:#215E64; font-weight:bold;}

ul.submenu {margin: 0 0 3em;}
ul.submenu li {
	border-bottom: 1px solid #887D70;
    font-family: 'latobold';
	font-size: 0.875em;
    list-style: none outside none;
    margin-bottom: 0.25em;
    padding-bottom: 0.25em;
    text-transform: uppercase;
}

#content ul.redes {margin-top:1em;}
ul.redes li {display: inline;}

.link-top {text-align: right;}

p.referencia {color:#55767C; margin-bottom: 0.5em; font-style:italic;}

.firma {margin-bottom: 2em;}

@media screen and (max-width: 959px) {
	
	nav {height: auto;}  
    nav ul {width: 100%; display: block; height: auto;}  
	
	#idiomas ul li {display: inline-block; width: 150px;}

@media only screen and (max-width : 480px) {
	nav {border-bottom: 0;}
	nav ul {display: none; height: auto;}  
	nav a {text-align: left; width: 100%; text-indent: 25px;}
	nav a#pull {display: block; background-color: #BDC5B7; width: 100%; position: relative;}  
	nav a#pull:after {background: url("../img/nav-icon.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); content: ""; display: inline-block; height: 30px; position: absolute; top: 5px; width: 120px;}  
	#idiomas {display:none;}
	#idiomas-movil {display: block; margin: 1em 0; text-align: center;}
	
	.header-contact {
		display:none;
	    margin-top: 1em;
	    position: relative;
	    text-align: left;
	}
}

@media only screen and (max-width : 320px) {
	#banner {display:none;}
	nav li {display: block; float: none; width: 100%;}  
    nav li a {border-bottom: 1px solid #576979;}  
}