/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
body{margin:0; padding:0;}
header{width:100%; height:400px; background-image:url(header3.png); background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.left{float:left;}
.right{float:right;}
.fixed{position:fixed;top:0px; left:0; right:0; width: 100%; height:auto; z-index:3; background-color:white; }
.fixed > .logo{margin-left:8%; width:29%; float:left; position:initial;}
.fixed > .logo > img{width:70%;}
.fixed > .nav-menu{margin-right:5%; width:auto;}
.fixed > .nav-menu > ul > li > a{line-height:35px; color:#333;}
.fixed > nav li li a{color:#333;}
.color1{color:#850000; text-align:center; font-size:30px}
.row1{margin-right: auto; margin-left: auto; width:90%;}
.logo{width:40%; position:absolute;left: 29.5%; top:40%;}
.logo img{width:100%; margin-top: 5px;}
.nav-menu{height:60px; width:80%;}
.nav-menu ul{list-style: none;}
.nav-menu ul li{text-transform:uppercase; float:left; position:relative; }
.nav-menu > ul > li > ul {background-color:rgba(0,0,0,0.7);}
.nav-menu > ul > li > a{display: block; height: 60px; line-height: 50px; padding: 0 35px; color: #fff; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; font-family:'Playfair Display', serif; font-weight:bold; text-decoration:none;}
.text{text-align:center; color:white; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; padding-top:200px}
.text h1{margin:0;}
.section1, .section2{font-family: 'Roboto Condensed', sans-serif; width:92%; padding:25px 50px 0 50px; float:left;}
.section2 div{width:100%; display:inline-block; color:#850000; font-size:20px; text-align:center; border-top:2px solid #850000; border-bottom:2px solid #850000; margin:10px 0 10px 0;}
.section3{font-family: 'Roboto Condensed', sans-serif; width:100%; padding:50px; display: table-cell; background-color:#333; color:white;}
.div1{width:65%; text-align:justify}
.div2{width:35%;}
.div3{width:50%;}
.div4{width:50%;}
.div5{width:48%; min-height:575px;text-align:justify}

#inputstyle{width:90%; height:25px; border-radius:3px; border:1px solid grey; padding-left:8px; font-family: 'Roboto Condensed', sans-serif; }
.contacto-mobile, .mobile{display:none;}
p{line-height:1.5em;}
.top{position:fixed; bottom:40px; right:25px; display:none; width:45px;}
.separador{width: 50%;height: 1px; background-color:#848484;margin-left: auto;margin-right: auto;}
#avisolegal{display:none; right:0; bottom:0; left:0; z-index:99999; top:0; position:fixed; background:rgba(51,51,51,.85); background-size:100% 100%; opacity:0;-webkit-transition:opacity .6s ease-in;-moz-transition:opacity .6s ease-in;transition:opacity .6s ease-in;pointer-events:none}
#avisolegal:target{opacity:1;pointer-events:auto}
#avisolegal>div{width:70%;position:relative;top:0;margin-top:5%; background-color:white;position: relative; top: 0; left: 10%; margin-top: 5%; background-color: white; height: auto; padding: 25px 50px;border-radius: 2px; font-family:'Roboto Condensed', sans-serif;}
@media only screen and (min-width:780px){

	.fixed> #areas:hover{background-color:white;}
	nav li a:hover{
	   color:#BC8B8A;
	}
	nav li.parent:hover{
	   border:1px #ccc solid;
	   margin:-1px;
	   background:#F8F8F8;
	}
	nav li li a{
	   width:242px;
	   display:block;
	   font-size:14px;
	   line-height:45px;
	   color: #fff; 
	   letter-spacing: 1px; 
	   text-transform: uppercase; 
	   font-family:'Playfair Display', serif; 
	   font-weight:bold; 
	   text-decoration:none;
	}
	nav li ul {
	   width: 242px;
	   margin:0;
	   display:none;
	   position: absolute;
	   top:45px;
	}
	.fixed > nav li ul{background:white;}
	nav li:hover ul {
	   display: block;
	   padding-left:0;
	   text-align:center;
	}
}
@media only screen and (max-width:780px){
	.section3{width:90%; padding:0 17px;}
	.section2 div{width:100%; padding:0; margin:15px 0 10px 0;}
	.section1, .section2{ padding:15px; width:91%;}
	.div1, .div2, .div3, .div4, .div5{width:100%; min-height:inherit;}
	.div4 p{font-size:14px;}
	.contacto-web, .web{display:none;}
	.contacto-mobile{display:inline-table;}
	.mobile{display:block;}
	header{height:150px;}
	.logo{text-align:center; float:none; padding-top:15px; width:100%; left:0; top:4%;}
	.logo img{margin-top: 30px; max-width:400px;}
	.text{padding-top:0; font-size:13px;}
	.fixed{height:80px;}
	.fixed > .logo{margin-left:0; width:100%;}
	.fixed > .logo > img{width:70%; margin-top:0;}
	.top{position:fixed; bottom:10px; right:5px; display:none; width:35px;}
	#menu{top: 15px; position: absolute; right: 15px;}
	
	#avisolegal>div{width:81%; left:5%; padding:15px; font-size: 12px; overflow-y: scroll; height: 90%;}
	/*.nav-menu{display:none; position: absolute; top: 0px; z-index: 4; width: 100%; text-align:center; height:auto; left:0;}
	.nav-menu ul{box-shadow:0 1px 2px rgba(0,0,0,.5);width: 100%; list-style: none; padding: 0; margin: 0;}
	.nav-menu li{background:#333!important; border-bottom:1px solid #333; width:100%;}*/
	
	.nav-menu{display:none; position: absolute; top: 71px; z-index: 4; width: 100%; text-align:center; height:auto;}
	.nav-menu ul{box-shadow:0 1px 2px rgba(0,0,0,.5);width: 100%; list-style: none; padding: 0; margin: 0;}
	.nav-menu li{background:#333!important; border-bottom:1px solid #333; width:100%;}
	.nav-menu li:last-child{border-bottom:0}
	.nav-menu > ul > li > a{padding:0;}
	.nav-menu > ul > li > a{line-height:50px; height:55px;}
	.nav-menu > ul > li > ul > li > a{font-size:12px}
	.fixed > .nav-menu{margin-right:0;}
	.fixed > .nav-menu > ul > li > a{line-height:50px; color:white;}
	.nav-menu a{color:white; width:100%;}
	.nav-menu ul.open-menu{max-height:400px;transition:max-height .4s}
	.nav-menu ul.close-menu{max-height:0;transition:max-height .4s}
	.fixed > nav li li a{color:white; text-decoration:none; line-height: 30px; font-family:'Playfair Display', serif; font-weight:bold; letter-spacing: 1px;}
	nav li ul {
	   display: block;
	   padding-left:0;
	   text-align:center;
	}
	.animation{-webkit-animation-name:example;-webkit-animation-duration:0.8s;animation-name:example;animation-duration:0.8s;}
	@-webkit-keyframes example{0%{left:0px;top:-400px;}
	100%{left:0px;top:0px;}
	}
	
}