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


body {
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Manrope', sans-serif;
}



header {
	background: #000;
	width:100%;
	height: auto;
	float: left;
	position: fixed;
	z-index: 10;
}


.logo {
	width:10%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.logo img {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 20%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.menu {
	width:50%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
}



.accesso {
	width:8%;
	height: auto;
	float: left;
	border:1px solid #fff;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.8%;
	margin-bottom: 0%;
	font-size: 0.7em;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 0.5% 0%;
}


		
#barraaceptacion {
    display:none;
    position:fixed;
	border-radius: 5px;
    left:40%;
    right:40%;
	top:15%;
    bottom:0px;
    padding-bottom:10px;
    width:20%;
    text-align:center;
    height: 550px;
    background-color:rgba(255,255,255,0.95);
    color:#222;
    z-index:10;
}
 
.inner {
    width:90%;
	height:auto;
    position:absolute;
	margin-left:5%;
	margin-right:5%;
    padding-left:5px;
    font-size:0.9em;
	font-weight:normal;
    top:10%;
	text-align:left;
}
 
.inner a.ok {
	background:#000;
	float:left;
	margin-left:0%;
	margin-top:15%;
    padding:0.7em;
    color:#fff;
    text-decoration:none;
}
 
.inner a.info {
    padding:0.7em;
    text-decoration:none;
    color:#222;
}		



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

.logo {
	width:10%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}	
	
	
.menu {
	width:55%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 0%;
}
	
	
.accesso {
	width:8%;
	height: auto;
	float: left;
	border:1px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.7%;
	margin-bottom: 0%;
	font-size: 0.8em;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 0.5% 0%;
}	
	
	
#barraaceptacion {
    display:none;
    position:fixed;
	border-radius: 5px;
    left:35%;
    right:35%;
	top:15%;
    bottom:0px;
    padding-bottom:10px;
    width:30%;
    text-align:center;
    height: 550px;
    background-color:rgba(255,255,255,0.95);
    color:#222;
    z-index:10;
}
 	
	
	
	
}





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

.logo {
	width:10%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}	
	
	
.menu {
	width:60%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 0%;
}
	
	
.accesso {
	width:8%;
	height: auto;
	float: left;
	border:1px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.8%;
	margin-bottom: 0%;
	font-size: 0.7em;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 0.5% 0%;
}	
	
	
}


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

	
.logo img {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width:50%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
}	
	
.accesso {
	width:10%;
	height: auto;
	float: left;
	border:1px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.8%;
	margin-bottom: 0%;
	font-size: 0.7em;
	color: #fff;
	font-weight: 300;
	text-align: center;
	padding: 0.7% 0%;
}
	
	
#barraaceptacion {
    display:none;
    position:fixed;
    left:30%;
    right:30%;
	top:5%;
    bottom:0px;
    padding-bottom:10px;
    width:40%;
    text-align:center;
    height: 500px;
    background-color:rgba(255,255,255,0.99);
    color:#222;
    z-index:10;
}
 
.inner {
    width:90%;
	height:auto;
    position:absolute;
	margin-left:5%;
	margin-right:5%;
    padding-left:5px;
    font-size:1em;
	font-weight:normal;
    top:10%;
	text-align:left;
}
 
.inner a.ok {
	background:#000;
	float:left;
	margin-left:0%;
	margin-top:12%;
    padding:0.7em;
    color:#fff;
    text-decoration:none;
}
 
.inner a.info {
    padding:0.7em;
    text-decoration:none;
    color:#222;
}		
				 	
	
	
}

@media screen and (max-width: 1200px) {
	
	
	
body {
	background: #fff;
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Manrope', sans-serif;
}	
	
	
	
header {
	background: #000;
	width:100%;
	height: auto;
	float: left;
	position: fixed;
	z-index: 8;
}	
	
	
.logo {
	width:15%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
.logo img {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
.menu {
	width:60%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
	z-index: 10;
}	
	
.accesso {
	width:0%;
	height: auto;
	float: left;
	border:0px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.8%;
	margin-bottom: 0%;
	font-size: 0em;
	color: #fff;
	font-weight: 0;
	text-align: center;
	padding: 0% 0%;
}		
	
#barraaceptacion {
    display:none;
    position:fixed;
	border-radius: 5px;
    left:25%;
    right:25%;
	top:20%;
    bottom:0px;
    padding-bottom:10px;
    width:50%;
    text-align:center;
    height: 500px;
    background-color:rgba(255,255,255,0.95);
    color:#222;
    z-index:10;
}
 
.inner {
    width:90%;
	height:auto;
    position:absolute;
	margin-left:5%;
	margin-right:5%;
    padding-left:5px;
    font-size:0.9em;
	font-weight:normal;
    top:10%;
	text-align:left;
}
 
.inner a.ok {
	background:#000;
	float:left;
	margin-left:0%;
	margin-top:15%;
    padding:0.9em;
    color:#fff;
    text-decoration:none;
}
 
.inner a.info {
    padding:0.9em;
    text-decoration:none;
    color:#222;
}		
	
	
}


@media screen and (max-width: 900px) {
	
	
	
header {
	background: #000;
	width:100%;
	height: auto;
	float: left;
	position: fixed;
	z-index: 8;
}	
	
	
.logo {
	width:15%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
.logo img {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
.menu {
	width:65%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
	z-index: 10;
}	
	


	

@media screen and (max-width: 850px) {
	
	
	
body {
	background: #fff;
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Manrope', sans-serif;
}	
	
	
	
header {
	background: #000;
	width:100%;
	height: auto;
	float: left;
	position: fixed;
	z-index: 15;
}	
	
	
.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
}
	
.logo img {
	width: 70%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
.menu {
	width:65%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0.5%;
	margin-bottom: 0%;
}		
	
	

@media screen and (max-width: 800px) {
	
	
	
body {
	background: #fff;
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Manrope', sans-serif;
}	
	
	
	
header {
	background: #000;
	width:100%;
	height: auto;
	float: left;
	position: fixed;
	z-index: 15;
}	

	
.menu {
	width:70%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
}	
	
.accesso {
	width:0%;
	height: auto;
	float: left;
	border:0px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.8%;
	margin-bottom: 0%;
	font-size: 0em;
	color: #fff;
	font-weight: 0;
	text-align: center;
	padding: 0% 0%;
}		
	
#barraaceptacion {
    display:none;
    position:fixed;
	border-radius: 5px;
    left:20%;
    right:20%;
	top:20%;
    bottom:0px;
    padding-bottom:10px;
    width:60%;
    text-align:center;
    height: 500px;
    background-color:rgba(255,255,255,0.95);
    color:#222;
    z-index:10;
}
 
.inner {
    width:90%;
	height:auto;
    position:absolute;
	margin-left:5%;
	margin-right:5%;
    padding-left:5px;
    font-size:0.9em;
	font-weight:normal;
    top:10%;
	text-align:left;
}
 
.inner a.ok {
	background:#000;
	float:left;
	margin-left:0%;
	margin-top:15%;
    padding:0.9em;
    color:#fff;
    text-decoration:none;
}
 
.inner a.info {
    padding:0.9em;
    text-decoration:none;
    color:#222;
}		
	
	
}




@media screen and (max-width: 500px) {
	
	
body {
	background: #000;
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Manrope', sans-serif;
}	
	
	
	
header {
	background: #000;
	width:100%;
	height: auto;
	float: left;
	position: fixed;
	z-index: 8;
}	
	
	
.logo {
	width:40%;
	height: auto;
	float: left;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 2%;
	margin-bottom: 0%;
	position: absolute;
	z-index: 10;
}
	
.logo img {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
.menu {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 0%;
	z-index: 10;
}	
	
.accesso {
	width:0%;
	height: auto;
	float: left;
	border:0px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.8%;
	margin-bottom: 0%;
	font-size: 0em;
	color: #fff;
	font-weight: 0;
	text-align: center;
	padding: 0% 0%;
}	
	
			
		
#barraaceptacion {
    display:none;
    position:fixed;
    left:3%;
    right:3%;
    bottom:0px;
	border-radius:5px;
    padding-bottom:10px;
    width:94%;
    text-align:center;
    height:450px;
    min-height:15%;
    background-color:#f7f7f7;
    color:#222;
    z-index:99999;
}
 
.inner {
    width:90%;
    position:absolute;
	margin-left:5%;
	margin-right:5%;
    padding-left:5px;
    font-size:0.8em;
	font-weight:normal;
    top:5%;
}
 
.inner a.ok {
	border:0px solid #222;
	margin-left:1%;
	margin-top:10%;
    padding:5% 4%;
    color:#fff;
    text-decoration:none;
	font-size:0.8em;
}
 
.inner a.info {
	border:0px solid #222;
    padding:5% 0%;
    text-decoration:none;
    color:#222;
}		
				 		
	
	
}