/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 100%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}
.cabecero_interior {
    background-image: url("../img/cabecero_interior.jpg");
    background-position: center top;
    background-size: cover; 
    margin-bottom: 30px;
    padding: 10px !important;
}
.titular_pagina {
    color: #fff;
    font-family: 'stelmedium';
    font-size: 40px;    
    padding:10px  0px 10px 15px;   
    text-transform: uppercase;
}
.contenido_interior img{

    content: '';
    margin: 10px 30px;
    padding:3px;

    border: solid 1px #ddd;

}
.contenido_interior  {
    text-align: justify;
    padding-left: 25px;
}
.contenido_interior h2 {
    color: #444;
    font-family: 'stelregular';
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: 27px;
    text-align: left;
}
.titulo_pagina{
    color: #444!important;
    font-family: 'stelmedium'!important;
    font-size: 35px!important;    
    padding-bottom: 25px;   
    text-transform: uppercase;
}
.contenido_interior .negro{ color:#000;  font-weight: 700;  }

.contenido_interior h3 {
    color: #444;
    font-family: 'stelregular';
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 25px;
    text-align: left;
}
.contenido_interior h4 {
    color: #000000;
    font-family: 'stelregular';
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 10px;
}
.destacado{   color:#2121FF; margin-bottom: 10px;}

.contenido_interior a {
    color: #000080;
}
.contenido_interior a:hover {
    color: #2121FF;
}


.contenido_interior img {
    display: inline-block;
    padding: 20px;
}

.central_v {
    vertical-align: middle;
    margin-bottom: .25em;
}

.menu_v{ padding-left: 0px;}
.zona_menu_vertical li {
    background-color: #f3f3f3;
    display: block;

    margin: 0;
    text-align: right;
}
.zona_menu_vertical li a {
    border-bottom: 1px dashed #cccccc;
    color: #666666;
    display: block;
    
    line-height: 100%;
     font-family: 'stelregular';
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
    text-transform: uppercase;
}
.zona_menu_vertical li a:hover {
    background-color:#000080;
    border-bottom: 1px dashed #cccccc;
    color: #ffffff;
    display: block; 
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}
.zona_menu_vertical #seleccionado {
    background-color:#000080;
    border-bottom: 1px dashed #cccccc;
    color: #ffffff;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}



/*--------------------------  FAQ -------------------------  */
.area_faq{ padding-left: 15px; font-size: 27px!important;  padding-bottom: 20px; margin-top: 40px!important;}
.panel-title .icono {
    color: #2121FF; 
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    width: 5%;
    text-align: right;
}

#accordion .zona_izq{   float: left;    width: 95%; font-size: 17px;   font-family: 'pt_sansregular'; line-height: 130% }

.panel-body {    padding: 42px; }
.presentacion{ font-size: 18px; margin-bottom: 40px;line-height: 140%; color:#888; font-style: italic;}
#accordion .panel-heading {      background-color:#eee;}
#accordion .panel-heading  a{  color:#444;    background-color:#eee;}
#accordion .panel-heading  a:hover{    color: #2121FF;    }
.boton_pdf{ padding: 5px 20px; background-color: #2121FF; color:#fff!important;  font-size: 16px; margin-top: 20px;  text-align: center;}
.boton_pdf:hover{ background-color: #000080; color:#fff!important; }

.boton_pdf .fa{ margin-left: 10px;}



/*--------------------------  certificado -------------------------  */
.bloque_certificado{ margin-top: 30px;}
.caja_cert{  padding: 20px; background-color: #eee;
             position:relative;     
             -webkit-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
             -moz-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
             box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;		

}
.caja_cert h3{ color:#000;  font-family: 'stelbold'; text-align: center; padding-bottom: 20px; }
.boton_cert{ text-align: center;  color:#fff; background-color:#000080; padding: 5px; font-size: 12px; text-transform: uppercase; font-family: 'pt_sansbold'; letter-spacing: 1px;}
.boton_cert:hover{   color:#fff; background-color: #2121FF;  }
.img_cer {filter: grayscale(0);
    
}
.img_cer:hover{  
filter: grayscale(100%);
    padding-left: 0;
    padding-right: 0;
    transition: -webkit-filter 1s ease 0s;
}




/*--------------------------  resultado busqueda -------------------------  */

.area_busqueda{ text-transform: uppercase; color:#2121FF; font-family: 'stelbold'; font-size: 25px;}

#mapa {
    margin-top: 40px;
    height: 400px;
}

.zona_menu_vertical li a.activo {
    background-color: #000080;
    border-bottom: 1px dashed #cccccc;
    color: #ffffff;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}

.list_bus a{color:#666;}
.list_bus a:hover{color:#2121FF;}













@media only screen and (max-width: 959px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
     .titular_pagina {  font-size: 28px;    padding: 20px 0px 11px 20px;}
      .relleno_ambos {    padding: 20px 0px;}
}
@media only screen and (max-width: 479px) {
   .relleno_ambos {    padding: 20px 0px;}
    .titular_pagina {  font-size: 28px;    padding: 20px 0px 11px 20px;}
    .zona_menu_vertical li {     text-align: center;}


}