/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

	/*GENERAL*/
	html{
		margin:0!important;
		}
	body{
		font-family: 'Raleway', sans-serif;
		color:#2D2D2D;
		font-size:14px;
		font-weight:normal;
		}
	img{
		height:auto;
		max-width:100%;
		}
		
	h1, h2, h3, h4{
		font-weight:bold;
		color:#4B4B4B;
		line-height:1em;
		}
	h1{
		font-size:26px;
		padding-bottom:10px;
		margin-bottom:25px;
		background:url(../images/grey_white.jpg) repeat-x bottom center;
		}
	h2{
		font-size:22px;
		}
	h3{
		font-size:19px;
		}
	h4{
		font-size:16px;
		}
	
	p{
		line-height:1.3em;
		}
	ul{}
	
	a, a:visited {
		color:#2D2D2D;
		text-decoration:none;
		}
	a:hover, a:focus {
		color:#2D2D2D;
		}
	p a, p a:visited {
		color:#2D2D2D;
		}
		
	.red_btn, .grey_btn{
		display:block;
		float:left;
		padding-left:11px;
		background-repeat:no-repeat;
		background-position:0 0;
		height:26px;
		}
	.red_btn span, .grey_btn span{
		display:block;
		float:left;
		padding-right:11px;
		background-repeat:no-repeat;
		background-position:100% 0;
		font-size:13px;
		color:#FFF;
		font-weight:bold;
		height:26px;
		line-height:26px;
		text-shadow: 1px 1px 1px #666666;
        filter: dropshadow(color=#666666, offx=1, offy=1);
		}
	.red_btn:hover, .grey_btn:hover{
		background-position:0 -26px;
		}
	.red_btn:hover span, .grey_btn:hover span{
		background-position:100% -26px;
		}
	.red_btn{
		background-image:url(../images/red_btn_left.png);
		}
	.red_btn span{
		background-image:url(../images/red_btn_right.png);
		line-height:25px;
		}
	.grey_btn{
		background-image:url(../images/black_btn_left.png);
		}
	.grey_btn span{
		background-image:url(../images/black_btn_right.png);
		}
	/*END GENERAL*/	
	
	/*HEADER*/
	header{
		background:#E3E3E3 url(../images/bg_top.jpg) repeat-x top center;
		display:block;
		}
	body.inicio header .container{
		padding-bottom:300px;
		}
	header .grey-buffer{
		display:none;
		width:100%;
		height:40px;
		background:#F4F4F4;
		}
	body.inicio header .grey-buffer{
		display:block;
		}
	header .top{
		display:block;
	}
	body.inicio header .top{
		height:130px;
		background:url(../images/grey_white.jpg) repeat-x bottom center;
		}
	
	header .top .softline{
		display:block;
		padding-top:27px;
		}
	header .top-data{
		padding-top:13px;
		}
	header .top-data .first-row{
		margin-bottom:12px;
		}
	header .top .second-nav{
		padding-top:5px;
		}
	header .top .second-nav a{
		font-weight:bold;
		color:#1D356D;
		font-size:12px;
		
		}
	header .top .second-nav a:first-child {
		padding-right:10px;
		border-right:2px solid #1D356D;
		margin-right:8px;
		}
	header .top .second-nav a:last-child { 
		padding-left:10px;
		border-left:2px solid #1D356D;
		margin-left:8px;
	}
	header .top .second-nav a:hover{}
	header .top .social-media{
		text-align:right;
		}
	header .top .social-media a{
		display:inline-block;
		*display:inline;
		width:28px;
		height:27px;
		background-image:url(../images/social_media.png);
		}
	header .top .social-media a.mail{
		background-position:0 0;
		}
	header .top .social-media a.twitter{
		background-position:0 -27px;
		}
	header .top .social-media a.facebook{
		background-position:0 -54px;
		}
	header .top .social-media a.mail:hover{
		background-position:-28px 0;
		}
	header .top .social-media a.twitter:hover{
		background-position:-28px -27px;
		}
	header .top .social-media a.facebook:hover{
		background-position:-28px -54px;
		}
	header .top .mainnav{
		display:block;
		float:right;
		margin:0 -12px 8px;
		}
	header .top .mainnav a{
		display:inline-block;
		float:left;
		height:26px;
		padding-left:11px;
		margin:0 -2px;
		}
	header .top .mainnav a span{
		color:#666666;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		
		text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
		
		display:block;
		float:left;
		height:26px;
		line-height:26px;
		padding:0 11px 0 0;
		}
	.ie8 header .top .mainnav a span{
		letter-spacing:-1px;
		}
	header .top .mainnav a:hover, header .top .mainnav a.active{
		background:url(../images/mainnav_left.png) no-repeat 0 0;
		}
	header .top .mainnav a:hover span, header .top .mainnav a.active span{
		background:url(../images/mainnav_right.png) no-repeat 100% 0;
		}
	header .top .search-form{
		display:block;
		float:right;
		}
	header .top .search-form form{}
	header .top .search-form .field{
		display:block;
		float:left;
		height:28px;
		padding-left:11px;
		background:url(../images/input_left.png) no-repeat 0 0;
		}
	header .top .search-form .field .extrafield{
		display:block;
		float:left;
		height:21px;
		line-height:28px;
		padding:6px 81px 1px 25px;
		background:url(../images/input_right.png) no-repeat 100% 0;
		position:relative;
		}
	header .top .search-form .field img.lupa{
		position:absolute;
		top:4px ;
		left:0;
		}
	header .top .search-form .field input.textfield{
		border:none;
		padding:0;
		margin:0;
		background:#FFF;
		width:110px;
		display:block;
		height: 16px;
	    line-height: 16px;
		}
	header .top .search-form .field .submit{
		position:absolute;
		right:0;
		top:1px;
		}
	
	header .columns.slideshow-wrapper{
		display:none;
		width:940px;
		height:300px;
		padding-bottom:15px;
		position:absolute;
		bottom:-25px;
		left:0;
		}
	body.inicio header .slideshow-wrapper{
		display:block;
		}
	.slideshow-shadow{
		position:absolute;
		bottom:0;
		left:0;
		}
	header .slideshow{
		display:block;
		width:100%;
		height:100%;
		background:#FFF;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		}
	header .slideshow .items{
		display:block;
		width:100%;
		height:100%;
		overflow:hidden;
		}
	header .slideshow .items .item{
		display:block;
		width:100%;
		height:100%;
		}
	header .slideshow .items .item .image{
		padding-top:15px;
		}
	header .slideshow .items .item .info{
		width:370px;
		padding-top:35px;
		font-weight:normal;
		font-size:15px;
		}
	header .slideshow .items .item .info .cod{
		color:#000000;
		margin-bottom:5px;
		}
	header .slideshow .items .item .info h2{
		color:#4B4B4B;
		font-size:34px;
		margin-bottom:10px;
		}
	header .slideshow .items .item .info p.descripcion{
		margin-bottom:5px;
		color:#414141;
		}
	header .slideshow .items .item .info .precio{
		margin-bottom:10px;
		color:#1D356D;
		font-weight:bold;
		}
	header .slideshow .items .item .info .red_btn{
		}
	header .slideshow .flex-control-nav{
		bottom:-12px;
		}
	header .slideshow .flex-direction-nav{}
	header .slideshow .flex-direction-nav a{
		display:block;
		position:absolute;
		background-image:url(../images/slideshow_arrows.png);
		background-repeat:no-repeat;
		width:41px;
		height:41px;
		opacity:1;
		}
	header .slideshow .flex-direction-nav a.flex-prev{
		background-position:0 0;
		left:10px;
		}
	header .slideshow .flex-direction-nav a.flex-next{
		background-position:-40px 0;
		right:10px;
		}
	header .slideshow .flex-direction-nav a.flex-prev:hover{
		background-position:0 -40px;
		}
	header .slideshow .flex-direction-nav a.flex-next:hover{
		background-position:-40px -40px;
		}
	/*END HEADER*/
	
	/*SIDEBAR*/
	.sidebar{
		padding-right:10px;
		}
	.sidebar .bloque{
		display:block;
		margin-bottom:10px;
		float:left;
		
		}
	.sidebar .bloque h2{
		font-size:26px;
		text-shadow: 1px 1px 0px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
		}
	.sidebar .bloque.nav{
		width:100%;
		}
	.sidebar .bloque.nav h2{}
	.sidebar .bloque.nav ul{
		padding-right:10px;
		}
	.sidebar .bloque.nav ul li{
		display:block;
		padding:7px 5px 7px 17px;
		background:url(../images/li_grey.png) no-repeat 3px 10px;
		position:relative;
		margin-bottom:0;
		border-top:1px solid #E0E0E0;
		}
	.sidebar .bloque.nav ul li:first-child{
		border-top:none;
		}
	.sidebar .bloque.nav ul li a{
		display:block;
		
		}
	.sidebar .bloque.nav ul li a span{
		display:block;
		font-size:15px;
		font-weight:normal;
		color:#3A3A3A;
		text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
		position:relative;
		z-index:99;
		}
	.sidebar .bloque.nav ul li a img{
		position:absolute;
		left:0;
		display:none;
		z-index:10;
		}
	.sidebar .bloque.nav ul li a:hover img.item-top{
		display:block;
		top:0;
		}
	.sidebar .bloque.nav ul li a:hover img.item-bottom{
		display:block;
		bottom:0;
		}
	.sidebar .bloque.nav ul li a:hover, .sidebar .bloque.nav ul li a.active{}
	.sidebar .bloque.nav ul li a:hover span, .sidebar .bloque.nav ul li a.active span{}
	
	.sidebar .bloque.newsletter{
		position:relative;
		overflow:hidden;
		padding:35px 20px 53px;
		}
	.sidebar .bloque.newsletter img{
		position:absolute;
		z-index:10;
		left:0;
		}
	.sidebar .bloque.newsletter img.newsletter-top{
		top:0;
		}
	.sidebar .bloque.newsletter img.newsletter-bottom{
		bottom:0;
		}
	.sidebar .bloque.newsletter h2{
		color:#FFFFFF;
		font-size:22px;
		text-shadow: 1px 1px 1px #04527B;
        filter: dropshadow(color=#04527B, offx=1, offy=1);
		letter-spacing:-1px;
		margin-bottom:20px;
		}
	.sidebar .bloque.newsletter form{
		position:relative;
		z-index:99;
		}
	.sidebar .bloque.newsletter form .field{
		display:block;
		text-align:center;
		}
	.sidebar .bloque.newsletter form label{
		display:block;
		margin-bottom:5px;
		text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
		text-align:left;
		}
	.sidebar .bloque.newsletter form .textfield{}
	.sidebar .bloque.newsletter form .textfield span{}
	.sidebar .bloque.newsletter form .textfield span input{
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-bottom:10px;
		text-align:left;
		width:93%;
		}
	.sidebar .bloque.newsletter form .submit{
		margin-left:35px;
		margin-top:20px;
		}
	/*END SIDEBAR*/
	
	/*CONTENTS*/
	.contents{
		display:block;
		clear:both;
		background:#FFF url(../images/bg_middle.jpg) repeat-x top center;
		border-top:1px solid #FFF;
		padding-top:30px;
		}
	.main{}
	.main h1{
		position:relative;
		}
	.main h1 img{
		position:absolute;
		bottom:-15px;
		right:0;
		display:none;
		}
	body.inicio .main h1 img{
		display:block;
		}
	.main .items{
		margin-bottom:30px;
		}
	.main .items .item{
		padding-bottom:12px;
		position:relative;
		}
	.main .items .item .extradiv{
		display:block;
		width:100%;
		background:#DAE9F1;
		}
	.main .items .item .shadow{
		position:absolute;
		left:0;
		bottom:0;
		}
	.main .items .item .imagen { text-align: center; border: 1px solid #ccc; }
	.main .items .item .imagen img {}
	.main .items .item .info{
		display:block;
		padding:10px;
		}
	.main .items .item h4{
		color:#203C7D;
		font-size:15px;
		font-weight:bold;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px solid #FFF;
		}
	.main .items .item p.descripcion{
		font-size:14px;
		color:#2D2D2D;
		font-weight:normal;
		margin-bottom:10px;
		}
	.main .items .item .precio{
		font-weight:bold;
		letter-spacing:-1px;
		font-size:14px;
		color:#333333;
		display:inline-block;
		float:left;
		padding-top:5px;
		}
	.main .items .item .red_btn{
		display:inline-block;
		float:right;
		}
	.main .items .item .red_btn span{
		
		font-size:10px;
		font-weight:normal;
		}
	
	.contact-info{
		font-size:13px;
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px dotted #000000;
		}
	.contact-info h5{
		color:#203C7D;
		font-size:14px;
		margin-bottom:0;
		font-weight:bold;
		}	
	.contact-info ul{
		margin-bottom:0;
		}
	.contact-info ul li{
		display:block;
		padding-left:15px;
		margin:4px 0;
		}
	.contact-info.contact-info-special{
		border-bottom:none;
		}
	.contact-info-special ul {
		padding-left:15px;
		}
	.contact-info-special ul li span{
		display:block;
		width:100%;
		margin-left:-15px;
		}
	.contact-info a{}
	
	.map_container {
		position:relative;
		padding-bottom:56.25%; /* 16:9 */
		padding-top:25px;
		height:0;
		max-width:100%;
		margin:0 auto;
		}
	.map_container iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
	
	.form{}
	.form .field{
		display:block;
		margin-bottom:10px;
		}
	.form .field label{
		display:block;
		margin:5px 0;
		}
	.form .field .textfield, .form .field textarea{
		width:97%;
		margin-top: 3px;
		border-color: #333;
		}
	.form .field textarea{
		height:190px;
		}
	.form .submit{
		float:right;
		}
	/*END CONTENTS*/
	
	/*FOOTER*/
	footer{
		background:#F4F4F4;
		margin-top:20px;
		}
	footer .container{
		padding:20px 0 10px;
		}
	footer .grey-buffer{
		display:block;
		width:100%;
		height:36px;
		background:#D1D1D1;
		}
	footer .informacion{
		color:#203C7D;
		font-weight:normal;
		font-size:13px;
		margin-bottom:0;
		}
	footer h3{
		font-size:19px;
		font-weight:bold;
		color:#A8A8A8;
		padding-bottom:8px;
		background:url(../images/grey_white.jpg) repeat-x bottom center;
		margin-bottom:15px;
		}
	footer h3 strong{
		color:#4E4E4E;
		}
	footer .informacion p{
		line-height:1.5em;
		margin-bottom:0;
		}
	footer .informacion a{
		color:#203C7D;
		}
	footer .informacion .social-media{}
	footer .social-media a{
		line-height:1.9em;
		display:block;
		margin:8px 0;
		}
	footer .social-media a span{
		display:inline-block;
		float:left;
		height:27px;
		width:28px;
		margin-right:5px;
		background-image:url(../images/social_media.png);
		background-repeat:no-repeat;
		}
	footer .social-media a.mail span{
		background-position:0 0;
		}
	footer .social-media a.twitter span{
		background-position:0 -27px;
		}
	footer .social-media a.facebook span{
		background-position:0 -54px;
		}
	footer .social-media a.mail:hover span{
		background-position:-28px 0;
		}
	footer .social-media a.twitter:hover span{
		background-position:-28px -27px;
		}
	footer .social-media a.facebook:hover span{
		background-position:-28px -54px;
		}
	
	footer .menu{
		text-align:right;
		font-size:13px;
		color:#666666;
		}
	footer .nod32{
		display:block;
		margin-bottom:15px;
		}
	footer .nav{
		margin-bottom:10px;
		}
	footer .nav a{
		font-weight:bold;
		margin-left:8px;
		padding-left:10px;
		border-left:2px solid #666666;
		color:#666666;
		}
	footer .nav a:first-child{
		margin-left:0px;
		padding-left:0px;
		border-left:none;
		}
	footer .copyrights{
		padding-top:10px;
		background:url(../images/grey_white.jpg) repeat-x top center;
		margin-bottom:0;
		}
	footer .copyrights a{}
	/*END FOOTER*/

/* #Page Styles
================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		/*GENERAL*/
		body{}
		img{}
			
		h1{
			font-size:23px;
			}
		h2{
			font-size:20px;
			}
		h3{
			font-size:18px;
			}
		h4{
			}
		
		p{}
		ul{}
		
		a, a:visited {}
		a:hover, a:focus {}
		p a, p a:visited {}
			
		.red_btn, .grey_btn{}
		.red_btn span, .grey_btn span{}
		.red_btn{}
		.grey_btn{}
		/*END GENERAL*/	
		
		/*HEADER*/
		header{}
		body.inicio header .container {
			padding-bottom: 260px;
		}
		header .grey-buffer{}
		header .top{}
		header .top .softline{}
		header .top .second-nav{}
		header .top .second-nav a{}
		header .top .second-nav a:hover{}
		header .top .social-media{}
		header .top .social-media a{}
		header .top .social-media a.mail{}
		header .top .social-media a.twitter{}
		header .top .social-media a.facebook{}
		header .top .mainnav{}
		header .top .mainnav a{
			margin-bottom:5px;
			}
		header .top .mainnav a span{}
		header .top .mainnav a:hover, header .top .mainnav a.active{}
		header .top .mainnav a:hover span, header .top .mainnav a.active span{}
		header .top .search-form{
			clear:none;
			margin-top:-40px;
			}
		header .top .search-form form{}
		header .top .search-form .field{}
		header .top .search-form .field .extrafield{}
		header .top .search-form .field img.lupa{}
		header .top .search-form .field input.textfield{}
		header .top .search-form .field .submit{}
		
		header .slideshow-wrapper{
			height:260px;
			padding-bottom:13px;
			}
		header .slideshow{}
		header .slideshow .items{}
		header .slideshow .items .item .offset-by-one{
			padding-left:15px;
			}
		header .slideshow .items .item .image{}
		header .slideshow .items .item .info{
			padding-top:20px;
			}
		header .slideshow .items .item .info .cod{}
		header .slideshow .items .item .info h2{}
		header .slideshow .items .item .info .descripcion{}
		header .slideshow .items .item .info .red_btn{}
		header .slideshow{}
		/*END HEADER*/
		
		/*SIDEBAR*/
		.sidebar{}
		.sidebar .bloque{}
		.sidebar .bloque h2{
			font-size:20px;
			}
		.sidebar .bloque.nav{}
		.sidebar .bloque.nav h2{}
		.sidebar .bloque.nav ul{}
		.sidebar .bloque.nav ul li{}
		.sidebar .bloque.nav ul li a{}
		.sidebar .bloque.nav ul li a span{}
		.sidebar .bloque.nav ul li a:hover, .sidebar .bloque.nav ul li a.active{}
		.sidebar .bloque.nav ul li a:hover span, .sidebar .bloque.nav ul li a.active span{}
		
		.sidebar .bloque.newsletter{}
		.sidebar .bloque.newsletter .extradiv{}
		.sidebar .bloque.newsletter h2{
			font-size: 17px;
			}
		.sidebar .bloque.newsletter form{}
		.sidebar .bloque.newsletter form .field{}
		.sidebar .bloque.newsletter form label{}
		.sidebar .bloque.newsletter form .textfield{}
		.sidebar .bloque.newsletter form .textfield span{}
		.sidebar .bloque.newsletter form .textfield span input{}
		.sidebar .bloque.newsletter form .submit{
			margin-left:12px;
			}
		/*END SIDEBAR*/
		
		/*CONTENTS*/
		.contents{}
		.main{}
		.main h1{}
		.main h1 img{}
		.main .items{}
		.main .items .item{
			padding-bottom: 10px;
			}
		.main .items .item .shadow{}
		.main .items .item .extradiv{}
		.main .items .item .imagen{}
		.main .items .item .h4{}
		.main .items .item p.descripcion{}
		.main .items .item .precio{}
		.main .items .item .red_btn{}
		/*END CONTENTS*/
		
		/*FOOTER*/
		footer{}
		footer .grey-buffer{}
		footer .informacion{
			font-size:12.5px;
			}
		footer .informacion h3{}
		footer .informacion h3 strong{}
		footer .informacion a{}
		footer .informacion .social-media{}
		footer .informacion .social-media a{}
		
		footer .menu{
			font-size:12px;
			}
		footer .nod32{}
		footer .nav{}
		footer .nav a{}
		footer .nav .copyrights{}
		footer .nav .copyrights a{}
		/*END FOOTER*/
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.main .items .item p.descripcion{
			margin-bottom:5px;
			}
		.main .items .item .precio{
			display:block;
			float:none;
			margin-bottom:10px;
			}
		.main .items .item .red_btn{
			display:block;
			float:none;
			margin-left:27px;
			}
		footer .informacion .social-media a {
			letter-spacing: -1px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/*GENERAL*/
		body{}
		img{}
			
		h1{}
		h2{}
		h3{}
		h4{}
		
		p{}
		ul{}
		
		a, a:visited {}
		a:hover, a:focus {}
		p a, p a:visited {}
			
		.red_btn, .grey_btn{}
		.red_btn span, .grey_btn span{}
		.red_btn{}
		.grey_btn{}
		/*END GENERAL*/	
		
		/*HEADER*/
		header{}
		body.inicio header .container {
			padding-bottom: 290px;
		}
		header .grey-buffer{}
		header .top{
			height:300px;
			}
		header .top .softline{}
		header .top .second-nav{
			float:left;
			display:inline-block;
			clear:none;
			width:45%!important;
			}
		header .top .second-nav a{}
		header .top .second-nav a:hover{}
		header .top .social-media{
			float:right;
			display:inline-block;
			clear:none;
			width:45%!important;
			}
		header .top .social-media a{}
		header .top .social-media a.mail{}
		header .top .social-media a.twitter{}
		header .top .social-media a.facebook{}
		header .top .mainnav{
			text-align:center;
			}
		header .top .mainnav a{
			margin-bottom:3px;
			display:inline-block;
			*display:inline;
			float:none;
			}
		header .top .mainnav a span{}
		header .top .mainnav a:hover, header .top .mainnav a.active{}
		header .top .mainnav a:hover span, header .top .mainnav a.active span{}
		header .top .search-form{
			margin-top:-5px;
			width:100%;
			}
		header .top .search-form form{}
		header .top .search-form .field{}
		header .top .search-form .field .extrafield{}
		header .top .search-form .field img.lupa{}
		header .top .search-form .field input.textfield{
			width:300px;
			}
		header .top .search-form .field .submit{}
		
		header .slideshow-wrapper{
			height:530px;
			padding-bottom:8px;
			}
		header .slideshow{}
		header .slideshow .items{}
		header .slideshow .items .item{}
		header .slideshow .items .item .offset-by-one {
			padding-left: 0px;
		}
		header .slideshow .items .item .image, header .slideshow .items .item .info{
			padding:10px 50px;
			width:auto;
			}
		header .slideshow .items .item .image{
			text-align:center;
			}
		header .slideshow .items .item .info{
			font-size:14px;
			}
		header .slideshow .items .item .info .cod{}
		header .slideshow .items .item .info h2{
			font-size:40px;
			}
		header .slideshow .items .item .info .descripcion{}
		header .slideshow .items .item .info .red_btn{}
		header .slideshow{}
		header .slideshow .flex-direction-nav a.flex-prev{
			left:5px;
			}
		header .slideshow .flex-direction-nav a.flex-next{
			background-position:-40px 0;
			right:5px;
			}
		header .slideshow .flex-control-nav {
			bottom: -15px;
		}
		/*END HEADER*/
		
		/*SIDEBAR*/
		.sidebar{
			padding-right:0;
			}
		.sidebar .bloque{}
		.sidebar .bloque h2{
			font-size:20px;
			}
		.sidebar .bloque.nav{}
		.sidebar .bloque.nav h2{}
		.sidebar .bloque.nav ul{}
		.sidebar .bloque.nav ul li{}
		.sidebar .bloque.nav ul li a{}
		.sidebar .bloque.nav ul li a span{}
		.sidebar .bloque.nav ul li a:hover, .sidebar .bloque.nav ul li a.active{}
		.sidebar .bloque.nav ul li a:hover span, .sidebar .bloque.nav ul li a.active span{}
		
		.sidebar .bloque.newsletter{
			margin-top:-30px;
			padding:45px 30px 60px;
			}
		.sidebar .bloque.newsletter .extradiv{}
		.sidebar .bloque.newsletter h2{
			font-size:20px;
			}
		.sidebar .bloque.newsletter form{}
		.sidebar .bloque.newsletter form .field{}
		.sidebar .bloque.newsletter form label{}
		.sidebar .bloque.newsletter form .textfield{
			
			}
		.sidebar .bloque.newsletter form .textfield span{}
		.sidebar .bloque.newsletter form .textfield span input{}
		.sidebar .bloque.newsletter form .submit{
			margin-left:60px;
			}
		/*END SIDEBAR*/
		
		/*CONTENTS*/
		.contents{}
		.main{}
		.main h1{}
		.main h1 img{
			display:none;
			}
		.main .items{}
		.main .items .item{
			padding-bottom:17px;
			}
		.main .items .item .shadow{}
		.main .items .item .extradiv{}
		.main .items .item .imagen{}
		.main .items .item .h4{}
		.main .items .item p.descripcion{}
		.main .items .item .precio{}
		.main .items .item .red_btn{}
		/*END CONTENTS*/
		
		/*FOOTER*/
		footer{}
		footer .grey-buffer{}
		footer .informacion{
			font-size:14px;
			}
		footer .informacion .columns{
			margin:5px 0;
			}
		footer .informacion h3{}
		footer .informacion h3 strong{}
		footer .informacion a{}
		footer .informacion .social-media{}
		footer .informacion .social-media a{}
		
		footer .menu{
			font-size:14px;
			text-align:center;
			}
		footer .nod32{
			margin-bottom:10px;
			}
		footer .nav{}
		footer .nav a{
			font-size: 12px;
			margin-left: 3px;
			padding-left: 5px;
			}
		footer .nav .copyrights{
			font-size: 12px;
			}
		footer .nav .copyrights a{}
		/*END FOOTER*/
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.sidebar .bloque.newsletter {
			display: inline-block;
			float: right;
			width: 150px;
		}
		.sidebar .bloque.nav {
			display: inline-block;
			float: left;
			width: 200px;
		}
		.contents .main {
			clear: both;
			display: block;
			margin-top: 20px;
		}
		.main .items .item {
			padding-bottom: 23px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/*GENERAL*/
		body{}
		img{}
			
		h1{
			font-size:20px;
			}
		h2{
			font-size:18px;
			}
		h3{
			font-size:16px;
			}
		h4{}
		
		p{}
		ul{}
		
		a, a:visited {}
		a:hover, a:focus {}
		p a, p a:visited {}
			
		.red_btn, .grey_btn{}
		.red_btn span, .grey_btn span{}
		.red_btn{}
		.grey_btn{}
		/*END GENERAL*/	
		
		/*HEADER*/
		header{}
		header .grey-buffer{}
		header .top{
			height:270px;
			}
		header .top .softline{}
		header .top .second-nav{}
		header .top .second-nav a{}
		header .top .second-nav a:hover{}
		header .top .social-media{}
		header .top .social-media a{}
		header .top .social-media a.mail{}
		header .top .social-media a.twitter{}
		header .top .social-media a.facebook{}
		header .top .mainnav{}
		header .top .mainnav a{}
		header .top .mainnav a span{}
		header .top .mainnav a:hover, header .top .mainnav a.active{}
		header .top .mainnav a:hover span, header .top .mainnav a.active span{}
		header .top .search-form{}
		header .top .search-form form{}
		header .top .search-form .field{}
		header .top .search-form .field .extrafield{}
		header .top .search-form .field img.lupa{}
		header .top .search-form .field input.textfield{
			width:180px;
			}
		header .top .search-form .field .submit{}
		
		header .slideshow-wrapper{
			padding-bottom:6px;
			height:490px;
			}
		header .slideshow{}
		header .slideshow .items{}
		header .slideshow .items .item{}
		header .slideshow .items .item .image{}
		header .slideshow .items .item .info{}
		header .slideshow .items .item .info .cod{}
		header .slideshow .items .item .info h2{
			font-size:30px;
			}
		header .slideshow .items .item .info .descripcion{}
		header .slideshow .items .item .info .red_btn{}
		header .slideshow{}
		/*END HEADER*/
		
		/*SIDEBAR*/
		.sidebar{}
		.sidebar .bloque{}
		.sidebar .bloque h2{}
		.sidebar .bloque.nav{}
		.sidebar .bloque.nav h2{}
		.sidebar .bloque.nav ul{}
		.sidebar .bloque.nav ul li{}
		.sidebar .bloque.nav ul li a{}
		.sidebar .bloque.nav ul li a span{}
		.sidebar .bloque.nav ul li a:hover, .sidebar .bloque.nav ul li a.active{}
		.sidebar .bloque.nav ul li a:hover span, .sidebar .bloque.nav ul li a.active span{}
		
		.sidebar .bloque.newsletter{}
		.sidebar .bloque.newsletter .extradiv{}
		.sidebar .bloque.newsletter h2{}
		.sidebar .bloque.newsletter form{}
		.sidebar .bloque.newsletter form .field{}
		.sidebar .bloque.newsletter form label{}
		.sidebar .bloque.newsletter form .textfield{}
		.sidebar .bloque.newsletter form .textfield span{}
		.sidebar .bloque.newsletter form .textfield span input{}
		.sidebar .bloque.newsletter form submit{}
		/*END SIDEBAR*/
		
		/*CONTENTS*/
		.contents{}
		.main{}
		.main h1{}
		.main h1 img{}
		.main .items{}
		.main .items .item{}
		.main .items .item .shadow{}
		.main .items .item .extradiv{}
		.main .items .item .imagen{}
		.main .items .item .h4{}
		.main .items .item p.descripcion{}
		.main .items .item .precio{}
		.main .items .item .red_btn{}
		/*END CONTENTS*/
		
		/*FOOTER*/
		footer{}
		footer .grey-buffer{}
		footer .informacion{}
		footer .informacion h3{}
		footer .informacion h3 strong{}
		footer .informacion a{}
		footer .informacion .social-media{}
		footer .informacion .social-media a{}
		
		footer .nod32{}
		footer .nav{}
		footer .nav a{}
		footer .nav .copyrights{}
		footer .nav .copyrights a{}
		/*END FOOTER*/
		}
		
/* FIXES NO */
html.no-textshadow *{
	text-shadow:none!important;
	filter:none!important;
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/