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



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

}


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

}

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

}




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

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

}

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

} 

.clear_sin{
    clear: both;	

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

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

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

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

.dropdown-menu {
    padding: 0px 0px !important;
    background-color: #9b0004!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:#ff9326!important;    color:#fff!important;  }
.btn{
    border-radius: 6px!important;  /*Estandar   */
    -ms-border-radius: 6px!important; /* IE8   */ 
    -moz-border-radius: 6px!important; /* firefox   */  
    -webkit-border-radius: 6px!important; /*safari   */  
    -khtml-border-radius: 6px!important; /* Konqueror   */ 

}

.jumbotron{
    color:#e1e1e1;
    padding: 0px;  
    background-position: center top;
    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{ 
    padding-left: 0px;
    padding-right: 0px;
}

.fondo_linea{ 
    background-image: url(../img/index/fondo_linea.png);
    background-repeat: no-repeat;	
    background-position: center top;
    padding-top: 100px;
    margin-top: 50px;
    padding-bottom:70px;

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

.negro{ color:#000;} 
.blanco{  color:#fff;}

.spacer30{
    padding-bottom: 30px;
}

.bloque_idioma{  padding-top: 12px;}
.caja_texto_idioma {
    border: none; 
    font-size: 12px;
    text-transform: uppercase;
    color: #666; 
    padding-top: 5px;
    padding-left: 5px;
    background-color: #E5E5E5;
    font-family: 'abelregular';
}

.zona_logo{padding-top:13px;}
.bloque_menu{ padding-top: 8px; } 
#menu_horizontal{  margin-bottom: 0px!important;  padding-bottom:  0px!important; }
#zona_menu{  padding-top: 5px; }
#zona_menu li {  color:#666; text-transform: uppercase; font-size:16px;  font-family: 'abelregular'; }
#zona_menu li a {  color:#666;}
#zona_menu li a:hover{ color:#fff; background-color:#ff9326!important;}
#zona_menu #active{  color:#fff; background-color:#ff9326!important;}
.nav > li > a {    display: block;    padding: 10px 10px;} 

/*.dropdown-toggle{ background-color:#ff9326!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:#ff9326; text-align: left;}

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

}
.hoja_arriba{

    background-color: #fff;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-left-color: #CCC;
}
.hoja_abajo{

    background-color: #fff;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-top-style: none;
    border-left-style: solid;
    border-bottom-color: #CCC;
    border-right-color: #CCC;
    border-left-color: #CCC;
    padding-bottom: 30px;
}

#menu_vertical{ padding: 0px;}

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


.relleno20{
    padding-top: 20px;
    padding-bottom: 20px;
}

a:hover {

    text-decoration: none!important;
}

footer{

    background-color: #ff9326;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 14px;
    font-family: 'pt_sansregular';
    color:#6c3500;
    position:relative;      


}
footer a{
    color:#6c3500;

}
footer a:hover{
    color:#fff;

}
.area_pie{ font-size: 22px; color:#fff;  padding-bottom: 20px;   font-family: 'abelregular'; }
.contacto_pie p{ padding-bottom: 6px;}
.correo_pie a:hover{ color:#fff;}
.lista_menu a{  color:#6c3500; }
.lista_menu a:hover{  color:#fff;}
.lista_menu li{ padding-bottom: 8px; text-transform: uppercase; text-align: left;}
.redes_sociales{ margin-top: -10px; padding-top: 5px; border-top: 1px dotted #b95730;}
.titulo_empresa{ font-size: 14px; font-weight: bold;   font-family: 'abelregular'; margin-top: -5px;}
.especial{ color:#fff;}
.fondo_blanco{ background-color:#fff;}
.fondo_amarillo{ background-color: #FF9326;}
.amarillo{color:#FF9326;}
.iconos_redes{ float:left; padding: 5px;}

.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;}


.menu_pie { font-size: 11px;}
.margen_pie{  padding-left: 10px; padding-right: 5px;}
#zona_firma{     font-size: 11px;    padding-top: 5px;    background-color: #fff;}
#zona_firma a{ color: #666;}
#zona_firma a:hover{ color: #000;}
.firma{ text-align: right;}

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

.titulo_buscador{
    font-size:26px; 
    color:#ccc;  
    padding-bottom: 8px; 
    font-family: 'abelregular';
    text-transform: uppercase;
    text-align: left; 
    line-height: 26px; 
    padding-top: 8px;
     padding-bottom: 15px;
}

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

#busca{ padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px;
        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;
}
#buscador_f select{ width: 100%; background-color: #e1e1e1; font-size: 13px; margin-bottom: 5px; }
#buscador_f input{ width: 100%; background-color: #e1e1e1; font-size: 13px; margin-bottom: 5px;  height: 30px;}
.boton_buscador{ font-size: 13px!important; height: 30px!important; background-color:#ff9326!important; color: #fff!important; width: 100%!important; text-transform: uppercase;}
.boton_buscador:hover{  background-color: #9b0004!important;}

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

}


.interior{  padding-bottom: 10px;}


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

.desarrollo h4{
    color:#005494;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 20px;

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

}

.bot_amarillo {
    background-color:#ff9326;
    color: #ffffff ;

    text-transform: uppercase; 
    padding-left:20px;
    padding-right: 20px;
}

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

}


.pagination{   display: block; width: auto!important; margin-left: auto!important; margin-right: auto!important;  float: right!important; }
.pagination li{ color:#666;}
.pagination li a{ color:#ff9326;}
.pagination li a:hover{ color:#fff; background-color:#b95730; }

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



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

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* 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:#ff9326!important; color:#fff!important; text-align: center!important;}
    #zona_menu li a { background-color:#ff9326!important; color:#fff!important;}
    #zona_menu li a:hover { background-color:#b95730!important; color:#fff!important;}
    .navbar-collapse{padding-left: 0!important;}  
    .zona_logo img{ display: block;    margin-left: auto;    margin-right: auto; }    
    .margen_pie { padding-left: 0px; padding-right: 0px;}

}

/* 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:#ff9326!important; color:#fff!important; text-align: center!important;}
    #zona_menu li a { background-color:#ff9326!important; color:#fff!important;}
    #zona_menu li a:hover { background-color:#b95730!important; color:#fff!important;}  
    .zona_logo img{ display: block;    margin-left: auto;    margin-right: auto;  }
    .margen_pie { padding-left: 0px; padding-right: 0px;}
}
/* 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-color: #ff9326;
   
    border: 1px solid #cccccc;
    color: #fff;
    margin-bottom: 30px;
    padding: 10px !important;
}
.titular_pagina {
    color: #fff;
    font-size: 50px;
    text-align: right;
     font-family: 'abelregular';
}
.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: #ff9326;
}
.pagination li a:hover {
    background-color: #ff9326;
    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: #ff9326;
    border-color: #ff9326;
   
}


.contenido_interior h4 {
    color: #ff9326;
    font-family: "pt_sansregular";
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 10px;
}
.contenido_interior h5 {
    color: #000000;
    font-family: "pt_sansregular";
    font-size: 18px;
    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;
}
.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) {
}
@media only screen and (max-width: 479px) {
.titular_pagina {
    font-size: 28px;
}
.destacado {
    font-size: 20px;
}
}