@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}
			
@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}

@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)}
}