/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    list-style-type: none;
}


/*COLORES

rojo: color: #972d13; (enlaces)
gris: color:#666666; (enlaces)
gris_claro: color:#cccccc;
negro: color: #000;z


*/


/*ESTILOS*/


body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #1d1d1b;
    background-color: #fff;
}


header {
    padding-bottom: 21px;
}


nav {
    background: #000;
    padding: 1px 0;
}

.nav {
    
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


@media screen and (min-width: 991px) {
.navbar-nav>li {
  display: table-cell;
    width: 1%;
    float: none;
	text-align: center;
}
}	
	

.nav > li > a {
    position: relative;
    display: block;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 500;
       border: solid 4px transparent;
     -webkit-transition : border 1000ms ease-out;
     -moz-transition : border 1000ms ease-out;
     -o-transition : border 1000ms ease-out;
     transition : border 1000ms ease-out;


}

.navbar-nav>li a:hover {
    border: solid 4px #fff;
    background: transparent;
}




body.home header {
    min-height: 425px;
    background: url(img/bg_home.jpg) no-repeat;
    background-size: cover;
    color: #000;
}

body.home header .container {position: relative;}
body.home header a {color:#000;}

body.home header .center-block {text-align: center; padding-top: 60px;}

body.home header img {margin: 0 auto;}

body.home header {text-align: center;}
body.home header h2 {font-size: 2em; font-weight: 100;}



.navbar-brand {display: block; margin: 0; padding: 0 50px 0 10px;}
.navbar-brand img {display: block;}

.logo_tx {
    display: block;
    color: #fff;
    position: absolute;
    top:-30px;
    letter-spacing: 1.5em;
    text-transform: uppercase;
}


.txt_ok {border: solid 1px #fff; padding: 50px 100px;}

.navbar {  margin-bottom: 0px;}

.h_seccion {
    background: #666; min-height: 100px;
    position: relative;
    text-align: right;
    color: #fff;
}

.h_seccion a {
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-family: "Roboto Slab", serif;
    font-weight: 100;
}

.logo_master {
    padding: 20px 0px 30px;
    text-align: center;
}

.logo_master span {
    display: inline-block;
    color: #ad4b53;
    font-family: "Roboto Slab", serif;
    font-weight: bold;
    font-size: 1.2em;

}

.logo_master img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
        

.cabecera_sec {
    background: url(img/hergom_pellet.jpg) no-repeat;
    background-size: cover;
    padding: 170px 0 110px 0;
}


.cabecera_sec h1 {
    background: #972d13;
    color: #fff;
    padding: 10px; 
    font-size: 3em;
    min-width: 400px;
    display: inline-block;
}

.cabecera_sec ul {
    background: rgba(102, 102, 102, 0.8);
    margin-top: 20px; 
    max-width: 400px; 
    padding: 10px;
}

.cabecera_sec ul li {padding-bottom: 5px;}
.cabecera_sec ul li a {color: #fff; font-family: 'Droid Serif', serif; font-size: 1.5em;}

.breadcrumb {padding: 10px 0 0 0; font-size: 1.5em; background-color: transparent; color: #fff; font-family: 'Roboto', sans-serif;}
.breadcrumb li a {color: #fff; font-weight: 100;}
.breadcrumb li.active {font-weight: bold; color: #fff;}


.inicio a {min-height: 350px; display: block; text-align: center; padding-top: 100px; border-bottom: solid 1px #fff;}
.inicio div {padding: 0;}

.inicio a h2 {
    text-align: center;
    display: inline-block;
    font-size: 2em;
    padding: 20px 70px;
    background-color: rgba(102,102,102,0.6);
    color: #fff;
}

.inicio div a.ini_pellet {background: url(/media/1248/p_pellets.jpg) no-repeat; background-size: cover;}
.inicio div a.ini_estufa {background: url(img/estufas.jpg) no-repeat; background-size: cover;}
.inicio div a.ini_cocina {background: url(img/cocinas.jpg) no-repeat; background-size: cover;}
.inicio div a.ini_chimenea {background: url(img/chimeneas.jpg) no-repeat; background-size: cover;}
.inicio div a.ini_horno {background: url(img/hornos.jpg) no-repeat; background-size: cover;}

.producto {
    color: #fff;
    position: relative;
    background: #972d13;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    min-height: 300px;
    padding: 30px 0 150px 0;
}
.producto h3 {font-size: 2em; padding: 10px 0; font-family: 'Droid Serif', serif; font-weight: 700;}
.producto h3 a {color: #fff;}
.producto h1 {font-size: 3em; font-weight: 100; }

.producto .container {position: relative; padding: 0; min-height: 300px;}

.producto p + ul {margin: 20px 0;}
.producto p + ul li {border-top: solid 1px #fff; padding: 5px 0;}

.producto img {border: solid 3px #fff;}

.producto .btn_borde {border-color: #fff; color: #fff;}

.producto_action {
    padding: 30px;
    background: #b3b3b3;
    color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
}

.producto_action p {font-size: 1.8em; font-weight:100;}


.marcas {margin-top: 50px; }
.marcas a {display:block; margin: 0 10px;}
.marcas a img {display: block; margin-left: auto; margin-right: auto;}
.marcas .row .col-xs-2{padding: 0;}

.galeria_thumb {padding: 0; margin: 0;}

.galeria_thumb li {display: inline-block; width: 24.50%;}

.galeria_thumb a {display: block;}

/*LISTADOS*/

.form-control {border-radius: 0;}

.filtros {border-bottom: solid 1px #efefef; padding-bottom: 25px; margin-bottom: 25px;}

.filtros .dropdown {}

.filtros .dropdown-menu {border-radius: 0;}

.filtros .btn {border-radius: 0;  color: #CCC;}


.cuerpo {margin-top: 50px;}

.cuerpo h2 {
    font-size: 1.7em; padding: 10px 0;
    font-family: 'Droid Serif', serif;
    font-weight: bold;
}

.cuerpo h2, .cuerpo h2 a {color: #b3b3b3;;}

.lst_productos {}

.lst_productos a {
    display: block; 
    border: solid 8px #ccc;
    text-align: center;
    -webkit-transition : border 1000ms ease-out;
    -moz-transition : border 1000ms ease-out;
    -o-transition : border 1000ms ease-out;
    transition : border 1000ms ease-out;
    margin-bottom: 25px;
	min-height: 330px;
}

.lst_productos ~ a {text-align: right;  display: block; margin-bottom: 20px; font-family: 'Droid Serif', serif; color:#ccc; font-weight: 700;}


.lst_productos a:hover {
    border: solid 8px #972d13;
    cursor: pointer;
    text-decoration: none;
}


.lst_productos a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.lst_productos a h3 {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #666;
      -webkit-transition: color 1000ms ease-out;
        -moz-transition: color 1000ms ease-out;
         -o-transition: color 1000ms ease-out;
        -ms-transition: color 1000ms ease-out;
         transition: color 1000ms ease-out;
}
.lst_productos a:hover h3 {color: #972d13;}


.lst_productos a > span {color: #666; display: block;}
.lst_productos a span > strong {color: #962d12;}

.oferta > .row .col-xs-6 {text-align: left;}

.lst_productos a.oferta {background: #efefef;}
.lst_productos a.oferta div > span {color: #666; display: block;}
.lst_productos a.oferta div > h3 {margin-top:30px; font-size: 2.2em;}
.lst_productos a.oferta div > strong {color: #962d12;}
.lst_productos a.oferta div > span.precio,
.lst_productos a.oferta div > span.descuento {font-size: 2em; font-weight: 700;}

.lst_productos a.oferta div > span {}
.lst_productos a.oferta div > span.precio {text-decoration: line-through;line-height: 0.9em; }
.lst_productos a.oferta div > span.descuento {color: #962d12; line-height: 0.9em; }
.lst_productos a.oferta div > span.ahorro {color: #962d12;}

/*FORMS*/

.btn_borde {
    background: transparent;
    color: #1a1a1a;
    border-radius: 0;
    font-size: 1.2em;
    border-color: #1a1a1a;
    padding: 10px 20px;
}


.btn_gris {
    background: #666;
    color: #fff;
    border-radius: 0;
    font-size: 1.2em;
    padding: 10px 20px;
}

.btn_gris:hover {
    background: #972d13;  color:#fff;
    -webkit-transition: background-color 1000ms ease-out;
    -moz-transition: background-color 1000ms ease-out;
    -o-transition: background-color 1000ms ease-out;
    -ms-transition: background-color 1000ms ease-out;
    transition: background-color 1000ms ease-out;


}


/*FOOTER*/
.prefooter {

    text-transform: uppercase;
    background: #666;
    font-family: "Gotham Pro Bold", serif;
    text-align: center;
}


.prefooter a {
    font-size: 2em;
    color: #fff;
    font-family: 'Droid Serif', serif;
    font-weight: 700;
    padding: 70px 0;
    display: block;
    text-transform: none;
    letter-spacing: 5px;
}
.pref_rojo:hover, .pref_gris:hover {
    color: #fff;}

.pref_rojo {background: #972d13;}


footer {
    background: #972d13;
     font-family: 'Roboto', sans-serif;
}
 .logo_ft {position: absolute; text-align: right; right: 10px; bottom: 150px; width: 300px;}
.social_lnk {position: absolute; text-align: right; right: 10px; bottom: 0px; width: 300px;}

footer a {color: #fff;}
footer a:hover {color: #fff; text-decoration: underline;}

footer h3 {color: #fff; font-size: 1.5em; text-transform: uppercase; margin-bottom: 5px;}
footer .row {position: relative; width: 100%; height: 100%;
    padding: 50px 0 100px 0; margin-bottom: 50px;
}

footer ul li {font-size: 1.2em; font-weight: 300;}

footer a .fa-inverse {color: #972d13;}

.logo_footer {text-align: center;}
.logo_footer img {border: solid 1px #fff; padding:5px;}

footer ul li {
    margin-bottom: 5px;
    text-transform: uppercase;
}

.cierre_ft {color: #fff; height: 20px; font-weight: 100; position: absolute; left: 0; bottom: 10px;}


/*toggle menu*/


.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}





/*** MEDIA Q ***/

@media screen and (max-width: 991px) {
    .navbar-nav {text-align: center;padding-top: 90px;}
    .navbar-collapse {height: 100vh;}
    .navbar-toggle {z-index: 10000;}

    .collapse.in {
        background-color: rgba(36,56,98,0.9);
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        min-height: 100%;
        z-index: 1000;
    }
    .navbar-brand {padding: 7px 0 0 7px;}
    .navbar-brand a {display: inline-block;}
    .navbar-brand a img {max-height: 50px;}

    .icon-bar {background-color: #fff;}
    body.home header {min-height: 100px; background: #666;}

}

@media only screen and (max-width: 780px) {

.inicio a {min-height: 150px; padding-top: 30px;}
.txt_ok {padding: 10px 30px; border: 0;}

}


@media only screen and (max-width: 1200px) {
    .producto {background-position-x: 160%;
    border: solid 2px red;
    }
}

@media only screen and (min-width: 1200px) {
    .producto {background-position-x: 130%;}
}

@media only screen and (min-width: 1445px) {
    .producto {background-position-x: 100%;}
}