/**** RUSSO STYLES ****/
html
{
	height: 100%;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
    font-size: 16px;
    color: #000;
}

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;	
	background-color: #FFF;
    overflow-x: hidden;
	overflow-y:auto;
}

.box{
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
}

body *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	behavior: url(boxsizing.htc);
}

* { 
	margin: 0; 
	padding: 0;
}

img { 
	border: 0; 
}

a { 
	text-decoration: none; 
    color: #b7b7b7
}

object, 
image { 
	vertical-align: top;
	border: 0;
	padding: 0;
	margin: 0;
}

img { 
	float: left;
	display: block;
}

.clear{
	clear: both;
	height: 0px;
	display: block;
}
.center-block{
	    margin: 0 auto;
    float: none;
    display: block !important;
}

.center{
	margin:0 auto;
	display: block;
}

.centeredX{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top:0px;
}

.centeredY{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.centeredXY{
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.before:before,
.after:after{
	content: '';
}

.full-size{
	width:100% !important;
}

.pointer{ 
	cursor:pointer;
}

.table{
	display: table;
	width: 100%;
	margin:0 auto;
}



h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

p,
span,
li,
label,
a{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.anima1{
  -webkit-transition:all .1s linear; 
  -o-transition:all .1s linear; 
  -moz-transition:all .1s linear; 
  -ms-transition:all .1s linear; 
  transition:all .1s linear;
}

.anima2{
  -webkit-transition:all .2s linear; 
  -o-transition:all .2s linear; 
  -moz-transition:all .2s linear; 
  -ms-transition:all .2s linear; 
  transition:all .2s linear;
}

/**** RUSSO STYLES ****/

/* HEADER */ 
header{}
header .top{
    background: #EEEEEE;
    height: 41px;

}
header .top .container{
	padding-left: 0;
	padding-right: 0;
}
header .top .container > div{
	float: left;
}
header .top button{
	border-radius: 0;
	border: none;
}
header .top .buscador{}
header .top .buscador button{
	background-color: #d9d900;
	/*background-image: url(../images/ico-lupa.png);
	background-position: center center;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    text-indent: -9999px;
    padding: 11px 12px 10px;
}
.dameestilowey{
	margin-top: 10px;
	margin-right: 8px;
	display:inline-block !important;
}

header .top .area-clientes{}
header .top .area-clientes button{
	background: #434242;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px 12px 9px;
	border-left: 1px solid #777777;
	position: relative;
}
header .top .area-clientes button:hover{
	background: #5c5a5a;
	color: #d9d900;
}
header .top .area-clientes button:hover ul{
	display: block !important;
}
header .top .area-clientes button img{
	/*margin: 0 9px 0 0;*/
}
header .top .area-clientes button span{
	padding: 3px 0 0;
    display: block;
    margin: 0 0 0 33px;
}
header .top .area-clientes button span.logged{
	color: #d9d900;
}
header .top .area-clientes button ul{
	position: absolute;
	top: 44px;
	right: 0;
	padding: 15px 20px;
	background: #434242;
	z-index: 100;
	min-width: 360px;
}
header .top .area-clientes button ul li{}
header .top .area-clientes button ul li.usuario{}
header .top .area-clientes button ul li input{
	border-radius: 0;
	border: 1px solid #bebebe;
	text-transform: uppercase;
	color: #adabab;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 1em 0;
}
header .top .area-clientes button ul li a{
	border-radius: 0;
	background: #d9d900;
	color: #8e8d21;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: block;
	border: none;
}
header .top .area-clientes button ul li a:hover{
	background: #f2f200;
}

header .menu{
	height: 133px;
	border-top: 1px solid #DDDDDD;
}
header .menu .navbar{
	background: none;
	border: none;
	border-radius: 0;
	min-height: inherit;
    margin-bottom: inherit;
    z-index: inherit;
    /*z-index: 1000;*/
    /*padding: 14px 0;*/
}
header .menu .navbar-nav > li{}
header .menu .navbar-nav > li > a{
   
    color: #000000;
    /* padding: 63px 20px; */
    margin-top: 40px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
header .menu .navbar-nav > li > a:hover{
    color: #444444;
    /* padding: 63px 20px; */
    margin-top: 40px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
header .menu .navbar-nav > li.active > a,
header .menu .navbar-nav > li.active > a:hover,
header .menu .navbar-nav > li.open > a,
header .menu .navbar-nav > li.open > a:hover{
	background: none;
    color: #FF8000;
    border: 1px solid #FF8000;
    border-radius: 25px;
    padding: 8px 20px;
    margin-top: 47px;
}
header .menu .navbar-nav > li > ul{
	border-radius: 0;
	padding: 0;
	border: 0;
	left: 0;
	right: inherit;
}

.cajitanaranja {
        position: absolute;
    left: 18%;
    margin-top: 5%;
    transform: translate(-50%, 0);
}

.cajitanaranja {
    background: url("../imagenes/izq.png") left center no-repeat, url("../imagenes/der.png") right center no-repeat;
    background-size: contain;
    min-width: 300px;
    max-width: 750px !important;
}
.zonaclientes:hover{
	color:#b7b7b7;
	text-decoration:none;
}

.titulocarrito{
       
        font-size: 25px;

}
.dametop{
    padding-top:35px;
}
.lineader{
        width: 2px;
    height: 97px;
    position: absolute;
    background-color: #DDDDDD;
    left: 100%;
    bottom:18%;
}
.titulouop{
        text-align: center;
    padding-top: 20px;
    color: #133165;
    font-family: Raleway;
    font-weight: 600;
    font-size: 16px;
    padding-bottom:15px;
}
.tituloquienes{
        font-size: 46px;
    color: #858585;
    font-weight: 300;
    padding-bottom:10px;
    font-family: 'Lato', sans-serif;
}
.campo {
    border-radius: 1px;
    border: solid 1px #CECECE;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    width: 100%;
}
.overlaycarrusel {
      font-size: 20px;
    color: white !important;
    color: #28740B;
    padding-top: 20px;
    padding-bottom: 19px;
    text-shadow: 2px 2px black;
    padding-left: 34px;
    padding-right: 34px;
    font-size: 65px;
    font-weight: 600;
    font-weight: 500;
    min-width: 350px;
    max-width: 678px !important;
    text-align: center;
    line-height: 69px;
}


/* NUEVO RUSSO */
header .menu .container{
	padding-left: 0;
	padding-right: 0;
}
.navbar-nav {
    margin: 1.5px -15px;
}
.navbar-default .navbar-toggle{
	background: #d9d900;
	border: 0;
}
.navbar-default .navbar-toggle:hover{
	background: #e5e500;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;
}
.navbar-toggle .icon-bar{
	height: 3px;
}

nav .navegador ul li a span.am-title{
	color: #000;
	font-size: 18px;
	line-height: 21px;
	z-index: 1;
	text-decoration: none;
	display: block;
	text-align: left;
	/* position: absolute; */
	width: 100%;
	background: none;
	padding: 10px;
	font-weight: 400;
	text-transform: uppercase;
}
nav .navegador ul li a:hover span.am-title{
	color: #FFF;
}

/* SUBMENU */
header .menu .navbar-nav > li > ul > li{
	/*background: #424242;*/
	border-bottom: 1px solid #555555;
}
/*header .menu .navbar-nav > li > ul > li:after{
	content: " ";
	background: #222222;
	display: block;
	width: 100%;
	height: 1px;
}*/
header .menu .navbar-nav > li > ul > li a{
	color: #999999;
	text-transform: uppercase;
	padding: 15px 45px 15px 10px;
	text-align: left;
}
header .menu .navbar-nav > li > ul > li a:hover{
	color: #FFF;
	background: inherit;
}
header .menu .navbar-brand{
	padding: 20px 0;
}
header .menu .navbar-brand img{}
header .menu .navbar .navbar-collapse{}
header .menu .navbar .navbar-collapse ul{
    margin: 0;
    padding: 0 0 0 0%;
    background: none;
}
header .menu .navbar .navbar-collapse ul li.dropdown ul{
	padding: 0 15px;
	background: #434242;

}


/* MENU ESPECIAL */
header .menu .navbar-nav.alpha-menu >li.am-responsive-toggle{
	background-color: #FFF;
	color: #333;
}
header .menu .navbar-nav.alpha-menu >li.am-responsive-toggle:hover{
	background-color: #e60000;
	color: #FFF;
}
header .menu .navbar-nav.alpha-menu >li{
	background: none;
	height: auto;
}
header .menu .navbar-nav.alpha-menu >li > ul, 
header .menu .navbar-nav.alpha-menu >li > ul ul, 
header .menu .navbar-nav.alpha-menu .am-multi-column, 
header .menu .navbar-nav.alpha-menu .am-multi-column >ul ul{
	background-color: #ffffff;
    color: #000;
}
header .menu .navbar-nav.alpha-menu >li > ul li{}
header .menu .navbar-nav.alpha-menu >li > ul li a{
	text-transform: initial;
}

header .menu .navbar-nav.alpha-menu .am-submenu >li{}
header .menu .navbar-nav.alpha-menu .am-row .am-col >.am-grid-wrapper{
	padding: 10px 15px 10px 35px;
}
header .menu .navbar-nav.alpha-menu, 
header .menu .navbar-nav.alpha-menu a, 
header .menu .navbar-nav.alpha-menu a:visited{
	
}
header .menu .navbar-nav.alpha-menu >li:hover, 
header .menu .navbar-nav.alpha-menu >li.am-active, 
header .menu .navbar-nav.alpha-menu >li.am-opened{
	background: #none;
	color: #000;
}
header .menu .navbar-nav.alpha-menu >li:hover a, 
header .menu .navbar-nav.alpha-menu >li.am-active a, 
header .menu .navbar-nav.alpha-menu >li.am-opened a{
	/*color: #000;*/
}
header .menu .navbar-nav.alpha-menu >li >ul li:hover, 
header .menu .navbar-nav.alpha-menu >li >ul ul li:hover, 
header .menu .navbar-nav.alpha-menu .am-multi-column li:hover, 
header .menu .navbar-nav.alpha-menu .am-multi-column >ul ul li:hover, 
header .menu .navbar-nav.alpha-menu >li >ul li.am-opened, 
header .menu .navbar-nav.alpha-menu >li >ul ul li.am-opened, 
header .menu .navbar-nav.alpha-menu .am-multi-column li.am-opened, 
header .menu .navbar-nav.alpha-menu .am-multi-column >ul ul li.am-opened{
	background-color: #e5e5e5;
}
header .menu .navbar-nav.alpha-menu >li > ul li:hover > a{
	color: #5a5a5a !important;
}
header .menu .navbar-nav.alpha-menu .am-row .am-col >.am-grid-wrapper {
    background-color: inherit;
    color: inherit;
    border-right: 1px solid #d7d7d5;
    border-radius: 0;
}
header .menu .navbar-nav.alpha-menu .am-grid .am-row .am-col >.am-grid-wrapper.last{
	border-right: none;
}
header .menu .navbar-nav.alpha-menu >li.am-content >div ul li:hover a, 
header .menu .navbar-nav.alpha-menu >li.am-content-full >div ul li:hover a, 
header .menu .navbar-nav.alpha-menu >li.am-content >div ul li:hover a:visited, 
header .menu .navbar-nav.alpha-menu >li.am-content-full >div ul li:hover a:visited{
	color: #cd1618;
}
header .menu .navbar-nav.alpha-menu >li.am-content >div ul li a, 
header .menu .navbar-nav.alpha-menu >li.am-content-full >div ul li a, 
header .menu .navbar-nav.alpha-menu >li.am-content >div ul li a:visited, 
header .menu .navbar-nav.alpha-menu >li.am-content-full >div ul li a:visited {
    color: #333;
}
header .menu .navbar-nav.alpha-menu >li.am-content > div, 
header .menu .navbar-nav.alpha-menu >li.am-content-full > div{
	top: 144px;
	background: #434242;
}
header .menu .navbar-nav.alpha-menu >li.am-content-full > div .img-sub{
	position: relative;
}
header .menu .navbar-nav.alpha-menu >li .boostKeyframe a .img-sub{
    margin: 0;
    position: relative;
    border-bottom: 1px solid #555555;
    padding: 15px 0;
}
header .menu .navbar-nav.alpha-menu >li .boostKeyframe a .img-sub span{
	color: #EDEDED;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-transform: uppercase;
}
header .menu .navbar-nav.alpha-menu >li .boostKeyframe a:hover{
	text-decoration: none;
}
header .menu .navbar-nav.alpha-menu >li .boostKeyframe a:hover .img-sub span{
	color: #FFCC00;
}
header .menu .navbar-nav.alpha-menu >li .boostKeyframe a .img-sub img{
	margin: 0;
}
/* MENU ESPECIAL */



/* HEADER */ 

/* FOOTER */
footer{
	      background: #272727;
    padding: 10px 0 20px 0;
}
.redesoci{
	    color: #FFFFFF;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
}
footer .container{}
footer .container.menu-footer{
	padding: 20px 0 0;
}
footer div h4{
	font-weight: 400;
	text-transform: uppercase;
    color: #FFF;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
footer div ul{}
footer div ul li{
	color: #FFF;
    font-size: 16px;
    display: inline-block;
}
footer div ul li a{
	    color: #FFF;
    font-size: 13px;
}
footer div ul li a:hover{
	text-decoration: none;
	color: #FFF;
}
.direccion{
	font-size:11px;
	color:#E4E4E5;
	display:inline-block;
	padding-left:5px;
	font-family:'Lato', sans-serif;
}
.nuestroprod{
color:black;
font-family: 'Lato', sans-serif;
font-size:55px;
font-weight:300;
}
footer .cont-dire{
	border-left: 1px solid #FFCC00;
	border-right: 1px solid #FFCC00;
}
footer .cont-dire ul{
	padding: 4em 0;
}
footer .cont-dire ul li{
	width: 30%;
    padding-left: 3%;
}
footer .cont-dire ul li a{}
footer .cont-dire ul li img{
	margin-right: 10px;
}

footer .sitemap{}
footer .sitemap ul{
}
footer .sitemap ul li{
	display: block;
}
footer .sitemap ul li a{}
footer .sitemap ul li a:hover{}

footer .redes{}
footer .redes ul{
	margin: 0;
	padding: 4em 0;
}
footer .redes ul li{}
footer .redes ul li a{}
footer .redes ul li a img{}


/* FOOTER */ 


/* BUSCA */ 

section.busca{
	overflow: hidden;
	padding: 60px 0;
}
section.busca .container{
	padding-left: 0;
	padding-right: 0;
}
section.busca .destacados{
	overflow: hidden;
}
section.busca .destacados .item-destacado{}
section.busca .destacados .item-destacado.col1{}
section.busca .destacados .item-destacado.col2{}
section.busca .destacados .item-destacado h2{
	     background: black url(../images/ico-mas.png) no-repeat 98% center;
    text-transform: uppercase;
    color: #ECECEC;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding: 10px 15px;
    text-transform: uppercase;
    border-bottom: 8px solid #FF8000;
}
section.busca .destacados .item-destacado .thumbnail{
	padding: inherit;
    border: 1px solid #dddddd;
    border-top: none;
    border-radius: inherit;
  
    line-height: inherit;
    overflow: hidden;
    padding: 20px;
    display: table;
	table-layout: fixed;
    height: 100%;
    width: 100%;
}
section.busca .destacados .item-destacado .thumbnail img{
	padding: 0;
	display: inline-table;
  	height: 100%;
}
section.busca .destacados .item-destacado .thumbnail .caption{
	color: #666666;
	font-weight: normal;
	position: relative;
	display: inline-table;
	padding: 10px 10px 0 20px;
  	height: 100%;
}
section.busca .destacados .item-destacado .thumbnail .caption h3{
	font-size: 19px;
    line-height: 24px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dddddd;
    color: #666666;
}
section.busca .destacados .item-destacado .thumbnail .caption p{
	font-size: 13px;
	color: #666666;
	font-weight: 300;
	padding: 0 0 50px 0;
}
section.busca .destacados .item-destacado .thumbnail .caption a{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 18px;
	border: none;
	border-radius: 0;
	font-weight: normal;
	padding: 10px 15px;
	background: #FF0000;
	font-family: 'Source Sans Pro', sans-serif;
}
section.busca .destacados .item-destacado .thumbnail .caption a:hover{
	background: #000;
}



section.busca .listado{
	/*display: table;
	table-layout: fixed;
    height: 100%;
    width: 100%;*/
    padding: 3em 15px;
}
section.busca .listado h3{
	background: #434242 url(../images/ico-mas.jpg) no-repeat 98% center;
	text-transform: uppercase;
	color: #FFF;
	font-size: 20px;
	margin: 0;
	padding: 10px 15px;
}
section.busca .listado .item-listado{
	/*display: inline-table;*/
  	height: 100%;
}
section.busca .listado .item-listado.col1{}
section.busca .listado .item-listado.col3{}
section.busca .listado .thumbnail{
	padding: inherit;
    border: inherit;
    border-radius: inherit;
    background-color: #eeeeee;
    line-height: inherit;
    overflow: hidden;
    padding: 0;

}
section.busca .listado .thumbnail img{
	padding: 0;
}
section.busca .listado .thumbnail .caption{
	color: #666666;
	font-weight: normal;
	position: relative;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #dddddd;
	border-top: none;
}
section.busca .listado .thumbnail .caption span{
	padding-left: 0;
	padding-right: 0;
	float: inherit !important;
}
section.busca .listado .thumbnail .caption h3{
	font-size: 19px;
}
section.busca .listado .thumbnail .caption p{
	font-size: 13px;
	display: inherit;
}
section.busca .listado .thumbnail .caption a{
	float: inherit !important;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	border: none;
	border-radius: 0;
	font-weight: normal;
	padding: 10px 15px;
	background: #FF0000;
	font-family: 'Source Sans Pro', sans-serif;
}
section.busca .listado .thumbnail .caption a:hover{
	background: #000;
}


/* DESCRIPCION EMPRESA */ 
section.descripcion{}
section.descripcion h2{
	color: #080b40;
	font-size: 18px;
	font-weight: normal;
}
section.descripcion p{
	color: #4c4c4c;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 3em 0;
	border-bottom: 1px solid #eeeeee;
}

.cont-padding{
	padding: 2em 0;
}
section.empresa{
	background: #ffffff;
	padding: 3em 0;
}
section.empresa.bg-gris{
	background: #eeeeee;
	padding: 3em 0;
	margin-bottom: 3em;
}
section.empresa .desc{}
section.empresa .desc h2{
    color: black;
    font-weight: normal;
    font-size: 50PX;
    padding-bottom: 10px;
    font-family: 'Lato', sans-serif;
    margin: 0 0 10px;
    font-weight: 300;
    line-height: 48px;
    /* border-bottom: 1px solid #FFCC00; */
}
section.empresa .desc p{
    color: #1F1814;
    font-size: 15px;
    line-height: 24px;
  padding-top:7px;
    font-family: 'Lato', sans-serif;
}
section.empresa .img{}
section.empresa .img img{
	width: 100%;

}

section.mision .desc{}
section.mision .desc h2{
	color: #28699b;
	font-weight: normal;
	font-size: 24px;
}
section.mision .desc p{
	color: #555555;
	font-size: 14px;
	font-weight: normal;
}
section.mision .img{
	overflow: hidden;
}
section.mision .img img{}



/* IMAGEN 100%FULL RESPONSIVE */

.img-main-sec{
	overflow: hidden;
	width: 100%;
}
.img-main-sec img{
	width: 100%;
}
.img-main-sec .dire{
       background: #FF8000;
    padding: 20px;
    position: absolute;
    bottom: 36%;
    min-width: 20%;
    left: 52%;
}
.redesultimas:last-child{
	margin-right:8%:
}
.redesultimas{
	background-color: yellow;
}
.img-main-sec .dire p{
	    color: #FFF;
    font-size: 16px;
    line-height: 10px;
    font-weight: 400;
}
.img-main-sec .dire hr{
	height: 2px;
	background: #FFCC00;
	border: 0;
}
.img-main-sec .dire a{
	color: #FFF;
	text-decoration: none;
}
.img-main-sec .dire a:hover{
	color: #FFF;
	text-decoration: none;
}
.img-main-sec .direccion{}
.img-main-sec .dire .punta{
	position: absolute;
    bottom: 10%;
    left: -4%;
}
.img-main-sec .dire .punta img{}

/* IMAGEN 100%FULL RESPONSIVE */

/* PRODUCTOS */
section.productos{
	overflow: hidden;
}
section.productos.listado{
	padding: 3em 0;
}
section.productos.listado .item-listado{
	margin: 0 0 3em 0;
}
section.productos.listado .img{
	width: 100%;
	border: 1px solid #eeeeee;
	overflow: hidden;
	padding: 4em 0;
}
section.productos.listado .img img{}
section.productos.listado .btn{
	border-radius: 0;
	background: #ebebed;
	padding: 10px 0;
	text-align: center;
	border: none;
	margin: 1em 0 0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}
section.productos.listado .btn:hover{
	background: #d9d900;
	color: #434040;
}

section.productos.listado .btn.logged{
	border-radius: 0;
	background: #d9d900;
	padding: 10px 0;
	text-align: center;
	border: none;
	margin: 1em 0 0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}
section.productos.listado .btn.logged:hover{
	background: #ebebed;
	color: #434040;
}

section.productos.busqueda{}


aside.list-herrajes{}
aside.list-herrajes .panel-group{}
aside.list-herrajes .panel-group .panel{
	border-radius: 0;
	border: none;
}
aside.list-herrajes .panel-group .panel + .panel{
	    margin-top: 1px;
}
aside.list-herrajes .panel-group .panel .panel-heading{
	border-radius: 0;
	border: none;
	padding: 0;
}
aside.list-herrajes .panel-group .panel .panel-body{
	padding: 0;
}
aside.list-herrajes .panel-group .panel .panel-body ul{
	margin-bottom: 0;
	border-top: none;
	border-bottom: none;
}
aside.list-herrajes .panel-group .panel .panel-body ul li{
	background: #EEEEEE;
}
aside.list-herrajes .panel-group .panel .panel-body ul li a{
	color: #999999;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 12px 5px 12px 15px;
}
aside.list-herrajes .panel-group .panel .panel-body ul li:last-child a{
	border-bottom: 0;
}
aside.list-herrajes .panel-group .panel .panel-body ul li a:hover,
aside.list-herrajes .panel-group .panel .panel-body ul li.active a{
	color: #FF0000;
}
aside.list-herrajes .panel-group .panel h4{
	position: relative;
}
aside.list-herrajes .panel-group .panel h4 a{
	color: #d8d8d8;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	padding: 25px 15px;
	background: #434040;
	display: block;
}
aside.list-herrajes .panel-group .panel h4 a span{}
aside.list-herrajes .panel-group .panel h4 i{
	width: 33px;
	height: 15px;
    position: absolute;
    right: 15px;
    top: 36%;
    text-indent: 9999px;
}
aside.list-herrajes .panel-group .panel h4 i.glyphicon-chevron-down{
	background: url(../images/arrow-down.png) no-repeat center top;
}
aside.list-herrajes .panel-group .panel h4 i.glyphicon-chevron-up{
	background: url(../images/arrow-up.png) no-repeat center top;
}

.searchbox-icon, .searchbox-submit {
       width: 40px;
    height: 41px;
    display: inline-block;
    position: absolute;
    top: 0;
    font-size: 20px;
    right: 0;
    padding: 6px;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: white;
    background: #FF8000;
}

/*** PRODUCTOS ***/
.cont-listado{

}
.cont-listado .item-tipo{
	margin-bottom: 30px;
}
.cont-listado .cont-item-tipos :last-child {
	margin-right: 0;
}
.cont-listado .item-tipo .img{
	display: block;
    overflow: hidden;
    position: relative;
 
    border: 1px solid #ddd;
}
.lifamilia{
	    font-size: 16px;
    color: #666666;
    font-family: 'Lato', sans-serif;
    padding-top: 14px;
    padding-bottom:10px;

}
.activopa{
	    color: #FF7F00;
    border: 1px solid #FF8000;
    border-radius: 28px;
    padding: 9px;
    text-decoration:none;
    font-family: 'Lato', sans-serif;
    margin-left:12px;
}
.activopa:hover{
	    color: #FF7F00;
    border: 1px solid #FF8000;
    border-radius: 28px;
    padding: 9px;
    text-decoration:none;
}
.cont-listado .item-tipo .img img{}
.cont-listado .item-tipo a span{
	background: url(../images/ico-mas.png) no-repeat center top;
	text-indent: 9999px;
	text-align: center;
    padding: 20px 0;
    width: 31px;
    height: 31px;
    color: #F09021;
    font-size: 18px;
    line-height: 21px;
    display: block;
}
.cont-listado .item-tipo .img .overlay{
	background: rgba(255, 128, 0, 0.65);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	text-align: center;
	cursor: pointer;
}
.itemsuperior{
      list-style-type: none;
    background-color: #353535;
    color: #DDDDDD;
    font-size: 16px;
    padding-left: 18px;
    padding-right: 19px;
    padding-top: 5px;
    height: 41px;
    border-right: 2px solid #eee;
}
.cont-listado .item-tipo .img:hover .overlay{
	display: block !important;
	opacity: 1 !important;
}
.cont-listado .item-tipo .img .overlay span{
	width: 100%;
	color: #FFF;
	font-size: 18px;
	line-height: 21px;
}
.cont-listado .item-tipo .img .overlay span.glyphicon{
	font-size: 64px;
	font-weight: 300;
}
.cont-listado .item-tipo a .title{
	    color: #000;
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
    width: 70%;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
}
.cont-listado .item-tipo a:hover .title{
	color: #C40000;
}
.cont-listado .item-tipo a .title:after{
	content: url(../images/bg-title-producto.jpg);
	display: block;
    width: 64px;
    height: 3px;
    margin: 5px 0 0 0;
}
.cont-listado .item-tipo a:hover .title:after{
	content: url(../images/bg-title-producto.jpg);
}



.miga{}
.miga .breadcrumb{
	background: inherit;
    padding: 0;
    margin-top: 10px;
}
.miga .breadcrumb li{
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #000;
	text-transform: uppercase;
}
.miga .breadcrumb li.active{
	color: #000;
}
.miga .breadcrumb li.active a{}
.miga .breadcrumb li a{
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	padding: 0;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}
.miga .breadcrumb li a:hover{
	color: #FF0000;
}
.miga .breadcrumb > li + li:before{
	padding: 0 10px 0 7px;
    width: 10px;
    height: 7px;
    content: '>';
    color: #000;
    font-size: 18px;
}


.cont-detalle-prod{
	overflow: hidden;
}
.cont-detalle-prod .hgroup{}
.cont-detalle-prod .hgroup h3{
	color: #0091CD;
	font-size: 23px;
	line-height: 27px;
	font-weight: 700;
}
.cont-detalle-prod .hgroup .ref{
	font-size: 16px;
	line-height: 18px;
	color: #1F1F1F;
	font-weight: 400;
}
.cont-detalle-prod .galeria{}
.cont-detalle-prod .desc{}
.cont-detalle-prod .galeria .main-img{
	padding: 0;
	margin: 0 0 1em 0;
} 
.cont-detalle-prod .galeria .main-img img{
	width: 100%;
	border: 1px solid #DDDDDD;
} 
.cont-detalle-prod .desc{}
.cont-detalle-prod .desc .hgroup{}
.cont-detalle-prod .desc .hgroup h3{
    color: #FF8000;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    font-size: 55px;
    line-height: 42px;
    margin: 46px 0 15px;
    /* border-bottom: 1px solid #FFCC00; */
    padding: 0 0 10px 0;
}
.cont-detalle-prod .desc .dgroup{}
.cont-detalle-prod .desc .dgroup p{}
.cont-detalle-prod .desc .dgroup p.tit{
	color: #444444;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin: 15px 0;
}
.cont-detalle-prod .desc .dgroup p.tit-value{
	color: #222222;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
}
.cont-detalle-prod .desc .dgroup p.desc{
      color: black;
    font-size: 15px;
    line-height: 25px;
    padding: 0 0 3em 0;
    font-family: 'Lato', sans-serif;
    padding: 8px 0 2px;
    /* font-weight: 300; */
}
.cont-detalle-prod .desc .bgroup{}
.cont-detalle-prod .desc .bgroup a{
	border-radius: 0;
	border: none;
	font-size: 14px;
	line-height: 16px;
	color: #FFF;
	text-transform: uppercase;
	background: #FF0000;
	padding: 10px 15px;
}
.cont-detalle-prod .desc .bgroup a:hover{
	background: #FFCC00;
}


.textouso{
	 color: black;
    font-size: 15px;
    line-height: 25px;

    font-family: 'Lato', sans-serif;
   
    /* font-weight: 300; */
}


.cont-detalle-prod .tabla{
	margin: 50px 0;
}
.cont-detalle-prod .tabla table{
	width: 100%;
}
.cont-detalle-prod .tabla table thead{}
.cont-detalle-prod .tabla table thead tr{}
.cont-detalle-prod .tabla table thead tr th{
	    background: #444444;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 5px solid #fff;
    color: #ECECEC;
}
.cont-detalle-prod .tabla table tbody{}
.cont-detalle-prod .tabla table tbody tr{}
.cont-detalle-prod .tabla table tbody tr td{
	background: #EEEEEE;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
      font-family: 'Lato', sans-serif;
    border-bottom: 5px solid #fff;
    color: #000;
}
.usso{
	font-size:15px;
	font-family: 'Lato', sans-serif;
	color:#FF7F00;
	font-weight:600;
}
.cont-detalle-prod .tabla table .border-red{
	border-left: 2px solid #FF8000;
}
.cont-detalle-prod .tabla table .border-grey{
	border-left: 1px solid #999999;
}






section.productos.busqueda{}
section.productos.busqueda .item{
	padding: 15px;
}
section.productos.busqueda .item a{
	display: block;
	border: 1px solid #eee;
	color: #28699b;
	text-decoration: none;
	text-align: center;
	/*min-height: 140px;*/
	line-height: 140px;
}
section.productos.busqueda .item a:hover{
	border: 1px solid #28699b;
}



section.productos.detalle{
	padding: 15px 0;
}
section.productos.detalle .galeria{}
section.productos.detalle .desc{}



section.productos.detalle .galeria .main-img{
	border: 1px solid #dddddd;
	padding: 2em;
	margin: 0 0 1em 0;
	overflow: hidden;
} 
section.productos.detalle .galeria .main-img img{} 
section.productos.detalle .galeria ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
} 
section.productos.detalle .galeria ul li{
	overflow: hidden;
	border: 1px solid #dddddd;
	margin: 0 1em 0 0;
}
section.productos.detalle .galeria ul li:hover{
	border: 1px solid #22608f;
}
section.productos.detalle .galeria ul li a{
	text-align: center;
    display: block;
    padding: 1em 0;
    overflow: hidden;
}
section.productos.detalle .galeria ul li:last-child{
	margin: 0;
}
section.productos.detalle .galeria ul li img{} 


section.productos.detalle .desc{}
section.productos.detalle .desc .hgroup{
	border-bottom: 1px solid #dddddd;
}
section.productos.detalle .desc .hgroup h3{
	color: #28699b;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin: 10px 0 5px;
}
section.productos.detalle .desc .hgroup h4{
	color: #555555;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 15px;
}
section.productos.detalle .desc .dgroup{}
section.productos.detalle .desc .dgroup p{}
section.productos.detalle .desc .dgroup p.tit{
	color: #28699b;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin: 15px 0 5px;
}
section.productos.detalle .desc .dgroup p.tit-value{
	color: #222222;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
}
section.productos.detalle .desc .dgroup p.desc{
	color: #666666;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	padding: 0 0 3em 0;
}
section.productos.detalle .desc .bgroup{}
section.productos.detalle .desc .bgroup a{
	border-radius: 0;
	border: none;
	height: 38px;
	line-height: 28px;
}
section.productos.detalle .desc .bgroup a.pdf{
	background: #555555 url(../images/bg-button-pdf.jpg) no-repeat right top;
	color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 .75em 0;
}
section.productos.detalle .desc .bgroup a.pdf:hover{
	background: #737373 url(../images/bg-button-pdf.jpg) no-repeat right top;
	color: #d9d900;
}
section.productos.detalle .desc .bgroup a.info{
	background: #d9d900;
	color: #555555;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
}
section.productos.detalle .desc .bgroup a.info:hover{
	background: #f2f200;
	color: #737373;
}



/* VIEJO */
section.productos{}
section.productos.mod-auto{}
section.productos.mod-auto .container{
	padding: 0 0 50px 0;
}
section.productos .buscador{
	padding: 50px 0 20px;
}
section.productos .buscador .input-group{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
section.productos .buscador .input-group input{
	border-radius: 0;
    height: 38px;
}
section.productos .buscador .input-group span{
	width: inherit;
}
section.productos .buscador .input-group span button{
	border-radius: 0;
    border: none;
    background: #171c5a;
    height: 38px;
}
section.productos .buscador .input-group span button img{}

section.productos .marcas{
	padding: 0;
}
section.productos .marcas h2{
	color: #f3b60e;
	font-size: 16px;
	font-weight: bold;
}
section.productos .marcas .acord{}
section.productos .marcas .acord > div{
	box-shadow: inherit;
	border: inherit;
	border-radius: inherit;
}
section.productos .marcas .acord .panel-heading{
	background-color: inherit;
	overflow: hidden;
	padding: 12px;
}
section.productos .marcas .acord .panel-heading h4{
	position: relative;
}
section.productos .marcas .acord .panel-heading h4 a{
	font-weight: bold;
}
section.productos .marcas .acord .panel-heading h4 a span{
	padding: 5px 0 0;
	display: block;
}
section.productos .marcas .acord .panel-heading h4 a img{
	margin: 0 10px 0 0;
}
section.productos .marcas .acord .panel-heading h4 i{
	color: #f1b300;
	top: 5px;
    position: absolute;
    right: 5px;
}

section.productos .marcas .acord .panel-collapse{}
section.productos .marcas .acord .panel-body{
	padding: 0;
}
section.productos .marcas .acord .panel-body ul{
	background: #eeeeee;
	margin: 0;
}
section.productos .marcas .acord .panel-body ul li{
	border-bottom: 1px solid #dddddd;
	margin: 0 15px;
	padding: 5px 0;
}
section.productos .marcas .acord .panel-body ul li:last-child{
	border-bottom: none;
}
section.productos .marcas .acord .panel-body ul li a{
	color: #7e7e7e;
	text-decoration: none;
	display: block;
}
section.productos .marcas .acord .panel-body ul li a:hover{
	text-decoration: underline;
}

section.productos .modelo{
	padding-right: 0;
	padding-left: 20px;
	margin-bottom: 50px;
}
section.productos .modelo .row{
	margin: inherit;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
section.productos .modelo .list-marcas{
	cursor: pointer;
	padding: 0;
}
section.productos .modelo .list-marcas.medio{
	margin-right: 15px;
	margin-left: 15px;
}
section.productos .modelo .list-marcas .logo-marca{
	width: 100%;
	border: 1px solid #eeeeee;
	overflow: hidden;
	padding: 2em;
}
section.productos .modelo .list-marcas .logo-marca img{}
section.productos .modelo .list-marcas .nombre-marca{}
section.productos .modelo .list-marcas .nombre-marca h2{
	text-align: center;
	font-size: 22px;
	margin: 15px 0;
	color: #333;
	text-decoration: none;
}
section.productos .modelo .list-marcas:hover{
	text-decoration: none;
}



section.productos .modelo-list{
	padding: 50px 0px 50px 30px;
}
section.productos .modelo-list h4{
	font-size: 24px;
	color: #080b40;
	font-weight: normal;
}
section.productos .modelo-list a{
	color: #343434;
	display: block;
	padding: 10px 0 10px 20px;
	font-size: 18px;
}
section.productos .modelo-list a span{}
section.productos .modelo-list a i{
	color: #f1b300;
	/*margin: 0 10px 0 0;*/
	position: absolute;
	right: 10px;
	top: 10px;
}
section.productos .modelo-list ul{
	padding: 0;
}
section.productos .modelo-list ul li{
	padding: 0;
	margin-bottom: 10px;
	position: relative;
}
section.productos .modelo-list ul li.gris{
	border: 1px solid #eeeeee;
	background: #eeeeee;
}
section.productos .modelo-list ul li.blanco{
	border: 1px solid #dddddd;
	background: #ffffff;
}
section.productos .modelo-list ul li:nth-child(odd){
	margin-right: 10px;
	width: calc(50% - 10px);
} 
section.productos .modelo-list ul li:nth-child(even){
	margin-right: 0;
} 


section.productos .modelo-detalle{}
section.productos .modelo-detalle .img-bat{
	border-right: 1px solid #dddddd;
	padding: 40px 0 50px;
	overflow: hidden;
}
section.productos .modelo-detalle .img-bat img{
	max-width: 250px;
	max-height: 250px;
}
section.productos .modelo-detalle .datos-bateria{
	padding: 30px 15px 0 40px;
}
section.productos .modelo-detalle .datos-bateria .marca{
	display: block;
	overflow: hidden;
	width: 100%;
}
section.productos .modelo-detalle .datos-bateria .marca h3{
	color: #090b3e;
	font-size: 24px;
	margin: 10px 0;
}
section.productos .modelo-detalle .list{
	margin: 0 0 3em 0;
	overflow: hidden;
} 
section.productos .modelo-detalle .list .datos-bateria .marca h4{
	color: #212121;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}
section.productos .modelo-detalle .datos-bateria .marca img{}
section.productos .modelo-detalle .datos-bateria .desc{}
section.productos .modelo-detalle .datos-bateria .desc p{
	color: #4b4b4b;
	padding: 3em 0;
}
section.productos .modelo-detalle .misc{}
section.productos .modelo-detalle .misc h5{
	font-weight: bold;
	font-size: 14px;
}
section.productos .modelo-detalle .misc ul{}
section.productos .modelo-detalle .misc ul li{}
section.productos .modelo-detalle .misc ul li p{
	margin: 0;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: normal;
}
section.productos .modelo-detalle .misc p{
	color: #2f54bf;
}
section.productos .modelo-detalle .misc p a{
	text-decoration: none;
	color: #2f54bf;
	font-weight: normal;
	font-size: 14px;
}
section.productos .modelo-detalle .misc p a:hover{
	text-decoration: underline;
}


/*prespuepuesto*/


section .presupuesto{
	overflow: hidden;
    padding: 60px 0;
}
section .presupuesto .cont-pasos{}
section .presupuesto .cont-pasos .paso{
	width: 30%;
}
section .presupuesto .cont-pasos .paso.active{}
section .presupuesto .cont-pasos .paso span{
	color: #5E5E5E;
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	text-align: center;
	width: 111px;
	height: 158px;
	margin: 0 auto;
	display: block;
	padding-top: 12px;
}
section .presupuesto .cont-pasos .paso.active span{}
section .presupuesto .cont-pasos .obra{
	background: url(../imagenes/iconos/tu-obra.png) no-repeat center top;
}
section .presupuesto .cont-pasos .obra.active{
	background: url(../imagenes/iconos/tu-obra-active.png) no-repeat center top;
}

section .presupuesto .cont-pasos .datos{
	background: url(../imagenes/iconos/tus-datos.png) no-repeat center top;
}
section .presupuesto .cont-pasos .datos.active{
	background: url(../imagenes/iconos/tus-datos-active.png) no-repeat center top;
}

section .presupuesto .cont-pasos .paso p{
	font-family: 'Roboto Condensed';
	color: #5E5E5E;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0;
	padding-bottom: 10px;
 background: url(../imagenes/iconos/bg-linea-presupuesto-1.jpg) no-repeat center bottom;
}
section .presupuesto .cont-pasos .paso.obra.active p{
	background: url(../imagenes/iconos/bg-linea-presupuesto-2.jpg) no-repeat center bottom;
}
section .presupuesto .cont-pasos .paso.datos.active p{
	background: url(../imagenes/iconos/bg-linea-presupuesto-2.jpg) no-repeat center bottom;
}
section .presupuesto .cont-pasos .paso.active p{
    color: #0a0a0a;
}
section .presupuesto .cont-pasos .linea{
	max-width: 200px;
}
section .presupuesto .cont-pasos .linea hr{
	height: 1px;
	background: #DDDDDD;
	margin: 65px 0 0;
}
section .presupuesto .pasos{}
section .presupuesto .pasos p{
	overflow: hidden;
	margin-bottom: 30px;
}
section .presupuesto .pasos p label{
	float: left;
	color: #555555;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	padding-right: 10px;
	padding-top: 5px;
	width: 20%;
	text-align: right;
}
section .presupuesto .pasos p input{
	float: left;
	border-radius: 3px;
	border: 1px solid #EEEEEE;
	box-shadow: none;
	width: 100%;
	padding: 10px;
    height: 44px;
    font-family: 'Roboto Condensed';
	color: black;
}
section .presupuesto .pasos p textarea{
	float: left;
	border-radius: 3px;
	border: 1px solid #EEEEEE;
	box-shadow: none;
	min-height: 150px;
	width: 100%;
	font-family: 'Roboto Condensed';
	color: #5E5E5E;
}
section .presupuesto .cont-btn{
	overflow: hidden;
}
section .presupuesto .cont-btn button{
	border-radius: 3px;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    line-height: 18px;
    background: #FF8000;
    border-radius:25px;
    padding: 15px 45px;
    display: block;
    cursor: pointer;
    border: 0;
    margin: 30px 0 30px 15px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}
section .presupuesto .cont-btn button:hover{
	background: #555555;
}
section .presupuesto .pasos p .input-group{}
section .presupuesto .pasos p .input-group span{}
section .presupuesto .pasos p .input-group span input{}
section .presupuesto .pasos .examinar{}
section .presupuesto .pasos .examinar label{
	float: left;
	color: #555555;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	padding-right: 10px;
	padding-top: 5px;
	width: 20%;
	text-align: right;
}
section .presupuesto .pasos .examinar .input-group{
	float: left;
    width: 100%;
}
section .presupuesto .pasos .examinar .input-group-btn{
	    border-radius: 3px;
    float: right;
    padding-right: 0;
    text-align: center;
    padding: 15px 0;
    color: #FFF;
    font-size: 14px;
    height: 44px;
    width: 47%;
    text-transform: uppercase;
    line-height: 16px;
    background: #FF9D3A;
    border-radius: 25px;
    margin: 0;
    cursor: pointer;
}
section .presupuesto .pasos .examinar .input-group-btn span{
	border-radius: 0;
	font-family: 'Roboto Condensed';
}
section .presupuesto .pasos .examinar .input-group input[type=file]{}
section .presupuesto .pasos .examinar .input-group input[type=text]{
	width: 50%;
    float: left;
    border-radius: 3px;
    border: 1px solid #EEEEEE;
    box-shadow: none;
    padding: 10px;
    height: 44px;
    font-family: 'Roboto Condensed';
    background: #FFF;
    color: #5E5E5E;
}
section .presupuesto .pasos .examinar .agregar{
	float: right;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
	margin: 15px 0 0;
	font-family: 'Roboto Condensed';
}
section .presupuesto .cont-btn .anterior{
	    border-radius: 3px;
    text-align: center;
    color: #FF9D3A;
    font-size: 15px;
    line-height: 18px;
    height: 48px;
    background: #FFF;
    padding: 13px 45px;
    display: block;
    cursor: pointer;
    border-radius: 25px;
    border: 1px solid #FF9D3A;
    margin: 30px 0;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}
section .presupuesto .cont-btn .anterior:hover{
	color: #555555;
	border: 1px solid #555555;
}
section .presupuesto .cont-btn a:hover{
	text-decoration: none;
}






/* NOVEDADES */
section.novedades{
	padding: 3em 0;
}
section.novedades h4{
	color: #000;
	font-size: 20px;
	line-height: 24px;
}
section.novedades .item-novedad{
	overflow: hidden;
    padding: 0 0 1.5em;
    margin: 0 0 2em;
}
section.novedades .item-novedad.detalle{
	border-bottom: 0;
}
section.novedades .item-novedad h2{
color: #FFF;
    float: left;
    padding: 10px 28px 10px 28px;
    margin: 0;
    position: absolute;
    z-index: 100;
    left: 15px;
    font-weight: 400;
    top: 10px;
    line-height: 21px;
    font-size: 18px;
    background: #FF8000;
    text-transform: uppercase;

}
section.novedades .item-novedad .tit{
	position: relative;
}
section.novedades .item-novedad .tit:after{
	content: "";
	height: 1px;
	background: #FFCC00;
	position: absolute;
	top: 34px;
	left: 0;
	width: 100%;
	display: inline-block;
}
section.novedades .item-novedad .desc{
	padding: 0;
}
section.novedades .item-novedad h3{
    padding: 80px 0 0px 17px;
    font-size: 45px;
    color: #FF8000;
    margin: 0 0 10px;
    font-weight: 300;
    font-family:'Lato', sans-serif;
}
section.novedades .item-novedad p{
	    padding: 0px 20px 0 16px;
    color: #333333;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 2em;
    font-family:'Lato', sans-serif;
}
section.novedades .item-novedad p.fecha{
	padding: 0 15px 0 16px;
    color: #868686;
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0;
    line-height: 18px;
}
section.novedades .item-novedad a{
	background: url(../images/ico-btn-ver-mas.jpg) no-repeat left 9px;
	float: left;
    border-radius: 0;
    color: #FF0000;
    border: 0;
    padding: 8px 15px 10px 25px;
    margin: 0 0 0 20px;
    cursor: pointer;
    font-size: 13px;
    line-height: 16px;
}
section.novedades .item-novedad a:hover{
	color: #000;
}
section.novedades .item-novedad i{
	position: absolute;
    right: 0;
    font-size: 12px;
    top: 14px;
    background: #FFF;
    color: #4f4f4f;
    z-index: 10;
    padding: 3px 0 3px 15px;
}
section.novedades .item-novedad i.mas{
	position: absolute;
    right: 0;
    font-size: 12px;
    top: 12px;
    background: #FFF;
    color: #4f4f4f;
    z-index: 10;
    padding: 3px 0 3px 15px;
}
section.novedades .item-novedad h2.naranja{
	background: #ed6720;
	color: #FFF;
}
section.novedades .item-novedad h2.gris-osc{
	background: #535353;
}
section.novedades .item-novedad h2.gris{
	background: #acac9d;
}
section.novedades .item-novedad .img{
	margin: 80px 0 0;
    overflow: hidden;
}
section.novedades .item-novedad.detalle .img{
	margin: inherit;
    padding: inherit;
    overflow: inherit;
    background: inherit;
}
section.novedades .item-novedad.detalle .cont-img{
	padding: 4em 2em;
	overflow: hidden;
	background: #EEE;
	margin: 60px 0 0;
	border-bottom: 5px solid #E81402;
}
section.novedades .item-novedad .img img{
	width: 100%;
}

section.novedades .item-novedad.detalle{}
section.novedades .item-novedad.detalle .thumbs{
	margin: 1em 0 0;
}
section.novedades .item-novedad.detalle .thumbs ul{}
section.novedades .item-novedad.detalle .thumbs ul li{
	padding-right: 5px;
    padding-left: 5px;
}
section.novedades .item-novedad.detalle .thumbs ul li a{
	padding: 0;
    display: block;
    overflow: hidden;
    background: #EEEEEE;
    width: 100%;
    padding: 1em 0;
}
section.novedades .item-novedad.detalle .thumbs ul li a img{}
section.novedades .item-novedad.detalle .video{
	margin: 2em 0 0;
}
section.novedades .item-novedad.detalle .video img{
	width: 100%;
}
section.novedades .buscador-categorias{
	margin: 23px 0 0;
}
section.novedades .buscador-categorias .buscador{
	margin: 1em 0;
}
section.novedades .buscador-categorias .buscador .input-group{}
section.novedades .buscador-categorias .buscador .input-group input{
	border-radius: 0;
    box-shadow: none;
    border-right: 0;
}
section.novedades .buscador-categorias .buscador .input-group span{}
section.novedades .buscador-categorias .buscador .input-group span button{
	border-radius: 0;
	padding: 9px 12px;
	border-left: 0;
}
section.novedades .buscador-categorias .buscador .input-group span button:hover{
	background: inherit;
}
section.novedades .buscador-categorias .buscador .input-group span button img{
	width: 14px;
    max-width: inherit;
    height: 14px;
}


section.novedades .paginador{
	margin-bottom: 30px;
}
section.novedades .paginador button{
	font-family: 'Oswald', sans-serif;
	background: #CCCCCC;
    border: 0;
    color: #FFF;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    text-align: center;
    padding: 5px 10px;
    border-radius: 0;
    min-width: 30px;
}
section.novedades .paginador button.active,
section.novedades .paginador button:hover{
	background: #FF0000;
}

section .nave{}
section .nave h5{
	background: #FF8000;
    font-size: 19px;
    line-height: 24px;
    color: #FFF;
    padding: 10px 20px;
    text-transform: uppercase;
}
section .nave ul{}
section .nave ul li{
	margin: 0;
}
section .nave ul li a{
	color: black;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding: 15px 10px 10px 0;
}
section .nave ul li a:hover{
	background: none;
	color: #000;
}
section.novedades-detalle{
	padding: 4em 0;
}
section.novedades-detalle .tit{
	position: relative;
}
section.novedades-detalle .tit:after{
	content: "";
	height: 1px;
	background: #FFCC00;
	position: absolute;
	top: 34px;
	left: 0;
	width: 100%;
	display: inline-block;
}
section.novedades-detalle .tit h2{
	color: #FFF;
    float: left;
       padding: 10px 28px 10px 28px;
    margin: 0;
    position: absolute;
    z-index: 100;
    left: 15px;
    font-weight: 400;
    top: 10px;
    line-height: 21px;
    font-size: 18px;
	background: #FF8000;
  
    text-transform: uppercase;
}
section.novedades-detalle .item-detalle-novedad{
	padding: 0;
}
section.novedades-detalle .item-detalle-novedad h3{
    font-size: 46px;
    line-height: 45px;
    font-weight: 400;
    color: #FF8000;
    text-transform: uppercase;
    margin: 100px 0 20px;
    font-family:'Lato', sans-serif;
}
section.novedades-detalle .item-detalle-novedad img{
	    width: 100%;
    margin: 66px 0 20px;
}
section.novedades-detalle .item-detalle-novedad p{
color: #333333;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family:'Lato', sans-serif;
}
.contactoap{
	color:black;
	font-size:45px;
	font-family:'Lato', sans-serif;
	font-weight:300;
}
.imggrandeanchofijo{
	    border: 1px solid #DDDDDD;
    padding-bottom: 30px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 30px;
    margin-top: 6%;
}
.imagenchiqui{
	     display: inline-block;
    height: 63px;
    width: 77px;
    border: 1px solid #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 6px;
    margin-right: 31px;
    margin-left: -28px;
}
section.novedades-detalle .item-detalle-novedad .compartir{
	border-top: 1px solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
	padding: 10px 0;
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	line-height: 18px;
	float: left;
    margin: 40px 0 0;
}
section.novedades-detalle .item-detalle-novedad .compartir p{
	color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
}
section.novedades-detalle .item-detalle-novedad .compartir p a{
    margin: -6px 5px 0 5px;
}
section.novedades-detalle .item-detalle-novedad .compartir p a img{
	margin: 0;
}
section.novedades-detalle .item-detalle-novedad .compartir p a.twitter{
	margin-left: 20px;
}



/**** CONTACTO ****/
section.contacto{
	padding: 3em 0 4em;
	overflow: hidden;
}
section.contacto p.sub{
	background: #F9F9F9;
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	/*font-family: "Myriad Pro Regular";*/
	padding: 10px 15px;
    margin: 0 15px;
}
section.contacto .form-contacto form{
	margin: 2em 0;
	overflow: hidden;
}
section.contacto .form-contacto form .form-group{
	margin-bottom: 15px;
}
section.contacto .form-contacto form .form-group input{
	background: none;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
}
section.contacto .form-contacto form .form-group textarea{
	width: 100%;
	background: none;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	color: #333333;
	padding: 15px;
	min-height: 154px;
	font-family: 'Source Sans Pro', sans-serif;
}
section.contacto .form-contacto form .form-group input:focus,
section.contacto .form-contacto form .form-group textarea:focus{
	box-shadow: none;
	outline: none;
}
section.contacto .form-contacto form .terminos{
	padding-bottom: 2em;
}
section.contacto .form-contacto form .terminos .captcha{}
section.contacto .form-contacto form .terminos .captcha img{
    background: #FFF;
}
section.contacto .form-contacto form .terminos .aceptar{}
section.contacto .form-contacto form .terminos .aceptar .checkbox{
	margin: 10px 0 15px 0;
}
section.contacto .form-contacto form .terminos .aceptar .checkbox label{
	color: #999999;
	font-size: 14px;
	line-height: 16px;
}
section.contacto .form-contacto form .terminos .aceptar .checkbox label input{
	margin-top: 2px;
}
section.contacto .form-contacto form .terminos button{
	    border-radius: 0;
    background: transparent;
    color: #FF8000;
    text-transform: uppercase;
    border: 1px solid #FF8000;
    font-size: 16px;
    border-radius: 25px;
    line-height: 18px;
    padding: 7px 10%;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
section.contacto .form-contacto form .terminos button:hover{
	background: #19161B;
}
section.contacto .form-contacto form .terminos .mobile{
	overflow: hidden;
	padding: 0;
}
section.contacto .form-contacto form .terminos .mobile button{}
section.contacto .form-contacto form .form-group textarea::-webkit-input-placeholder,
section.contacto .form-contacto form .form-group input::-webkit-input-placeholder {
   color: #999999;
   font-size: 16px;
   line-height: 18px;

}
section.contacto .form-contacto form .form-group textarea:-moz-placeholder,
section.contacto .form-contacto form .form-group input:-moz-placeholder { /* Firefox 18- */
   color: #999999;
   font-size: 16px;
   line-height: 18px;

}
section.contacto .form-contacto form .form-group textarea::-moz-placeholder,
section.contacto .form-contacto form .form-group input::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;
   font-size: 16px;
   line-height: 18px;

}
section.contacto .form-contacto form .form-group textarea:-ms-input-placeholder,
section.contacto .form-contacto form .form-group input:-ms-input-placeholder  {  
   color: #999999; 
   font-size: 16px;
   line-height: 18px;
}



/* MEDIA QUERIES / MEDIA QUERIES / MEDIA QUERIES / MEDIA QUERIES */

/* Extra Small - XS */
@media(max-width:767px){
	header .menu{
		height: auto;
	}
	.centerwq{
		text-align:center;
	}
	.dameestilowey{
	margin-top: 10px;
	margin-right: none;
	display:inline-block !important;
}
	section.novedades .item-novedad h3 {
    padding: 80px 0 0px 17px;
    font-size: 26px;
    color: #FF8000;
    margin: 0 0 10px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
section.novedades .item-novedad p {
    padding: 0px 20px 0 16px;
    color: #333333;
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 2em;
    font-family: 'Lato', sans-serif;
}
	.navbar-default .navbar-toggle{
		margin-top: 2.2em;
		background: none;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #999;
	}
	.navbar-default .navbar-toggle:hover{
		background: none;
	}
	header .menu .navbar{
    z-index: 1000;
	}
	header .menu .navbar .navbar-collapse{
		background: #FFF;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	header .menu .navbar-nav > li > a {
    color: #444444;
    /* padding: 63px 20px; */
    margin-top: 13px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

header .menu .navbar-nav > li.active > a, header .menu .navbar-nav > li.active > a:hover, header .menu .navbar-nav > li.open > a, header .menu .navbar-nav > li.open > a:hover {
    background: none;
    color: #FF8000;
    border: 1px solid #FF8000;
    border-radius: 25px;
    padding: 8px 20px;
    margin-top: 19px;
}

header .menu .navbar-nav > li > a:hover {
    color: #444444;
    /* padding: 63px 20px; */
    margin-top: 13px;
    text-transform: uppercase;
font-size:12px;
    line-height: 18px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

	header .menu .navbar-brand{
		padding: 20px 0;
	}
	header .menu .navbar-brand img{
		max-width: 250px;
	}
	header .menu .navbar .navbar-collapse.in{
		overflow: inherit;
	}
	header .menu .navbar .navbar-collapse ul{
		box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
		padding: 0;
	}
	.alpha-menu.am-response-switch:before{}
	header .menu .navbar-nav.alpha-menu >li{
		display: block;
	}
	header .menu .navbar-nav.alpha-menu >li.am-content-full > div{
		top: 38px;
	}
	header .menu .navbar-nav > li > a{
		font-size: 12px;
    	background: none;
    	padding: 10px;
	}
	section.busca .destacados .item-destacado h2{
		font-size: 20px;
	}
	section.busca .listado h3{
		font-size: 18px;
	}
	section.busca{
		padding: 15px 0;
	}
	section.busca .destacados,
	section.busca .listado .item-listado,
	section.empresa .desc,
	section.empresa .img,
	.cont-listado .item-tipo,
	section.novedades .listado-novedades,
	section.novedades .buscador-categorias,
	section.novedades-detalle .buscador-categorias{
		padding-left: 0;
		padding-right: 0;
	}
	section.empresa.bg-gris .desc h2{
		padding-top: 15px;
    	display: block;
    	float: left;
    	width: 100%;
	}
	section.empresa .desc p{
		padding-bottom: 15px;
	}
	footer .cont-dire ul,
	footer .redes ul{
		display: initial;
		padding: 0;
	}
	footer .cont-dire ul li,
	footer .redes ul li{
        width: 100%;
    	padding-left: 0;
    	display: block;
    	overflow: hidden;
    	margin-bottom: 15px;
	}
	footer .redes ul li a {
	    float: left !important;
	}
	section.novedades .item-novedad h3{
		padding: 20px 0 0 16px;
	}
	section.contacto{
		padding: 15px 0;
	}




	section.busca .listado {
	    padding: 1em 15px;
	}
	
	section.busca .destacados .item-destacado {
	    margin: 0 0 2em 0;
	}
	section.busca .destacados .item-destacado .thumbnail .caption h3{
		font-size: 24px;
	}
	section.busca .listado .item-listado{
		margin: 0 0 2em 0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color: #FFF;
		padding: 10px 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color: #DDD;
	}
	
	.cont-padding{
		padding: 0;
	}
	section.empresa{
		padding:1em 0 3em 0;
	}
	footer .redes .container{
		padding-left: 15px;
		padding-right: 15px;
	}

	aside.list-herrajes {
    	padding: 0;
    	margin: 2em 0;
	}
	aside.list-herrajes .panel-group .panel h4 a{
		font-size: 16px;
	}
	section.productos.busqueda {
    padding: 0 0 2em 0;
	}
	section.productos.busqueda .item{
		padding: 5px;
	}
	section.productos.busqueda .item a{
		line-height: 200px;
	}
	aside.list-herrajes .panel-group{
	margin: 5px 0 0;
	}
	section.pedidos .table tfoot a{
		width: 100%;
	}
	section.pedidos .table tfoot a.pedido{
		margin: 0 0 1em 2em;
	}

	.miga .breadcrumb{
		margin-bottom: 0;
	}
	aside.list-herrajes.detalle{
		margin: 0;
	}
	.cont-detalle-prod{
		padding: 15px 0;
	}
	.cont-detalle-prod .galeria {
	    overflow: hidden;
	    margin: 0 0 20px 0;
	}
	.cont-detalle-prod .tabla table {
	    width: 100%;
	}






	section.pedidos .online .img img{
		width: 100%;
		max-width: 500px;
	}
	
	section.pedidos .online	{
	    padding: 0 15px;
	    margin: 0;
	}
	section.pedidos .form-pedido{
		margin: 0;
	}
	section.pedidos .form-pedido .col-b .form-group input{
		width: 45%;
	}



	/*viejo*/
	header .menu .navbar-brand img{
		max-width: 200px;
		padding: 0 0 0 15px;
	}
	header .menu .navbar-nav > li > ul > li{
		background: inherit;
		border-bottom: none;
	}
	header .menu .navbar-nav > li > ul > li:after{
		background: #dedede;
	}
	section.busca .container{
		display: block;
	}
	section.busca .buscador{
		margin: 0 0 2em 0;
	}
	section.busca .modelo{
		margin: 0;
	}
	section.busca .container.flex{
		display: inherit;
	}
	section.productos .miga{
		padding: 20px 15px 20px;
	}
	section.productos .buscador {
    	padding: 20px 15px 20px;
	}
	section.productos .marcas{
		padding: 20px 15px 0 15px;
	}
	section.productos .modelo .row{
		display: initial;
	}
	section.productos .modelo{
		padding-right: 15px;
    	padding-left: 15px;
    	margin-top: 20px;
	}
	section.productos .modelo-list{
		padding: 20px 15px 0 15px;
	}
	section.productos .modelo-list ul li:nth-child(odd){
	margin-right: inherit;
	width: inherit;
	} 
	section.productos .modelo-list ul li:nth-child(even){
		margin-right: 0;
	}
	section.productos .modelo-detalle .img-bat{
		border-right: none;
	}
	section.productos .modelo-detalle .datos-bateria{
		padding: 0;
	}
	section.noticias .publicada .desc{
		border-left: none;
		padding-left: 0;
	}
	footer .redes{
		margin: 0 0 10px 0;
	}
	footer .sitemap,
	footer .productos,
	footer .img-tipito{
		/*padding-right: 0;
    	padding-left: 0;*/
    	margin: 0 0 15px;
	}
	footer .num-ref{
		margin: 0 0 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Small - SM */
@media(min-width:768px) and (max-width:991px){
	header .menu .navbar-brand img {
	    max-width: 220px;
	    padding-left: 10px;
	}

	section.novedades .item-novedad h3{
    padding: 80px 0 0px 17px;
    font-size: 30px;
    color: #FF8000;
    margin: 0 0 10px;
    font-weight: 300;
    font-family:'Lato', sans-serif;
}

	header .menu .navbar-nav > li > a{
		padding: 45px 20px;
		font-size: 14px;
	}
	header .menu {
	    height: auto;
	}
	.cont-listado .item-tipo a .title{
		font-size: 16px;
		line-height: 18px;
	}


header .menu .navbar-nav > li.active > a,
header .menu .navbar-nav > li.active > a:hover,
header .menu .navbar-nav > li.open > a,
header .menu .navbar-nav > li.open > a:hover{
	background: none;
    color: #FF8000;
    border: 1px solid #FF8000;
    border-radius: 25px;
    padding: 8px 20px;
    margin-top: 100px;
}




	section.busca .destacados .item-destacado .thumbnail img{
		padding: 0;
	    display: block;
	    height: 100%;
	    width: 100%;
	}
	section.busca .destacados .item-destacado .thumbnail .caption a{
		position: relative;
	}
	section.busca .listado h3{
		font-size: 16px;
	}
	section.busca .destacados .item-destacado .thumbnail .caption{
		width: 100%;
		display: block;
		padding: 0;
	}
	section.busca .destacados .item-destacado .thumbnail .caption p{
		padding: 0 0 20px 0;
	}
	section.busca .listado .thumbnail .caption{
		display: block;
	}
	section.busca .listado .thumbnail .caption span{
	    display: block;
    	width: 100%;
    	vertical-align: initial;
    	margin-bottom: 20px;
	}
	footer .cont-dire ul li{
		padding-left: 0;
		word-break: break-all;
		font-size: 13px;
	}
	.img-main-sec .dire{
		bottom: 40%;
	}
	header .menu .navbar .navbar-collapse ul{
		padding: 0 0 0 0%;
	}
	header .menu .navbar-nav.alpha-menu >li.am-content-full > div{
		top: 108px;
	}
}

/* Medium - MD */
@media(min-width:992px) and (max-width:1199px){
	footer .cont-dire ul li{
		padding-left: 2%;
	}

	.cont-listado .item-tipo a .title{
		font-size: 16px;
		line-height: 18px;
	}
	.img-main-sec .dire{
		bottom: 25%;
	}

	header .menu .navbar .navbar-collapse ul{
		padding: 0 0 0 0%;
	}
}

/* Large - LG */
@media(min-width:1200px){

	

}


/**** RUSSO STYLES ****/