/* FUENTES */

@font-face 
{
font-family: 'Trebuchet';    
src: url('fuentes/trebuc.eot');  /* IE9 Compat Modes */
src:url('fuentes/trebuc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fuentes/trebuc.woff') format('woff'), /* Modern Browsers */
    url('fuentes/trebuc.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fuentes/trebuc.svg#Trebuchet') format('svg'); /* Legacy iOS */

font-weight:normal;
font-style:normal;
}

@font-face 
{
font-family: 'Trebuchet';    
src: url('fuentes/trebucit.eot');
src: url('fuentes/trebucit.eot?#iefix') format('embedded-opentype'),
    url('fuentes/trebucit.woff') format('woff'),
    url('fuentes/trebucit.ttf') format('truetype'),
    url('fuentes/trebucit.svg#Trebuchet') format('svg');

font-weight:normal;
font-style:italic;
}

@font-face 
{
font-family: 'Trebuchet';    
src:url('fuentes/trebucbd.eot');
src:url('fuentes/trebucbd.eot?#iefix') format('embedded-opentype'),
    url('fuentes/trebucbd.woff') format('woff'),
    url('fuentes/trebucbd.ttf') format('truetype'),
    url('fuentes/trebucbd.svg#Trebuchet') format('svg');

font-weight:bold;
font-style:normal;
}

@font-face 
{
font-family: 'Trebuchet';    
src: url('fuentes/trebucbi.eot');
src:url('fuentes/trebucbi.eot?#iefix') format('embedded-opentype'),
    url('fuentes/trebucbi.woff')format('woff'),
    url('fuentes/trebucbi.ttf') format('truetype'),
    url('fuentes/trebucbi.svg#Trebuchet') format('svg');

font-weight:bold;
font-style:italic;
}


/*  LAS 3 CAPAS BASICAS DE TODO ESQUELETO */




 #c_menu
{
    width:100%;
    position:relative;
    background-color:#981b21; 
    z-index:10;
}

  #c_cuerpo
{
    position:relative;
    width:100%;
    z-index:1;
    min-height:400px; /* para opera que no usa vw*/
    min-height:21.9vw;
}

   #c_pie
{
    position:relative;
    width:100%;
    background-color:#181818;
    margin-top:10px;
    margin-top:4vw;
}


/* ////////////////////////////// */

/* VALORES POR DEFECTO EN TODO EL PROYECTO*/
*
{
    margin:0px;
    padding:0px;

    -webkit-box-sizing: border-box;  /* ponemos el modelo de border-box */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-style:normal;
}

p
{
    margin-bottom:1em;
}

/* ////////////////////////////// */


.title_jqueryui       /* los title de jquery ui siempre tienen puntero*/
{
    cursor:pointer;
}

#capa_anti_click
{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:black;
    opacity:0.4;
    z-index:11;
    visibility:hidden;
    cursor:pointer;
}


body

{
    font-family: 'Trebuchet','Arial';
    background-color: #b7ae98;
    color: #f8f8e0;

    /* quitamos la zona "highlighting" de todo el proyecto. No me gusta que al tocar la pantalla se vean zonas azules.  */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.clase_flexbox
{
    display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
    flex-direction:row;  -webkit-flex-direction: row; -moz-flex-direction:row;-ms-flex-direction:row;
}


.clase_flexbox_columna
{
    display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
    flex-direction:column;  -webkit-flex-direction: column; -moz-flex-direction:column;-ms-flex-direction:column;
}

.clase_flexbox_centra_h
{
    display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
    flex-direction:row;  -webkit-flex-direction: row; -moz-flex-direction:row;-ms-flex-direction:row;
    justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack: center;
}

.clase_flexbox_centra_v
{
    display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
    flex-direction:row;  -webkit-flex-direction: row; -moz-flex-direction:row;-ms-flex-direction:row;
    align-items: center;-webkit-align-items:center;-ms-flex-align:center;-moz-align-items:center;
}

.clase_flexbox_centra_h_columna
{
    display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
    flex-direction:column;  -webkit-flex-direction: column; -moz-flex-direction:column;-ms-flex-direction:column;
    align-items: center;-webkit-align-items:center;-ms-flex-align:center;-moz-align-items:center;
}

.clase_flexbox_centra_vh
{
     display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
    align-items: center;-webkit-align-items:center;-ms-flex-align:center;-moz-align-items:center;
    justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack: center;
}

.clase_float_left
{
    float:left;
}

/* FUENTES */
/* FUENTES */
/* FUENTES */



html
{
  font-size: 12px; 
}

.texto_filtro
{
    font-size:1rem;
    color:darkred;
    text-decoration:underline;
}

.texto_standar
{
    font-size:1.2rem;
    line-height:1.5rem;
    color:#68131c;
}

.texto_semipesado
{
    font-size:1.3rem;
    line-height:1.7rem;
    color:#68131c;
}

.texto_pesado
{
    font-size:1.4rem;
    line-height:1.9rem;
    color:#68131c;
}

input
 {
  font-family: 'Trebuchet','Arial';
 }

textarea
{
    font-family: 'Trebuchet','Arial';
}

h1
{
font-size: 1.2rem;
}

h2
{
font-size: 1.3rem;
}

h3
{
font-size: 1.4rem;
}

/* FIN FUENTES */


/* CABECERAS *//* CABECERAS *//* CABECERAS *//* CABECERAS *//* CABECERAS */

.titulo_cabecera
{
    font-size:1.9rem;
    font-weight:bold;
    color:#68131c;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:1.3vw;
}

.flecha_pixel_cabecera
{
    vertical-align:middle;
    margin-left:4px;
    position:relative;
    top:-1px;
}

.cabecera_subapartado
{
    background-color:#e9e99c;
    color: #424966;
    font-weight:bold;
    padding:14px;
    padding-left:18px;
    font-size:1.4rem;
    -webkit-border-radius: 6px; /* Chrome y Safari */
    -o-border-radius: 6px; /* Opera */
    -moz-border-radius: 6px;  /* Mozilla Firefox */
    -ms-border-radius: 6px;/* Internet Explorer */
    border-radius: 6px;
}


.cabecera_subapartado_simple
{
    color:  #68131c;     
    font-weight:bold;
    padding-left:18px;
    font-size:1.5rem;
}


/* /////////////////////////////////////////////////////////////////////////////*/


.asterisco
{
    position:relative;
    top:-2px;
    left:-1px;
    width:10px;
    cursor:pointer;
}

/* CAMPOS DE TEXTO */
/* CAMPOS DE TEXTO */

.campo_texto
{
    background-color:#f4f4f4;
    color:darkred;
    padding:12px;
    height:40px;
    font-size:1.2rem;
    width:100%;
    border:none;
    -ms-border-radius:8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.campo_texto_error
{
    background-color:red;
}

.campo_texto:focus
{
  background-color:#e9e99c;
}

/* FIN CAMPOS DE TEXTO */




/* FORMULARIOS *//* FORMULARIOS */
/* FORMULARIOS *//* FORMULARIOS */
/* FORMULARIOS *//* FORMULARIOS */

.form_capa_master
{
 width:90%;
 margin:0 auto;
}

.form_capa_master_peque /* en formatos full hd y demas es mas pequeño el espacio, menos saturado */
{
 width:90%;
 margin:0 auto;
}

.form_nota_aclaratoria  /* la nota que tienen algunos campos */
{
     color:white;
    font-size:1.1rem;
    font-weight:bold;
    margin-bottom:10px;
    line-height:1.6rem;
    padding:18px;
    border: 3px solid white;
    border-top:none;
    margin-top:8px;
    display:none;
    
    -webkit-border-radius: 0px 0px 10px 10px; /* Chrome y Safari */
    -o-border-radius:0px 0px 10px 10px;  /* Opera */
    -moz-border-radius:0px 0px 10px 10px;   /* Mozilla Firefox */
    -ms-border-radius: 0px 0px 10px 10px;  /* Internet Explorer */
    border-radius: 0px 0px 10px 10px; 
}

.form_nota_aclaratoria_visible  /* la nota que tienen algunos campos */
{
     color:white;
    font-size:1.1rem;
    font-weight:bold;
    margin-bottom:10px;
    line-height:1.6rem;
    padding:18px;
    border: 3px solid white;
    margin-top:8px;
    -webkit-border-radius:10px; /* Chrome y Safari */
    -o-border-radius:10px;  /* Opera */
    -moz-border-radius:10px;   /* Mozilla Firefox */
    -ms-border-radius: 10px; /* Internet Explorer */
    border-radius: 10px;
}


.form_separacion_elementos      /* separacion entre elementos tipo campos de texto */
{
    margin-top:6px;
}

.form_separacion_texto
{
   margin-top:10px;
   padding:8px;
   text-indent:16px;
}

.form_subapartado   /* cada uno de los apartados "grandes" de un formulario*/
{
    margin-top:35px;
}

.form_subsubapartado  /* cada uno de los sub sub apartados */
{
    margin-top:12px;
}

/* FIN FORMULARIO */



/* BOTONES */ /* BOTONES */ 
/* BOTONES */ /* BOTONES */ 

input {
    -webkit-appearance: none;              /* Quitamos el formateo de mierda que les da iphone a los botones y controls input */
}

textarea:focus, input:focus, select:focus{     /* quitamos el efecto de iluminacion cuando se activa un elemento, muchas veces queda fatal sobre todo cuando hay bordes redondeados ya que el borde es cuadrado*/
    outline: 0;
}


.botonnk
{
 background-color: #700c16;
-ms-border-radius:8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color:#e9e99c;
display: inline-block;
text-decoration: none;
width:100%;
border:none;
cursor:pointer;
text-align:center;
}

.botonnkfino
{

 background-color: none;
-ms-border-radius:8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color:  #68131c;
display: inline-block;
text-decoration: none;
width:100%;
border:3px solid #68131c;
cursor:pointer;
text-align:center;

}

.botonnkfino:hover
{
    border-color:#f8f8e0;
    color:#f8f8e0;
}

.bmediano
{
font-size: 1.2rem;
padding: 12px;
}

.bgrande
{
font-size: 1.4rem;
padding: 16px;
}

.bmuygrande
{
font-size: 1.5rem;
padding: 20px;
}

.botonnk:hover
{
background-color: darkred;
}

.variante_boton_nk_claro
{
    background-color: #e9e99c;
    color:darkred;
}

/*FIN BOTONES*/

.contenedor_dialogo
{
    width:500px;
    background-color:red;
}


.triangulo                    /* triangulo normal que apunta hacia abajo con animacion si se pasa el raton por encima y se le pone un hove claro */
{
    margin: 0 auto;
    position: relative;
    top: 6px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #e9e99c;
    -webkit-transition: top 0.1s ease-in; /* Chrome y Safari */
    -o-transition: top 0.1s ease-in; /* Opera */
    -moz-transition: top 0.1s ease-in; /* Mozilla Firefox */
    -ms-transition: top 0.1s ease-in; /* Internet Explorer */
    transition: top 0.1s ease-in; /* W3C */
}


.triangulo2                  /* triangulo normal que apunta hacia izda */
{
    margin: 0 auto;
    position: relative;
    top: 6px;
    width: 0;
    height: 0;
    border-bottom: 4px solid transparent;
    border-right: 6px solid #e9e99c;
    border-top: 4px solid transparent;
   
}

.triangulo3             /* triangulo normal que apunta hacia decha */
{
    margin: 0 auto;
    position: relative;
    top: 6px;
    width: 0;
    height: 0;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #e9e99c;
    border-top: 4px solid transparent;
}


/* todos los textbox tienen gris el fondo */

input
{
 background-color:#f8f8f8;  
}

.clear_both
{
    clear:both;
}

.texto_title
{
    cursor:pointer;
}


/* ENLACES- LINKS  */

a:link
{
    color:inherit;
	text-decoration:none;
}

 a:visited
{
	color:inherit;
	text-decoration: none;
}

a.link_tipo1:link             /* hay que ponerlo asi porque las seudoclases a, tiene la especificidad muy alta, y una clase normal no la sobreescribe, por lo que hay que hay que aplicar una seudoclase a, a la clase*/
{
    color:white;
    text-decoration:underline;
}

a.link_tipo1:visited         
{
    color:white;
    text-decoration:underline;
}



 /* FIN ENLACES - LINKS */

.estilo_tabla_oculta
{
	display:none;
}

.estilo_tabla_visible
{
	display:block;
}


.capa_float
{
    float:left;
}

.dialog
{
   display:none;
}


.lienzo_texto
{

    color: #850312;
    font-size:1.2rem;     
    line-height:1.6rem;
    background-color:#e9e9b9;
    padding:25px;
    -webkit-border-radius: 10px; /* Chrome y Safari */
    -o-border-radius: 10px; /* Opera */
    -moz-border-radius: 10px; /* Mozilla Firefox */
    -ms-border-radius: 10px; /* Internet Explorer */
    border-radius: 10px;
}


/* tablas con checkbox */

.tabla_checkbox td
{
    text-align: left;
    vertical-align: top;
    padding:4px;
    font-size:1.3rem;
    line-height:22px;
}

.checkbox
{
    cursor:pointer;
}

.texto_politica_privacidad
{
    color:white;
    text-decoration:underline;
    position:relative;
    top:1px;
}

.texto_he_leido
{
    color: #68131c;
    cursor:pointer;
     position:relative;
    top:1px;
}

.texto_he_leido:hover
{
  text-decoration:underline;
}

/*********************************************************************/


/* media querys a topeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/


@media screen and (max-width: 480px)    /* moviles en portrait */
{


 .form_separacion_elementos
{
    margin-top:8px;
}


 #c_pie
{
    margin-top:50px;
}

   .titulo_cabecera
{
    font-size:1.4rem;
    margin-top:14px;
}

    .cabecera_subapartado
{
    padding-left:14px;
    font-size:1.3rem;
}

 .cabecera_subapartado_simple
{
   
    padding-left:14px;
    font-size:1.3rem;
}


}

@media screen and (min-width: 481px) and ( max-width:767px)  /* Movil landscape y Tabletas portrait */
{

 #c_pie
{
    margin-top:55px;
}

  .titulo_cabecera
{
    font-size:1.5rem;
    margin-top:14px;
}

 .cabecera_subapartado
{
    padding-left:14px;
    font-size:1.3rem;
}

  .cabecera_subapartado_simple
{
   
    padding-left:14px;
    font-size:1.3rem;
}


}

@media screen and (min-width: 768px) and ( max-width:979px) /* Tabletas en landscape */
{

 #c_pie
{
    margin-top:55px;
}

  .titulo_cabecera
{
    font-size:1.6rem;
    margin-top:15px;
}

   .cabecera_subapartado
{
       font-size:1.3rem;
}

    .cabecera_subapartado_simple
{
   
    padding-left:14px;
    font-size:1.3rem;
}

 .form_capa_master_peque
{
 width:75%;
}


}

@media screen and (min-width: 980px) and ( max-width:1340px) /* pcs escritorio medio / bajo */
{



 .titulo_cabecera
{
    font-size:1.6rem;
    
}

 .cabecera_subapartado
{
    font-size:1.3rem;
}

  .cabecera_subapartado_simple
{
   
    padding-left:14px;
    font-size:1.3rem;
}

.form_capa_master
{
 width:76%;
}

.form_capa_master_peque
{
 width:64%;
}


}

@media screen and (min-width: 1341px) and ( max-width:1700px) /* pcs HD  */
{




  
 .titulo_cabecera
{
     font-size:1.7rem;
}

  .cabecera_subapartado
{
    font-size:1.3rem;
}

   .cabecera_subapartado_simple
{
   
    padding-left:14px;
    font-size:1.4rem;
}

.form_capa_master
{
 width:68%;
}

.form_capa_master_peque
{
 width:60%;
}


}


@media screen and (min-width: 1700px) /* FULL HD */
{

  .lienzo_texto
{
    font-size:1.3rem;     
    line-height:1.7rem;
    padding:32px;
}

.form_capa_master
{
 width:58%;
}

.form_capa_master_peque
{
 width:52%;
}

}