/* YPF Valentín CAON 2016*/
/* Version: 1.0*/
/* Build: 18 Marzo 2016*/
/* Autor: http://www.conaxis.com */

/*Estilos generales*/
body{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	overflow-x:hidden; 
	color:#fff;
}
a, button {
	color:#fff;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
a {color:#36AE43;}
a,
a:hover,
a:focus{text-decoration: none;}
a:focus,
button:focus  {outline: none;}
a:hover{color:#0063C1;}
.clearfix{
	clear:both;
	display: inline-block;
	height:1%;
}
.visible-mobile {
	display:none;
}
.btn-primary {
	color:#fff;
	background-color:#36AE43;
	border-radius:0;
	border:0;
	font-weight:500;
	padding:10px 20px;
	font-size:18px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color:#fff;
	background-color:#1F6325;
}
p {
	color: #57585A;
	font-size: 14px;
	font-weight: 400;
}

/*Top header*/
.top-head {
	background-color:#0063C1;
	border-bottom:4px solid #36AE43;
}	
.top-head  .navbar {
	margin:0;
	border:0;
	border-radius: 0;
}
.top-head  .navbar-toggle {
	margin:2px 0;
	float:left;
}
.top-head  .nav li{
	margin:0 1px;
}
.top-head  .nav a:focus,
.top-head  .nav a:visited{
	background-color:inherit;
}
.top-head  .nav a {
	transition:none;
	color:#fff;
	padding:20px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
}
header .navbar-collapse .navbar-nav .dropdown.act .dropdown-menu .active a{
	background-color:#36AE43;
	color:#fff;
}
.top-head  .nav li.act>a,
.top-head  .nav li.act>a:hover,
.top-head  .nav li.active a,
.top-head  .nav li.active a:hover,
.top-head  .nav li a:hover {
	background-color:#fff;
	color:#0063C1;
}
.top-head .nav .open>a,
.top-head .nav .open>a:focus,
.top-head .nav .open>a:hover {
    background-color: #fff;
	color:#0063C1;
}
.top-head  .nav .dropdown-menu {
	background-color:#0063C1;
	color:#fff;
	min-width: 230px;
	border-radius:0;
	border:0;
	margin-top:4px;
	padding:0;
}
.top-head  .nav .dropdown-menu li{
	margin:0;
}
.top-head  .nav .dropdown-menu li>a {
	font-weight:400;
	padding:13px;
}
.top-head  .nav .dropdown-menu li>a:hover {
	background-color:#36AE43;
	color:#fff;
}
.navbar-social ul{
	margin:10px 0;
	padding:0;
	list-style:none;
	text-align:right;
}
.navbar-social ul li{
	margin:0 2px;
	padding:0;
	list-style:none;
	text-align:right;
	display:inline-block;
}
.navbar-social ul li a{
	display:block;
	border:1px solid #fff;
	border-radius:100%;
	color:#fff;
	width:40px;
	font-size:20px;
	text-align:center;
	height:40px;
	line-height:40px;
}
.navbar-social ul li a:hover{
	background-color:#fff;
	color:#0063C1;
}

/*Header - prefooter*/
.head{
	padding:32px 0;
	background:url('../images/gradient.jpg') repeat-x center top;
}
.prefooter {
	padding:32px 0;
	background:url('../images/gradient2.jpg') repeat-x center top;
}
.head .brand,
.prefooter .brand {
	display:inline-block;
	padding:15px 0;
}
.head .brand img,
.prefooter img {
    display: inline-block;
	width:auto;
}
.head .ypf-directo,
.prefooter .ypf-directo {
	text-align:right;
}
.head .ypf-directo span,
.prefooter .ypf-directo span {
	color:#333;
	margin: 3px 5px 0 0;
	font-weight: 600;
	vertical-align: top;
	display: inline-block;
}
.head a,
.prefooter a{
	margin-top:4px;
	display:inline-block;
}
.head a img,
.prefooter a img{
	vertical-align:top;
}
.head a span,
.prefooter a span{
	color:#333;
	border-left:1px solid #333;
	height:40px;
	margin-left:20px;
	padding-left:20px;
	font-size:26px;
	line-height:40px;
	display:inline-block;
}
.head a:hover span,
.prefooter a:hover span{
	color:#0063C1;
}

/*Banner principal*/
.main-banner {
	position:relative;
}
.main-banner .shadow {
	background:url('../images/sombra.png') no-repeat center top;
	height:28px;
	width:100%;
	position:absolute;
	top:0;
	z-index: 9;
}
.main-banner .owl-carousel .owl-controls .owl-pagination {
    bottom: 80px;
    z-index: 9;
}
.main-banner .owl-carousel .item {
	text-align:center;
	padding:0;
}
.main-banner .owl-carousel .item  img{
	width:100%;
}
.main-banner .owl-controls .owl-buttons div{
	color: #FFF;
	zoom: 1;
	margin: 5px;
	padding: 3px 10px;
	font-size: 22px;
	position:absolute;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	background:url("../images/arrows.png") no-repeat;
	height:48px;
	width:35px;
	text-indent:3000px;
}
.main-banner .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.main-banner .owl-controls.clickable .owl-buttons .owl-prev {
	left:10px;
	background-position:left top;
}
.main-banner .owl-controls.clickable .owl-buttons .owl-next {
	right:10px;
	background-position:right top;
}
.main-banner .owl-carousel .owl-pagination {
	height:60px;
	padding-top: 20px;
}

/*Module banner*/
.module-banner {
	position:relative;
	margin-top:-80px;
}
.module-banner .item {
	background-color:#0063C1;
}
.module-banner .item .caption{
	padding:30px;
}
.module-banner .owl-carousel .owl-controls .owl-pagination {
    bottom: 5px;
    z-index: 9;
}
.module-banner h1 {
	color:#fff;
	font-size:34px;
	font-weight:400;
	margin:0 0 10px;
}
.module-banner p{
	color:#fff;
	font-size:16px;
	line-heigt:1.3em;
}
.module-banner .btn {
	margin-top:20px;
}
.intro {
	padding:60px 0;
	text-align:center;
}
.intro h1 {
	color:#333;
	font-size: 28px;
	margin:20px 0;
}
.intro p {
	color:#333;
	font-size:16px;
	font-weight:400;
}
.intro .line {
	border-bottom:1px solid #ccc;
	width:300px;
	margin:auto;
	margin-top:30px;
	display:block;
}

/*Ultimas novedades*/
.last-news {
	margin-bottom:40px;
}
.last-news h1{
	color:#0063C1;
	font-size:30px;
	font-weight:400;
}
.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border:none;
    border-radius:0;
}
.thumbnail .caption {
	padding:0;
}
.thumbnail img {
	opacity:1;
}
.thumbnail a:hover img {
	opacity:0.8;
}
.thumbnail h3 {
	font-size: 22px;
	color:#222;
}
.thumbnail .btn {
	margin-top:10px;
}
.last-news hr{
	margin-top:5px;
}

/*Banners*/
.banners .serviclub {
	margin:10px 0 0;
}
.banners .thumbnail img {
	opacity:1
}
.banners .thumbnail:hover img {
	opacity:0.8;
}
.banners .thumbnail .serviclub-mobile {
	display:none;
}

/*Shops*/
.shops {
	margin:60px 0;
	position:relative;
}
.shops .container-fluid {
	padding-right: 0;
    padding-left: 0;
}
.shops .row{
	margin-right: 0;
    margin-left: 0;
}
.shops .row .col-xs-6{
	padding-right: 0;
    padding-left: 0;
}
.shops a{
	display:block;
	position:relative;
}	
.shops a img{
	width:100%;
}
.shops a span{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	text-align:center;
}
.shops a:hover span{
	display:block;
}
.shops .shadow {
	background:url('../images/sombra.png') no-repeat center top;
	height:28px;
	width:100%;
	position:absolute;
	bottom:-28px;
	z-index: 9;
}

footer {
	position:relative;
	background-color:#0063C1;
	border-top:4px solid #36AE43;
	padding: 60px 0;
}
footer h1 {
	font-size:22px;
	font-weight:400;
	margin:0 0 10px;
}
footer h2 {
	font-size:38px;
	font-weight:300;
}
footer p.contact-info {
	color:#fff;
	font-size:16px;
	margin:0;
}
footer .brand-footer {
	max-width: 220px;
	display:inline-block;
	margin:auto;
}
footer .brand-footer img{
	width:100%;
}
footer .copyright{
	color:#fff;
	margin:20px 0 0;
	font-size:12px;
	opacity:0.6;
}
footer .newsletter p{
	color:#fff;
}
footer .newsletter input {
	border:0;
	border-radius:0;
}
footer .newsletter button {
	border-radius:0;
	border-color:#36AE43;
	background-color:#36AE43;
	font-size:13px;
	padding: 8px 10px;
}


/*Paginas internas*/
.present {
	background-size:cover;
	height:250px;
	background-position: center center;
	background-repeat:no-repeat;
}
.present.empresa {
	background-image:url('../images/banner-empresa.jpg');
}
.present.producto {
	background-image:url('../images/banner-productos.jpg');
}
.present.novedades {
	background-image:url('../images/banner-novedades.jpg');
}
.present.contacto {
	background-image:url('../images/banner-contacto.jpg');
}
.content {
	padding:60px 0;
}
.content .title {
	border-left:3px solid #36AE43;
	padding-left:20px;
}
.content .title h1 {
	font-size: 38px;
	font-weight: 800;
	line-height: 1;
	margin:0 0 10px;
	color:#0063C1;
}
.content .title p{
	font-size:16px;
	font-weight:500;
}
.content .brands {
	display:inline-block;
	margin:auto;
	margin-bottom:30px;
}
.content .nav-products .navbar-collapse {
	padding:0;
}
.content .nav-products ul{
	margin:0;
	padding:0;
	float: none;
}
.content .nav-products ul li{
	margin:5px 0;
	padding:0;
	float: none;
	list-style:none;
}
.content .nav-products ul li a{
	display:block;
	height:60px;
	line-height:60px;
	font-size:16px;
	font-weight:600;
	color:#0063C1;
	padding:0;

}
.content .nav-products ul li.active a,
.content .nav-products ul li.active a:hover,
.content .nav-products ul li a:hover {
	color:#069428;
	background:none;
}
.content .nav-products ul li a .icons{
	float:left;
	margin-right:10px;
	width:60px;
	height:60px;
	background-repeat:no-repeat;
	background-position:0 0;
	transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}
.content .nav-products ul li.active a:hover .icons{
	background-position:0 0;
}

.content .nav-products ul li a:hover .icons{
	background-position:0 -60px;
}
.content .nav-products ul li a .icon-combustibles{
	background-image:url('../images/icon-combustibles.png');
}	

.content .nav-products ul li.active a .icon-combustibles {
	background-image:url('../images/icon-combustibles.png');
	background-position:0 -60px;
}

.content .nav-products ul li a .icon-agroquimicos{
	background-image:url('../images/icon-agroquimicos.png');
}

.content .nav-products ul li.active a .icon-agroquimicos {
	background-image:url('../images/icon-agroquimicos.png');
	background-position:0 -60px;
}

.content .nav-products ul li a .icon-fertilizantes{
	background-image:url('../images/icon-fertilizantes.png');
}	

.content .nav-products ul li.active a .icon-fertilizantes {
	background-image:url('../images/icon-fertilizantes.png');
	background-position:0 -60px;
}

.content .nav-products ul li a .icon-lubricantes{
	background-image:url('../images/icon-lubricantes.png');
}	

.content .nav-products ul li.active a .icon-lubricantes {
	background-image:url('../images/icon-lubricantes.png');
	background-position:0 -60px;
}
.content .nav-products ul li a .icon-grasas{
	background-image:url('../images/icon-grasas.png');
}	

.content .nav-products ul li.active a .icon-grasas {
	background-image:url('../images/icon-grasas.png');
	background-position:0 -60px;
}

.content h2 {
	font-size:22px;
	color:#333;
	font-weight:400;
	margin:5px 0 40px;
	line-height:32px;
}
.content .img-responsive {
	width:100%;
}
.content h3 {
	margin:0 0 30px;
	font-size:28px;
	line-height:1.2;
	font-weight:700;
	color:#0063C1;
}
.content h3 span{
	font-weight:400;
}
.content h3 img {
	margin-right:15px;
}
.content p {
	margin-bottom:30px;
	line-height:160%;
	font-size:16px;
	font-weight:400;
}
.content hr {
	border-top:2px solid #0063C1;
	margin:40px 0;
}
.content .well{
	border-radius:0;
	padding:20px;
	font-size:22px;
	font-weight:300;
	color:#fff;
}
.content .well-blue {
	background-color:#0063C1;
}

/*Pagina productos*/
.product-content h4{
	color:#0063C1;
	font-size:32px;
	font-weight:700;

}
.product-content h5{
	color:#069428;
	font-size:20px;
	margin:20px 0 40px;
	font-weight:400;
}
.product-content .btn-link {
	display:block;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	padding:15px;
	background-color:#0063C1;
}
.product-content .btn-link:hover {
	background-color:#00427D;
}
.product-content .btn-link i {
	height:30px;
	width:30px;
	border:2px solid #fff;
	border-radius:100%;
	margin-right:8px;
	font-size:20px;
	text-align: center;
    line-height: 25px;
}
.product-content .btn-link:hover i {
	color:#00427D;
	background-color:#fff;
}
.product-content h3 {
    margin: 10px 0;
    font-size: 24px;
}
.product-content h6 {
    margin: 10px 0;
    font-size: 18px;
	color:#0063C1;
}
.product-content ul {
	margin:0;
	padding:0;
}
.product-content ul li {
	list-style:none;
	color:#555;
	margin:2px 0;
	padding-left:10px;
}	
.product-content ul li:before {	
	font-family:'FontAwesome';
	content:"\f111";
	font-size:8px;
	color:#0063C1;
	position:relative;
	left:-7px;
	top:-2px;
}
.product-content ul li a {
	color:#555;
}	
.product-content ul li a:hover {
	color:#36AE43;
	text-decoration:underline;
}	
/*Pagina Novedades*/
.news-thumbnails .thumbnail {
	height:540px;
}
.news-thumbnails .thumbnail a img{
	width:100%;
	max-height:300px;
	overflow:hidden;
}	
.news-thumbnails .thumbnail h3 {
    margin: 10px 0 15px;
    font-size: 22px;
    font-weight: 600;
	color:#222;
}
.news-thumbnails .thumbnail p {
	margin-bottom:15px;
}	
.article h2{
	margin: 10px 0 30px;
    font-size: 26px;
    font-weight:700;
	color:#222;
}
.article h3{
	margin: 10px 0 0;
    font-size: 20px;
    font-weight:700;
	color:#222;
}
.article h4{
	margin: 5px 0 30px;
    font-size: 16px;
    font-weight: 500;
	color:#222;
}	
.article .article-content p{
	font-size:16px;
	font-weight:300;
}
.article .article-content .article-img-inset {
	float:left;
	margin:0 30px 20px 0;
}
/*Pagina de Contacto*/
.content-contact .phone-lg{
	font-size: 44px;
	float:right;
}
.content-contact .well {
	margin:30px 0;
}
.content-contact h2{
	font-size: 28px;
    font-weight: 800;
	margin:5px 0 10px;
	color:#0063C1;
}
.content-contact p {
	margin-bottom:5px;
	line-height:1;
}
.content-contact p.phone-white {
	font-size:28px;
}

.form  input{
	height:46px;
	padding:10px;
	font-size:16px;
	font-weight:400;
}
.form  input,
.form  textarea, 
.form select {
	border-radius:0;
	box-shadow:none;
	border:1px solid #E0E0E0;
	background:#F2F2F2;
	margin-bottom:30px;
}

.form select {
	height:46px;
	padding:10px;
	font-size:16px;
	font-weight:400;
	color:#333333;
}

.form  input:focus,
.form  select:focus,
.form  textarea:focus,
.form  input:active,
.form  select:active,
.form  textarea:active{
	box-shadow:none;
	background:#fff;
}
.form .form-group {
	margin-bottom:15px;
	position:relative;
}

/* hrc */
.form_hint {
	font-size: 11px;
}
.form input:required,
.form textarea:required {
	background: #EEEEEE url(../images/red_asterisk.png) no-repeat 98% center;
}
.form input:required:valid, .form textarea:required:valid {
	background: url(../images/valid.png) no-repeat 98% center;
	background-color: #EEEEEE;
}
.form input:focus:invalid,
.form textarea:focus:invalid {
	background: url(../images/invalid.png) no-repeat 98% center;
	background-color: #EEEEEE;
}
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999;
	position: absolute;
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.form input:focus + .form_hint {display: inline;}
.form input:required:valid + .form_hint {background: #28921f;}
.form input:required:valid + .form_hint::before {color:#28921f;}
#mensajes .thanks {
	font-size:18px;
	padding:10px;
	text-align:center;
	border-radius:4px;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight: 600;
	background-color: #89C04A;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}
#mensajes .thanks_error {
	font-size: 14px;
    padding: 6px;
    line-height: 120%;
	text-align:center;
	border-radius:4px;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight: 700;
	background-color:#C35F63;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}
.working {
	margin-bottom:20px;
	font-family: "Open Sans",sans-serif;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	color: #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: 600;
	background-color: #ddd;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.2);
}
label.error {
	font-size: 13px;
	color: red;
	font-weight:300;
	position: absolute;
	left: 0;
	margin-top:3px;
}
.form input.error, .form  textarea.error {
	color:#e9322d;	
	border-color:#e9322d;
	background-color:#F5E0E0;
}
.form input.valid, .form  textarea.valid {
	border-color:#85B200;
}
.form .btn {
	padding:15px 30px;
	font-size:20px;
}


/* fin hrc */

/*Directivas del Responsive*/
@media screen and (max-width: 400px) {
	.head .col-xs-4,
	.prefooter .col-xs-4 {
		display:none;
	}
	.head .col-xs-8,
	.prefooter .col-xs-8	{
		width:100%;
		text-align:center;
	}
	.head a,
	.prefooter a	{
		margin-top:0!important;
	}
	footer h2 {
		font-size: 24px!important;
	}
}
@media screen and (max-width: 480px) {
	.last-news .thumbnail {
		width:100%!important;
	}
	.last-news .thumbnail h3 {
		font-size: 18px;
		margin:10px 0;
	}
	.last-news .thumbnail p {
		font-size: 13px;
	}
	.banners .col-xs-4{
		width:100%;
	}
	.banners .thumbnail img {
		width:100%;
	}
	.banners .thumbnail .serviclub-desktop {
		display:none;
	}
	.banners .thumbnail .serviclub-mobile {
		display:block!important;
	}
	footer {
		padding: 20px 0 10px;
		text-align:center;
	}
	footer h1 {
		font-size: 16px;
		line-height:1.2;
	}
	footer p {
		font-size: 13px;
	}
	footer h2 {
		font-size: 24px;
		font-weight:700;
	}
	footer p.contact-info {
    	font-size: 14px;
	}
	footer .newsletter {
		margin-top:30px;
	}
	footer .newsletter .input-group {
		width: 100%!important;
		margin:auto;
	}
	footer .copyright {
		display:none;
	}
	.content .brands {
		max-width:60px!important;
		margin:5px!important;
	}
	.content .content-empresa {
		margin-top:10px!important;
	}
	.content .content-empresa h2 {
		font-size:16px!important;
	}
	.content .content-empresa h3 img {
		display:block;
		margin:auto;
		margin-bottom:10px;
		max-width:60px;
	}
	.content .content-empresa hr {
		border-top:1px solid #0063C1;
	}
	.content .well {
		padding: 10px;
		font-size: 18px;
	}
	.content .content-novedades .thumbnail {
		width:100%!important;
	}
	.content .content-novedades .thumbnail a img {
		width:100%!important;
	}
	.content-contact .well img {
		display:none;
	}
	.content-contact .phone-lg {
		font-size: 22px!important;
		font-weight:600;
	}
	.content-contact h2 {
		margin-top:30px;
		font-size:22px;
	}
	.product-content .btn-link {
		margin-bottom:10px;
		padding:15px!important;
		font-size:16px!important;
	}
	.product-content .col-xs-4,
	.product-content .col-xs-6	{
		width:100%;
	}
	.product-content .col-xs-4 ul {
		margin:auto!important;
	}
}
@media screen and (max-width: 600px) {
	.content .article h2{
		text-align:center;
	}
}
@media screen and (max-width:767px) {
	header .navbar-collapse .navbar-nav{
		margin:0;
	}
	header .navbar-collapse {
		width: 190px;
	}
	header .navbar-toggle {
		opacity:1;
	}
	header .navbar-toggle.collapsed {
		opacity:0.8;
	}
	header .navbar-collapse {
		position:absolute;
		left:24px;
		margin:0;
		padding:0;
		z-index:999;
		max-width:200px;
		top:54px;
		border:0;
		background:#0063C1;
		text-align:left;
		overflow:hidden;
	}
	header .navbar-collapse .navbar-nav li {
		margin:0;
	}
	header .navbar-collapse .navbar-nav li a {
		color:#fff;
		padding:13px;
		font-weight:400;
	}
	header .navbar-collapse .navbar-nav .active a,
	header .navbar-collapse .navbar-nav .active a:hover,
	header .navbar-collapse .navbar-nav a:hover{
		background-color:#36AE43!important;
		color:#fff;
	}
	header .navbar-collapse .navbar-nav .open>a,
	header .navbar-collapse .navbar-nav .open>a:focus,
	header .navbar-collapse .navbar-nav .open>a:hover {
		background-color: #36AE43;
		color: #fff;
	}
	header .navbar-collapse .navbar-nav .dropdown.act>a{
		background-color:#36AE43;
		color:#fff;
	}
	header .navbar-collapse .navbar-nav .dropdown-menu {
		background-color: #0063C1;
		color: #fff;
		min-width:auto;
		margin-top: 2px;
		border-bottom:3px solid #36AE43;
	}
	header .navbar-collapse .navbar-nav .dropdown-menu li a{
		padding-left:35px;
	}
	.head,
	.prefooter{
		padding:22px 0;
	}
	.head a,
	.prefooter a {
		margin-top: 11px;
		display: inline-block;
	}
	.head .logo img,
	.prefooter .logo img{
		width:95px;
	}
	.head a span,
	.prefooter a span {
		margin-left: 10px;
		padding-left: 10px;
		font-size: 16px;
		height:24px;
		line-height: 26px;
	}
	.head .ypf-directo span,
	.prefooter .ypf-directo span {
		display:none;
	}
	.main-banner .owl-carousel .owl-controls {
		display:none!important;
	}
	.module-banner {
		position: relative;
		margin-top: -50px;
	}
	.module-banner .item img {
		height: 240px;
		width:100%;
	}
	.module-banner .item .caption {
		padding: 20px 20px 50px;
		text-align:center;
	}
	.module-banner h1 {
		font-size: 28px;
	}
	.module-banner p {
    	font-size: 14px;
	}
	.module-banner .btn {
		margin:0;
	}
	.intro {
		padding:30px 0;
	}
	.last-news {
		margin-bottom: 10px;
	}
	.last-news h1 {
    	font-size: 26px;
		text-align:center;
	}
	.last-news .thumbnail {
		width:434px;
		margin:auto;
		margin-bottom:30px;
	}
	.last-news .thumbnail img {
		width:100%;
	}
	.last-news .thumbnail h3 {
		font-size: 20px;
		margin:10px 0;
	}
	.shops {
		margin: 30px 0;
	}
	.shops .col-xs-6 {
		width:100%!important;
	}
	footer {
		padding: 30px 0 10px;
		text-align:center;
	}
	footer h1 {
		font-size: 18px;
	}
	footer p {
		font-size: 13px;
	}
	footer h2 {
		font-size: 34px;
	}
	footer p.contact-info {
    	font-size: 14px;
	}
	footer .newsletter {
		margin-top:30px;
	}
	footer .newsletter h1 {
		font-size:22px;
	}
	footer .newsletter .input-group {
		width: 400px;
		margin:auto;
	}
	footer .navbar-social ul {
		text-align:center;
	}
	.navbar-social ul li a {
		width: 34px;
		font-size: 14px;
		height: 34px;
		line-height: 34px;
	}
	.hidden-xxs {
		display:none;
	}
	.btn-primary {
		padding: 7px 16px;
		font-size: 16px;
	}
	.content .aside {
		text-align:center;
	}
	.content .aside .btn{
		margin:20px 0 40px;
	}
	.content .title {
		border-left:0;
		padding:0;
	}
	.content .title p {
		margin:0;
	}
	.content .title h1 br {
		display:none;
	}
	.content .brands {
		display:inline-block;
		max-width:100px;
		margin:10px;
	}
	.content .content-empresa {
		text-align:center;
		margin-top:30px;
	}
	.content .content-empresa h2 {
		font-size:18px;
		line-height:1.4;
	}
	.content .content-empresa h3 span {
		display:none;
	}
	.content .content-novedades {
		margin-top:30px;
	}
	.content .content-novedades .thumbnail {
		width:434px;
		margin:auto;
		height:auto;
		margin-bottom:30px;
	}
	.content .content-novedades .thumbnail a img {
		width:100%;
	}
	.content .article .article-content img{
		width:100%;
	}
	.content-contact {
		text-align:center;
		margin-top:30px;
	}
	.content-contact .well img{
		width:40px;
	}
	.content-contact .phone-lg {
		float:none;
		font-size: 34px;
		display:block;
		text-align:center;
	}
	.content-contact h2 {
		margin-top:30px;
	}
	.content-contact h2 img {
		display:block;
		margin:auto;
		margin-bottom:10px;
	}
	.product-content {
		text-align:center;
	}
	.product-content .btn-link {
		font-size: 13px;
		padding: 10px;
		text-align:left;
	}
	.product-content h6 {
		text-align:left;
	}
	.product-content ul li {
		font-size:13px;
		text-align:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.top-head .nav a {
		padding: 20px 13px;
		font-size: 13px;
	}
	.main-banner .owl-carousel .owl-controls .owl-pagination {
		bottom: 45px;
	}
	.module-banner {
		position: relative;
		margin-top: -50px;
	}
	.module-banner .item img {
		height: 240px;
		width:100%;
	}
	.module-banner .item .caption {
		padding: 20px;
	}
	.module-banner h1 {
		font-size: 28px;
	}
	.module-banner p {
    	font-size: 14px;
	}
	.intro {
		padding:30px 0;
	}
	.last-news {
		margin-bottom: 10px;
	}
	.last-news h1 {
    	font-size: 26px;
	}
	.thumbnail h3 {
		font-size: 20px;
		margin:10px 0;
	}
	.shops {
		margin: 30px 0;
	}
	footer {
		padding: 30px 0;
	}
	footer h1 {
		font-size: 18px;
	}
	footer p {
		font-size: 13px;
	}
	footer h2 {
		font-size: 34px;
	}
	footer p.contact-info {
    	font-size: 14px;
	}
	.navbar-social ul li a {
		width: 34px;
		font-size: 14px;
		height: 34px;
		line-height: 34px;
	}
	.btn-primary {
		padding: 7px 16px;
		font-size: 16px;
	}
	.content .article .article-content img{
		width:100%;
	}
	.content .aside-contact .title h1{
		font-size: 30px;
	}
	.content-contact .well {
		font-size:18px;
		padding:10px;
	}
	.content-contact .well img{
		width:32px;
	}
	.content-contact .phone-lg {
		font-size: 24px;
		line-height: 1.2;
	}
	.content-contact h2 {
		font-size:24px;
	}
	.content-contact h2 img {
		display:block;
		width:50px;
	}
	.content-contact p.phone-white {
		font-size: 22px;
	}
	.product-content .btn-link {
		font-size: 14px;
	}
	.product-content ul li {
		font-size:13px;
	}
}	
@media (min-width: 992px) and (max-width: 1199px) {
	.main-banner .owl-carousel .owl-controls .owl-pagination {
		bottom: 45px;
	}
	.module-banner {
		position: relative;
		margin-top: -45px;
	}
	.module-banner .item img {
		height: 240px;
		width:100%;
	}
	.content .aside-contact .title h1{
		font-size: 30px;
	}
	.content-contact .phone-lg {
		font-size: 38px;
	}
}	
