@charset "utf-8";
/* CSS Document */

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body {padding-top: 0px;}
.navbar-inverse{background-color:#2e2e2e;border-bottom:4px solid #f7701e;height:200px;box-shadow:10px 0 10px grey;}
.navbar-brand {margin:0 10px;width:50px}
	.navbar-brand img {position:absolute;z-index:999; bottom:0}

.gs-header {background-color:#1a1a1a;padding:30px 0 0 0}
.gs-header-banda {float:left;background-color:#fff; padding:15px 0;height:120px; width:100%}
.header-marca {float:left;background-color:#fff; margin:0 40px}
.header-slogan {float:left;padding:20px 300px 20px 40px;background-color:#ff7109}
.header-imagen {float:right}
	.header-imagen img {position: absolute;z-index:999;top:-5px; margin-left:-240px}

.nuevas-box {margin:0 0 10px 0}
.nuevas-box p{margin:0;font-weight:bold; font-size:14px}
.nuevas-box p span{color:#FFF;background-color:#f7701e;padding:10px 20px;margin:0 1em 0 -0.5em;border-radius:4px 0 0 4px; font-stretch:extra-expanded}

.flexslider .boxes li{float:left;
	padding:5px;
	margin:0 0 5px 0;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-color: #d3d3d3;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.2)
}
#carousel li {
    margin-right: 5px;
}
.bg-gs {color:#fff;background-color:#f7701e}
.fg-gs {color:#f7701e}

.box {
    background-color: #ffffff;
	padding:0.5em;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-color: #d3d3d3;
	}

#caracteristicas {font-size:15px;}
#caracteristicas h2{text-align:center;margin:20px 60px;height:30px;line-height:30px;font-size:15px !important;border-radius:4px;font-weight:bold}
.caract-lista ul li{list-style-image:url(../images/item.jpg); margin:0.25em 0}
.caract-espesores{border-left: 1px solid #d3d3d3}
.caract-espesores p{line-height:1em}

#video-gs, #contacto {margin-bottom:10px}

#contacto {
    background-color: #e5e5e5;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-color: #d3e0e9;
	padding:1em
	}

#contacto .btn-default, #btn-group-box .btn-group .active {
    color: #fff;
    background-color: #FF7108;
}
#btn-group-box { width:94%; margin:0 3%; height:auto; border-bottom:5px solid #FF7108}
#btn-group-box .btn-group { width:0 auto}
#btn-group-box .btn-group .btn{ border-radius:3px 3px 0 0;}
#btn-group-box .btn-group .btn-default{padding-left:24px; color:#FFF;border-color: transparent}
	
#bt-facebook {background:#131313 url(../images/bt-facebook.jpg) no-repeat left center!important}
#bt-twitter {background:#131313 url(../images/bt-twitter.jpg) no-repeat left center!important}

#faq {}
#faq h2, #caracteristicas h3, .caract-misc {background:url(../images/caract-misc.jpg) repeat-x bottom}
#faq h2 span, #caracteristicas h3 span{font-size:14px!important;font-weight:bold; background: #FFF; padding:0.5em 0.25em 0.5em 0}
#faq h2 span{font-size:18px!important;}
#faq .media {
	height:240px;
    overflow-y: scroll;
	}
.caract-misc { float:left; height:18px; width:100%}

footer{font-family: 'Oswald', sans-serif;background:#2A2A2A;border-top:5px solid #FF7108; color:#FFF}
footer p{ text-align:center;font-size:24px}
footer p a {color:#CCC}
footer p a:hover {color:#999;text-decoration:none}

@media screen and (max-width: 1200px) {
.gs-header {height:120px}
.header-slogan {padding:20px 150px 20px 40px;}
	}
@media screen and (max-width: 991px) {
.header-slogan, .header-imagen {visibility:hidden}
.nuevas-box p {text-align:center}
.nuevas-box p span {float:left; width:100%;padding: 5px 0;margin: 0 0 0.5em 0;border-radius:3px;}
	}
@media screen and (max-width: 767px) {
.navbar-nav {margin:0; background:#333}
.row-offcanvas-right .sidebar-offcanvas {
    right:auto !important;
	float:left;
	width:100%;
	}
footer{font-weight: normal}
}
@media (min-width: 992px) and (max-width: 1199px) {
	}