*{box-sizing:border-box;}

body, html{
width:100%;
height:100%;
margin:0;
padding:0;}

html{scroll-behavior: smooth;}

body{
background:#fff;
color:#555;
font-size:16px;
font-family: 'Open Sans', sans-serif;}

header, footer, section, nav{display:block;}

.preloader{
background: #fff url(../img/loading.gif) no-repeat center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
z-index: 100;}

.clear{
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}

.mitad{
width:47%;
margin:0 1% 20px 1%;}

.left{float:left;}
.right{float:right;}

header{
height:160px;
width:100%;
position:relative;}

header .logo, header .contacto{position:absolute;}

header .logo{
top:5px;
left:50%;
transform: translate(-50%,0);}

header .logo img{
max-width:100%;
height:auto;}

header .contacto{
top:10px;
right:1%;}

header .contacto p{
font-size:.9em;
line-height:1.6em;
text-align:right;
margin:0;
padding:0;}

nav{
width:100%;
background:#0c4189;}

nav ul{
width:100%;
text-align:center;
margin:0;
padding:0;}

nav ul li{
list-style:none;
display:inline-block;
margin:10px 0;
border-left:1px solid rgba(0,0,0,.2);}

nav ul li:first-child{
margin-left:0;
border-left:0;}

nav ul li a{
display:inline-block;
margin:0 1%;
padding:0 20px;
color:#fff;
font-weight:700;
text-decoration:none;}

nav ul li a:hover{text-decoration:underline;}

nav.fixed{
position:fixed;
top:0;
left:0;
z-index:10;}

nav .title{
display:none;
color:#fff;
font-weight:700;
margin:0;
padding:0;
position:absolute;
left:1%;
top:50%;
transform:translate(0,-50%);}

nav.fixed .title{display:inline-block;}

.contenido{
width:100%;
margin:0 auto;}

.contenido section{
width:100%;
padding:40px 5%;
border-bottom:1px solid #eee;}

.contenido section:nth-child(even){
background:#eee;}

.contenido h1, .contenido h2, .contenido h3{
color:#0c4189;
margin:0 0 20px 0;}

.contenido h1{font-size:1.8em;}
.contenido h2{font-size:1.5em;}
.contenido h3{font-size:1.2em;}

.contenido p{
text-align:justify;
line-height:1.8em;}

.contenido li{
line-height:1.8em;}

.contenido a.anchor {
display: block;
position: relative;
top: -80px;
visibility: hidden;}

#frmContact div{
margin-bottom:20px;}

#frmContact .no{display:none;}

#frmContact input, #frmContact textarea{
width:100%;
height:34px;
border:1px solid #ddd;
padding:5px;
border-radius:5px;}

#frmContact textarea{
height:120px;}

footer{
width:100%;
background:#0c4189 url(../img/footer-bg.jpg) 70% center no-repeat ;
color:#fff;
padding:20px 50px;
text-align:left;}

footer *{color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}

footer .box{
font-size:.9em;
line-height:1.8em;
display:inline-block;
width:27%;
margin:0 1% 20px 1%;
text-align:left;
vertical-align:top;}

footer .box ul{
padding:0;
margin:0 0 0 20px;}

.fotorama__wrap{margin:0 auto 20px auto;}

@media screen and (max-width: 750px) {
body{
max-width:100%;
overflow-x:hidden;}
    
header .contacto{display:none;}


nav ul{text-align:right;}

.mitad, footer .box{width:97%;}
}

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

nav.fixed .title{display:none;}

nav ul{text-align:center;}

nav ul li a{
font-size:.9em;
padding:0 15px;}

footer{background:#0c4189}
   
}

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

nav ul li a{padding:0 5px;}

}