@charset "utf-8";
@import "../less/bootstrap.less";
/* CSS Document */



/* #Font-Face
================================================== */

@font-face {
    font-family: 'latoregular';
    src: url('../tipos/lato-regular-webfont.eot');
    src: url('../tipos/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipos/lato-regular-webfont.woff') format('woff'),
         url('../tipos/lato-regular-webfont.ttf') format('truetype'),
         url('../tipos/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack';
    src: url('../tipos/lato-black-webfont.eot');
    src: url('../tipos/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipos/lato-black-webfont.woff') format('woff'),
         url('../tipos/lato-black-webfont.ttf') format('truetype'),
         url('../tipos/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latobold';
    src: url('../tipos/lato-bold-webfont.eot');
    src: url('../tipos/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipos/lato-bold-webfont.woff') format('woff'),
         url('../tipos/lato-bold-webfont.ttf') format('truetype'),
         url('../tipos/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../tipos/montserrat-bold-webfont.eot');
    src: url('../tipos/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipos/montserrat-bold-webfont.woff2') format('woff2'),
         url('../tipos/montserrat-bold-webfont.woff') format('woff'),
         url('../tipos/montserrat-bold-webfont.ttf') format('truetype'),
         url('../tipos/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('../tipos/montserrat-regular-webfont.eot');
    src: url('../tipos/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipos/montserrat-regular-webfont.woff2') format('woff2'),
         url('../tipos/montserrat-regular-webfont.woff') format('woff'),
         url('../tipos/montserrat-regular-webfont.ttf') format('truetype'),
         url('../tipos/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#aviso_desarrollo {
    width: 100%;
    z-index: 0;
    position: fixed;
    top: 0px;
    background-color: #FF0000;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}


.clear_sin{
    clear: both;	

}
*::-moz-placeholder {
    color: #aaaaaa !important;
}


body{  
    font-family: 'latoregular';
    font-size: 15px;
    color: #777;
    font-weight: normal;
    text-align: justify;

}
a:hover{ text-decoration: none!important;}

.dropdown-menu {
    padding: 0px 0px !important;
    background-color:#A01027!important;
    font-size: 13px!important;
    color:#fff;
}
.dropdown-menu li a{   font-size: 13px!important;    color:#fff!important;  }
.dropdown-menu li a:hover{  background-color: #9f6400!important;    color:#fff!important;  }


.activo {
    color: #A01027 !important;
    background-color: #fff;
    border-bottom: 5px solid #A01027 !important;
}

.boton_bars{ background-color: #a01027;}
.bot_menu{ color:#fff;}



.banner_cabecero{ 
    padding-left: 0px;
    padding-right: 0px;
   
}


.negro{ color:#000;} 

.cabecero{
    position:relative;      
    -webkit-box-shadow:0 0px 4px #ccc, 0 0 20px #CCC inset;
    -moz-box-shadow:0 0px 4px #ccc, 0 0 20px #CCC inset;
    box-shadow:0 0px 4px #ccc, 0 0 20px #CCC inset;
}


#cabecero_in {     
    margin-bottom:  0px !important;        font-family: 'latoregular';}

.idiomas{  float: right; font-size: 12px;   margin-top: 5px; color:#777; margin-right: 10px}

.zona_logo{padding:8px;}

#menu_horizontal{  margin-bottom: 0px!important;  padding-bottom:  0px!important; }
#zona_menu{  padding-top: 10px;  font-family: 'montserratregular';}
#zona_menu li {  color:#000; text-transform: uppercase; font-size:14px; margin-top: 11px;}
#zona_menu li a {  color:#000; border-bottom: 5px solid #fff; margin-left: 2px; margin-right: 2px;}
#zona_menu li a:hover{ color:#A01027;  background-color: #fff; border-bottom: 5px solid #A01027;}
#zona_menu li a:active{   color:#A01027;  background-color: #fff; border-bottom: 5px solid #A01027;}
.nav > li > a {    display: block;    padding: 5px 10px 5px 10px;} 

/*.dropdown-toggle{ background-color: #c10003!important;}*/



.icono_ind{ float: right;}
.margen_foto{ margin: 5px;}

h1{ margin: 0px;}
/*.text-hide{ margin-left: -40000px; margin: 0px;}*/

.clear_sin {
    clear: both;
}
header {
    padding-top: 8px;
    padding-bottom: 20px;
}

.image_centro{
    display: block;
    margin-left: auto;
    margin-right: auto;        
}
h3, h4{ color:#A01027; text-align: left;}
a{ color:#A01027;}

.fondo_gris{
    background-color: #f5f5f5; 
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    margin-top: 20px;

}
.fondo_degra{
    background-image: url(../img/fondo_degrad.png);
	background-repeat: repeat-x;
	background-position: center top;
}




#menu_vertical{ padding: 0px;}

#firma {
    font-size: 11px;
    color: #999999;
    text-align: right;
    text-decoration: none;
}


.relleno20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.margen{margin-top: 80px; margin-bottom: 70px;}
.margen_sup{margin-top: 60px;}
.row_sup{ padding-top: 60px; }


a:hover {

    text-decoration: none!important;
}

footer{

    background-color: #fff;
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid  #ccc;
    font-size: 13px;
       font-family: 'latoregular';
    color:#555;
   
}


footer {       background-color: #A01027;    color:#FFF; padding-top: 50px;  padding-bottom: 30px; margin-top: 70px;  ; }

    
  .color_circulo{ color:#fff;}
  .color_icono{  color:#A01027;}
    

.datos_pie{ text-align: center; font-size: 16px; color:#FFF;}
.datos_pie a{  color:#FFF;}

.datos_pie  p .fa{ font-size: 32px;}
.datos_pie p{ padding-bottom: 8px;}
.correo_pie a:hover{ color:#A01027;}
#social_block { padding-top: 30px;}

#social_block ul li {
    display: inline;
    margin-right: 10px;
    padding: 0;
    text-align: center;
   
}



.btn-ttc,
.btn-ttc:active {    color: #666;    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);    background-color: #ccc;}
.btn-ttc:hover{ background-color: #c8c8c8;}



#zona_firma{     font-size: 14px;    padding-top:10px;   padding-bottom:10px;    }
#zona_firma a{ color: #666;}
#zona_firma a:hover{ color: #000;}
.firma{ text-align: right; font-size: 12px;}


/* -----  interior -----*/


.zona_titular_interior{ background-color: #0068ae; }


.titulo_pagina{
     font-family: 'montserratbold';
    color:#000;
    font-size: 34px!important;
    text-transform: uppercase;	
    line-height: 34px;
    margin-bottom: 24px;

}


.interior{  padding-bottom: 10px;}



.destacado{
    color:#b6b6b6!important;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #f2f2f4;

}
.desarrollo h4{
     font-family: 'montserratbold';
    color:#005494;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 20px;

}
.desarrollo h3{
     font-family: 'montserratbold';
    color:#005494;
    margin-bottom: 0px; 
    padding-bottom: 0px;
    padding-top: 20px;

}

.bot_rojo {
    background-color: #9f6400;
    color: #ffffff !important;
    margin-top: 10px;
}

.bot_rojo:hover {
    background-color:#A01027!important;

}
.bot_amarillo {
    background-color: #A01027 ;
    color: #ffffff !important;
    margin-top: 10px;
}

.bot_amarillo:hover {
    background-color:#9f6400!important;

}



.margen_lateral{ margin-left: 20px; margin-right: 20px;}




/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
     #zona_menu li a { padding: 6px 6px; font-size:13px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
 



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #zona_menu{  padding-left: 0px!important; margin-bottom: 10px;}
    #zona_menu li { background-color:#A01027!important; color:#fff!important; text-align: center!important;  border-bottom: none;}
    #zona_menu li a { background-color:#A01027!important; color:#fff!important; border-bottom: none;}
    #zona_menu li a:hover { background-color:#4D7D54!important; color:#fff!important;  border-bottom: none;}
    .navbar-collapse{padding-left: 0!important;}
    
    .zona_logo img{ display: block;    margin-left: auto;    margin-right: auto;        }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #zona_menu{  padding-left: 0px!important; margin-bottom: 10px;}
    .navbar-collapse{padding-left: 0!important;}
    #zona_menu li { background-color:#A01027!important; color:#fff!important; text-align: center!important;  border-bottom: none;}
    #zona_menu li a { background-color:#A01027!important; color:#fff!important;  border-bottom: none;}
    #zona_menu li a:hover { background-color:#4D7D54!important; color:#fff!important;  border-bottom: none;}
   
    .zona_logo img{ display: block;    margin-left: auto;    margin-right: auto;        }
  
   
}
/* 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; }
}
.foto_ind > a > img:hover{
    opacity: 0.8; 
}

.titular_index{
    color:#000;
    font-size: 25px;
    font-family: 'montserratbold';
    text-align: center;
    background-image: url(../img/adorno.fw.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-transform: uppercase;
    padding-bottom: 35px;
    margin-bottom: 20px;
} 
.bloque_galeria{ padding-top: 30px; padding-bottom: 30px;}
.margen {
    margin-bottom: 70px;
    margin-top: 0px;
}
.titular_galeria{
    color:#000;
    font-size: 20px;
    font-family: 'montserratbold';
    text-align: center;
    background-image: url(../img/adorno.fw.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-transform: uppercase;
    padding-bottom: 35px;
    margin-bottom: 40px;
} 



.banner_cabecero_int{
    background-image: url(../img/cabecero_int3.jpg);
    background-repeat: no-repeat;
    background-position: center top;

}


.titular_pagina {
    color:#000;
    font-size: 70px;
    line-height: 55px;
    text-transform: uppercase;
    font-family: 'montserratbold';
    margin-bottom: 0px;
    padding-top: 25px;
}



.contenido_interior{ padding: 15px;}
.rojo{color:#A01027;}

blockquote {
    border-left: 5px solid #A01027;
    font-size: 17.5px;
    margin: 0 0 20px;
    padding: 20px 20px;

}

.pagination {
    display: block;
    float: right !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
}
.pagination li {
    color: #666666;
}
.pagination li a {
    color: #A01027;;
}
.pagination li a:hover {
    background-color:#A01027;
    color: #ffffff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #A01027;
    border-color: #A01027;

}
.img_texto{ margin: 10px; margin-bottom: 0px;}
.contenido_interior h3 {
    color: #A01027;
    text-transform: uppercase;
    font-family: 'montserratbold';
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 20px;
}
.contenido_interior h4 {
    color: #000;
    font-family: 'montserratregular';
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 10px;
}
.contenido_interior h5 {
    color: #000000;
    font-family: 'montserratregular';
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 10px;
}
.contenido_interior a {
    color: #c10003;
}
.contenido_interior a:hover {
    color: #000000;
}
.contenido_interior .negro {
    color: #000000;
    font-weight: bold;
}


.foto_ind{ padding-left: 0px; padding-right: 0px;}




.fila_descargas {
    border-bottom: 1px dotted #cccccc;
    display: block;
    margin-bottom: 10px;
}
.descargar {
    color: #16b1ea;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.descargar a {
    color: #16b1ea;
}
.nombre_descarga {
    color: #000000;
}
.fila_descargas a {
    display: block;
    padding-bottom: 10px;
    padding-top: 15px;
}
.fila_descargas a:hover {
    background-color: #eeeeee;
    box-shadow: 0 0 4px #777777, 0 0 20px #cccccc inset;
    display: block;
    position: relative;
}
.rojo_rest {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
@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: 38px;}
}
@media only screen and (max-width: 479px) {

    .titular_pagina {    font-size: 28px;}


}