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

*,
*:before,
*:after{box-sizing:border-box}

body{
font-family:'Source Sans Pro', sans-serif;
font-size:calc(16px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
background-color:#fff;
color:#666;
padding:0;
margin:0}

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

a:link, a:visited, a:active{color:#ff6600; text-decoration:none}
a:hover{color:#666; text-decoration:underline}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:#000; font-family:'Oswald', sans-serif}
h2, h3, h4, h5, h6 {text-align:left; font-weight:300}

h1{padding:0 0 3rem 0; text-align:left; text-transform:uppercase; font-weight:500}
h2{padding:2.5rem 0 0 0}
h3{margin:.7rem 0}

header{background-color:#ff6600; padding:1rem}	
main{padding:1rem}
footer{padding:3rem 0; margin:2rem 0; border-top:1px solid #666}

.logo{max-width:900px; margin:auto}
	
.textosLegal{max-width:900px; margin:auto; line-height:2rem}
	
.textosLegal p{padding:.7rem 0; padding:0;}
.textosLegal p:first-letter{text-transform:uppercase}

.textosLegal ul{list-style-type:square; list-style-position:outside}
.ListaNumero{list-style-type:upper-latin !important}
.ListaCircle{list-style-type:circle !important}
.fecha{font-size:1rem; margin:0 0 5rem 0; font-style:italic; border-bottom:1px dotted #666}
.listanum li{list-style-type:decimal}

.footerCentro{max-width:900px; margin:auto}

.footerCentro ul{list-style-type:none; margin:0; padding:0}
.footerCentro li{color:#ff6600; float:left}
.footerCentro li a{padding:0 1rem 0 0}
.footerCentro li a:hover{color:#666}

table.estiloTabla{border:1px solid #ccc; width:100%; margin:0 0 50px 0}
.estiloTabla th{background:#ccc; padding:5px; text-align:center}
.estiloTabla td{border-bottom:1px solid #ccc; padding:5px; text-align:center}
.estiloTabla tr:last-child td{border:0}

.btncookie_config_1{border:none; color:#ff6600; width:100px; float:none; padding:5px}
.btncookie_config_1:hover{color:#666}

/* Modal */
.modal_cookies{display:none; position:fixed; padding-top:7rem; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);z-index:1000}
.modal_cookies-contenedor{background-color:#FFF; margin:auto; padding:1rem; max-width:1000px; width:95%}
.modal_cookies-cierre{text-align:right; background-color:#09C; padding:0; margin:0}
.modal_cookies-header{display:flex;justify-content:space-between}
.modal_cookies-header div{padding:0}
.modal_cookies-header h2{margin:0;padding:0; vertical-align:middle}
.modal_cookies-body{padding:2rem 1rem}
.modal_cookies-header,.modal_cookies-footer{padding:1rem}
.modal_cookies-body,.modal_cookies-footer{display:flex; justify-content:space-between}
.cerrar{color:#CCC;font-size:1.75rem; font-weight:bold}
.cerrar:hover,.cerrar:focus{color:#666; text-decoration:none; cursor:pointer}
.tab{border:1px solid #CCC; width:30%; padding:1rem}
.tabcontent{padding:1rem; border:1px solid #CCC; border-left:none; width:70%}
.tab button{display:block;background-color:inherit;color:black;padding:1.375rem 1rem;width:100%;border:none;outline:none;text-align:left;cursor:pointer;transition:0.3s;font-size:1rem}
.tab button:hover{background-color:#DDD}
.tab button.active{background-color:#CCC} 
.btn1,.btn2{background-color:inherit; border:1px solid #CCC; padding:.5rem; cursor:pointer; display:inline-block; width:30%}
.btn1:hover{background:#CCC}
.btn2:hover{background:#F60; color:#FFF}
@media only screen and (max-width:750px){
.modal_cookies-contenedor{background-color:#FFF; padding:0}
.modal_cookies{padding-top:1rem}
.tab,.tabcontent{width:100%}
.tabcontent{border:1px solid #CCC; border-top:none}
.modal_cookies-body,.modal_cookies-footer{flex-direction:column}
.btn1,.btn2{width:100%; margin:.6rem auto}
}
/* FIN de Modal */
			
@media only screen and (max-width:760px), (min-width:768px) and (max-width:1024px){	
table.estiloTabla, .estiloTabla thead, .estiloTabla tbody, .estiloTabla th, .estiloTabla td, .estiloTabla tr{display:block}
.estiloTabla thead tr{position:absolute;top:-9999px; left:-9999px;}
.estiloTabla tr{border:1px solid #ccc}
.estiloTabla td{border:none;border-bottom:1px solid #ccc; position:relative; padding-left:50%; text-align:left}
.estiloTabla td:before {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap}
.estiloTabla td:nth-of-type(1):before{content:"Nombre"; font-weight:bold}
.estiloTabla td:nth-of-type(2):before{content:"Descripción finalidad"; font-weight:bold}
.estiloTabla td:nth-of-type(3):before{content:"De sesión/persistente"; font-weight:bold}
.estiloTabla td:nth-of-type(4):before{content:"Propia o de terceros"; font-weight:bold}
.estiloTabla td:nth-of-type(5):before{content:"Consentimiento"; font-weight:bold}
}

#barraaceptacion{display:none; position:fixed; left:0; right:0; bottom:0; width:100%; text-align:center; min-height:80px; background-color: rgba(0, 0, 0, 0.8); color:#fff; z-index:99999}
.inner{width:100%; position:absolute; padding-left:5px; font-size:12px; top:30%}
.inner a.ok{padding:4px; color:#00ff2e; text-decoration:OK}
.inner a.info{padding-left:5px; text-decoration:underline; color:#faff00}
	
@media screen and (max-width:500px){
#barraaceptacion{min-height:150px}
}

form{padding:1em;background:#f9f9f9;border:1px solid #c1c1c1;margin:0 auto;max-width:1200px;padding:1em}
form input{margin-bottom:1rem;background:#fff;border:1px solid #9c9c9c}
form button{background:lightgrey;padding:0.7em;border:0}
label{text-align:right;display:block;padding:0.5em 1.5em 0.5em 0}

input, select, textarea{width:100%; padding:0.7em; margin-bottom:.5rem}
input:focus, select:focus, textarea:focus{outline:3px solid #ff6600}

input[type=checkbox]{width:5%; padding:0; margin:5px 0 0 0}

@media (min-width:400px){
form{overflow:hidden}
label{float:left; width:200px}
input, select, textarea{float:left; width:calc(100% - 200px)}
button{float:right; width:calc(100% - 200px)}
.cajaCaptcha{display:block; padding:.5rem 0; float:right; width:calc(100% - 200px)}
}