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

@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

body{background:#6B6967; margin:0px;}

h1{font-family: 'Playfair Display', serif; color:#006496; font-size:2em; line-height:100%;}
h1.wh{font-family: 'Playfair Display', serif; color:#FFF; font-size:1.7em; text-align:left;}
h2{font-family: 'Playfair Display', serif; color:#6B6967; font-size:1.4em;}
h3{font-family: 'Playfair Display', serif; color:#F2F1EF; font-size:1.2em; border-bottom:#A5A29D solid 1px;}
 p{font-family: 'Playfair Display', serif; color:#414141; font-size:1em;}
p.w{font-family: 'Playfair Display', serif; color:#F2F1EF; font-size:1em;}

input, select, textarea{font-family: 'Playfair Display', serif; color:#FFF; background:#6B6967; font-size:0.8em; padding:2px; margin:3px; border:#5A5856 solid 1px; border-radius:5px;}

ul li, ol li{font-family: 'Playfair Display', serif; color:#414141; font-size:1em; }

a:link, a:active, a:visited{font-family: 'Playfair Display', serif; color:#006496; text-align: center; text-decoration:none; border-bottom:dotted 1px; transition:0.8s; font-size: 0.9em;}
a:hover{border-bottom:#006496 solid 1px; color:#003347;}

a.w:link, a.w:active, a.w:visited{font-family: 'Playfair Display', serif; color:#A5A29D; text-align: center; text-decoration:none; transition:0.8s; font-size: 0.9em; border:none;}
a.w:hover{border-bottom:#006496 solid 1px; color:#F2F1EF;}

#cover{width:80%; top:100; padding:170px 10% 5%; height:305px; background:#003264 url(../img/wallpaper.jpg) bottom; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#box_video{opacity: 0.5; /*position:fixed;*/ top:0; width:100%; overflow:hidden; z-index:-100;}

#bkgdvideo{left:0%; background:#A5A29D; margin:0%; width:100%; height:480px; position:fixed; top:0; overflow:hidden; z-index:-100;}

#footer{width:90%; padding:20px 5%; background:#003347; text-align:left;}
#whatsapp{display:none;}

.tratamiento{float:left; display:block; width:50%; max-width:120px; height:165px; margin:5px 20px; font-family: 'Playfair Display', serif; font-size:0.8em; color:#6B6967;}
.logo{float:left; margin:5px 20px; text-align:center;}
.logoimg{width:150px;}

/* MENU RESPONSIVO */
ul.topnav li {float:left; font-family: 'Playfair Display', serif; font-size:1em;}
ul.topnav li.icon {display: none;}
ul.topnav li a {display:inline-block; color:#FFF; text-align: center; padding:10px; text-decoration:none; transition:0.8s; font-size: 0.9em; border:none;}
ul.topnav li a:hover {border-bottom:#A5A29D solid 1px; color:#F2F1EF; text-shadow:#000 1px 1px 1px;}

/* HEADER CHANGING */
header{width:100%; position:fixed; z-index:10;}
header.large{height:110px; background:#003347; transition:0.8s;}
header.large img{transition:0.8s;}
header.large #logo_img{display:block; float:left; margin:-20px 30px 0px 20px;}
header.large ul.topnav{list-style-type:none; padding:5px; margin-top:25px; overflow:hidden; z-index:1000;}

header.small{height:60px; background:#A5A29D; transition:0.8s; box-shadow:#222 0px 0px 3px;}
header.small img{height:50px; margin-top:-18px; transition:0.8s;}
header.small #logo_img{display:block; float:left; margin:20px 10px 0px 10px;}
header.small ul.topnav{list-style-type:none; padding:5px; margin-top:5px; overflow:hidden; z-index:1000; color:#FFF;}
header.small ul.topnav li a {display:block; color:#F2F1EF; text-align: left; padding:10px; text-decoration:none; transition:0.8s; font-size: 0.8em;}
header.small ul.topnav li a:hover {border-bottom:#F2F1EF solid 1px; color:#FFF;}

@media screen and (max-width:1200px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li{display: none;}
  ul.topnav li.icon {float:right; display: inline-block;}
  
  header.large{height:100px; background:#003347; transition:0.8s;}
  header.large img{height:80px; margin-top:-15px; transition:0.8s;}
  header.large #logo_img{display:block; float:left; margin:15px 20px 0px 10px;}

  header.small{height:80px; background:#A5A29D; transition:0.8s;}
  header.small img{height:70px; margin-top:-20px; transition:0.8s;}
  header.small #logo_img{display:block; float:left; margin:15px 20px 0px 10px;}
      
  #logo_txt{display:none;}
  
  #cover{width:80%; top:100; padding:140px 10% 5%; height:335px; background:#003264 url(../img/wallpaper.jpg) 50% 50%; background-size:1200px; background-repeat:no-repeat;}

  #box_video{display:none;}
  #box_text{width:90%; height:480px; padding:100px 5%; background:#333; background-size:600px;}
  #whatsapp{display:none;}
}

@media screen and (max-width:1200px) {
  header.large ul.topnav{list-style-type:none; padding:0px; margin-top:10px; overflow:hidden; z-index:1000;}
  header.small ul.topnav{list-style-type:none; padding:0px; margin-top:10px; overflow:hidden; z-index:1000;}
 
  ul.topnav.responsive{position:relative;}
  ul.topnav.responsive li.icon{position: absolute; right:0; top:0;}
  ul.topnav.responsive li{float: none; display: inline;}
  ul.topnav.responsive li a{display: block; text-align:left; background:#003347;}
}

@media screen and (max-width:800px) {
	#whatsapp{margin:0px; display: block; position: fixed; bottom: 10; float: left; }
}