@charset "UTF-8";
/* CSS Document
DORADO #AE9A52
*/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
margin:0;
padding:0;
outline: 0;
}
img{
	border:none;
}
html,body{
background-color:white;
background-repeat:repeat-x;
font-family: "Onest", sans-serif;
font-optical-sizing: auto;
font-weight:200;
font-style: normal;
margin:0;
}
ul {
  list-style: none; /* Elimina los bullets por defecto */
  padding-left: 0;
}

li {
  position: relative; /* Para posicionar el pseudo-elemento */
  padding-left: 20px; /* Sangría para el texto */
}

li::before {
  content: "•"; /* El carácter del bullet. Puedes usar '\2022' para el círculo o incluso un SVG */
  color: black; /* O el color que desees para el bullet */
  position: absolute;
  left: 8px; /* Posiciona el bullet a 8px del borde izquierdo del li */
  top: 0; /* Alinea con la parte superior del texto */
  font-weight: bold; /* Para que el bullet sea más notorio */
}
h1{
font-size:3em;
font-weight:900;
}
h3{
font-size:2.3em;
font-weight:100;
}
.background-image{
background-size: cover;
background-position:right top;
background-repeat: no-repeat;
color: white;
}
.extra{
font-size:.9em;
font-weight:700;
padding-left:20%;
padding-right:20%;
text-align:center;
}
.section{
display:flex;
flex-direction: column;
justify-content:flex-start;
align-items: center;
text-align: center;
padding-top:0px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
#cabecera{
display:inline-block;
background-image:url(images/logograma1.png);
background-repeat:no-repeat;
background-position: center center;
background-size:contain;
padding:5%;
text-align:left;
width:100%;
}
#contenedor_AB{
background-color:white;
max-width:900px;
width:100%;
}
#contenedor_A{
background-color:white;
display:inline-block;
float:left;
width:60%;
}
#contenedor_B{
background-color:white;
display:inline-block;
float:right;
width:35%;
}
#contenedor_X{
background-color:white;
display:inline-block;
text-align:center;
width:50%;
}
#contenedor_Y{
background-color:white;
display:inline-block;
float:right;
text-align:center;
width:50%;
}
#pleca{
background-color:#AE9A52;
display:inline-block;
height:3px;
margin:20px 0px 20px 0px;
width:100%;
}
#liston{
width:40px;
}
#bloque_texto{
display:inline-block;
text-align:justify;
width:100%;
}
.p2{
font-size:1.5em;
}
.p3{
font-size:1.2em;
}
#bloque_texto_centrado{
display:inline-block;
text-align:center;
width:100%;
}
#bloque_texto_izq{
display:inline-block;
font-size:.9em;
text-align:left;
width:100%;
}
#contacts{
display:inline-block;
padding-right:20px;
text-align:left;
width:100%;
}
.txt_gris{
	color:#999;
}
.sub_cab{
font-size:1.2em;
font-weight:900;
line-height:1.9em;
}
.sub_cab2{
font-size:1em;
font-weight:700;
}
.sub_cab3{
font-size:1.9em;
font-weight:700;
}
.txticons{
font-size:.9em;
}
p{
font-size:.9em;
margin-bottom:12px;
}
#secction{
display:none;
}
#logo_bottom{
display:none;
}
#back{
display:inline-block;
text-align:center;
width:100%;
}
.toggle-control{
cursor: pointer;
display: flex;
align-items: center;
width: fit-content;
margin-bottom:20px;
}
.toggle-control img{
width: 20px;
height: 20px;
margin-right: 8px;
}
#footer{
background-color:white;
background-image:url(images/bicolor.png);
background-repeat:no-repeat;
background-position: center bottom;
background-size:cover;
display:inline-block;
text-align:center;
width:100%;
}
#legal{
background-color:black;
color:white;
display: inline-block;
font-size:.6em;
padding:2%;
text-align:center;
width:100%;
}
#legal2{
margin: 0 auto;
width:100%;max-width:900px;
}
#myDIV{
border: solid 2px #AE9A52;
width: 100%;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
text-align: left;
margin-top:0px;
margin-bottom:20px;
display: none; /* Oculto por defecto */
}
#myDIV2{
border: solid 2px #AE9A52;
width: 100%;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
text-align: left;
margin-top:0px;
margin-bottom:20px;
display: none; /* Oculto por defecto */
}
.noms{
line-height:30px;
font-weight:500;
}
#img_footer{
display:inline-block;
width:100%;
}
#img_footer_mobiles{
display:none;
}
A.linkpdf:link { color:black; text-decoration:none; } 
A.linkpdf:visited { color:black; text-decoration:none; } 
A.linkpdf:active { color:black; text-decoration:none; } 
A.linkpdf:hover { color:black; text-decoration:underline; } 

A.orange:link { color:rgb(255,128,0); text-decoration:none; } 
A.orange:visited { color:rgb(255,128,0); text-decoration:none; } 
A.orange:active { color:rgb(255,128,0); text-decoration:none; } 
A.orange:hover { color:#930; text-decoration:underline; } 

.icns_contacts{
color:black;
}
A.icns_contacts:link { color:black; text-decoration:none; } 
A.icns_contacts:visited { color:black; text-decoration:none; } 
A.icns_contacts:active { color:black; text-decoration:none; } 
A.icns_contacts:hover { color:black; text-decoration:underline; } 

.icns_contacts2{
color:black;
}
A.icns_contacts2:link { color:black; text-decoration:underline; } 
A.icns_contacts2:visited { color:black; text-decoration:none; } 
A.icns_contacts2:active { color:black; text-decoration:none; } 
A.icns_contacts2:hover { color:black; text-decoration:underline; } 

A.back:link { color:black; text-decoration:none; } 
A.back:visited { color:black; text-decoration:none; } 
A.back:active { color:black; text-decoration:none; } 
A.back:hover { color:black; text-decoration:none; } 


A.black:link { color:black; text-decoration:underline; } 
A.black:visited { color:black; text-decoration:underline; } 
A.black:active { color:black; text-decoration:underline; } 
A.black:hover { color:black; text-decoration:none; } 

.txt_white{
color:white;
}
A.txt_white:link { color:white; text-decoration:none; } 
A.txt_white:visited { color:white; text-decoration:none; } 
A.txt_white:active { color:white; text-decoration:none; } 
A.txt_white:hover { color:white; text-decoration:underline; } 

.txt_gold{
font-size:1em;
font-weight:700;
color:black;
line-height:3em;
}
A.txt_gold:link { color:black; text-decoration:none; } 
A.txt_gold:visited { color:black; text-decoration:none; } 
A.txt_gold:active { color:black; text-decoration:none; } 
A.txt_gold:hover { color:#AE9A52; text-decoration:none; } 

#logos_mobiles{
display:none;
}





#ttst{
background-color:white;
height:80px;
position:fixed;
top:0;
right:0;
width:80px;
}


/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/

****/




/*LONGEST DISPLAYS*/
@media only screen and (min-width:1401px) and (max-width:3000px){
#ttst{
background-color:white;
}
}
/*IPAD HORIZONTAL*/
@media only screen and (min-width:1280px) and (max-width:1400px){
#ttst{
background-color:purple;
}
}
@media only screen and (min-width:800px) and (max-width:1280px){
#ttst{
background-color:gray;
}
}
/*IPAD VERTICAL*/ /*IPHONE 6 HORIZONAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#ttst{
background-color:black;
}
}
/*IPHONE 5 HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#ttst{
background-color:cyan;
}
}
/*IPHONE 6 VERTICAL*/
@media only screen and (min-width:350px) and (max-width:400px){
#ttst{
background-color:fuchsia;
}
}
/*IPHONE 5 VERTICAL*/
@media only screen and (min-width:1px) and (max-width:350px){
#ttst{
background-color:white;
}
}


@media only screen and (min-width:1px) and (max-width:600px){
.section{
display:none;
}
h1{
font-size:1.6em;
}
h3{
font-size:1.3em;
}
#secction{
display:inline-block;
padding:0px 10px 0px 10px;
width:100%;
}
#logo_bottom{
display:inline-block;
text-align:center;
width:100%;
}
#bloque_texto{
text-align:left;
}
#bloque_texto_centrado{
text-align:center;	
}
#contenedor_X{
width:100%;
}
#contenedor_Y{
width:100%;
}
#logos_mobiles{
display:inline-block;
width:100%;
}
#img_footer{
display:none;
}
#img_footer_mobiles{
display:inline-block;
width:100%;
}
}