/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #5cabb8; color: #fff; text-shadow: none; }
::selection { background: #5cabb8; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: #2e2e2e thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
}

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

	body{
		font-family: "Trebuchet MS", Arial;
		color: #c7bebe;
		background: #252525 url(../img/background.jpg) no-repeat center top;
	}
	
	.wrap{
		position: relative;
		display: block;
		width: 966px;
		margin: 0 auto;
		text-align: left;
		overflow: hidden;
	}
	.menutop{
	padding: 8px 0 0 17px;
	color:#c3bebe;
	text-shadow: 2px 1px 0px #0f0f0f;
	font-size: 20px;
	background: url(../img/ico-return.png) no-repeat left 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	
	.menutop a{
		color:#c3bebe;
		text-decoration: none;
	}
	.menutop a:hover{
		text-decoration: underline;
		color: #7cc0cb;
	}
	.menutop a.store{
		color: #7cc0cb;
		text-decoration: underline;
	}
	.menutop a.store:hover{
		text-decoration: none;
	}
	#home-slider{
		padding:2px 0 0 2px;
		background: url(../img/home-featured-background.png) no-repeat top;
		margin-top: 8px;
		height: 597px;
		position: relative;
	}
	.article #home-slider{
		/*height: 560px;*/
	}
	.article section.article-data,.sponsor section.article-data{
		margin-top: -27px;
	}
	/* home captions slide */
	#home-slider .orbit-caption{
		left: 0px;
		bottom: -44px;
		padding: 5px 0;
		text-align: left;
		background: #161616;
		background: rgba(22, 22, 22, 0.8);
		font-size: .7em;
		color: #7cc0cb;
		text-shadow: 1px 1px 0px #0f0f0f;
		width: 316px;
	}
	#home-slider .orbit-caption span{
		padding-left: 7px;
	}
	#home-slider .orbit-caption a,#home-slider .orbit-caption a:visited{
		color: #6b6868;
		text-decoration: underline;
	}
	#home-slider .orbit-caption a:hover{
		text-decoration: none;
	}
	/* home captions slide */
	
#home-slider .slider-nav{
	position: absolute;
	bottom: -17px;
	right: 150px;
	z-index: 800;
}
#home-slider .slider-nav span{
	width: 30px;
	height: 27px;
	margin-top: 0px;
}
#home-slider .slider-nav span.right{
	left: 120px;
	background: url(../img/img-row-right.jpg) no-repeat;
}
#home-slider .slider-nav span.right:hover{
	background: url(../img/img-row-right-over.jpg) no-repeat;
}
#home-slider .slider-nav span.left{
	background: url(../img/img-row-left.jpg) no-repeat;
	left: 85px;
}
#home-slider .slider-nav span.left:hover{
	background: url(../img/img-row-left-over.jpg) no-repeat;
}

body.article #home-slider .slider-nav{
	position: absolute;
	bottom: -17px;
	right: 150px;
	z-index: 50;
}
body.article #home-slider .slider-nav span{
	width: 30px;
	height: 27px;
	margin-top: 0px;
}
body.article #home-slider .slider-nav span.right{
	left: 120px;
}
body.article #home-slider .slider-nav span.left{
	left: 85px;
}


	/* share */
	#home-slider .wrap-share{
		position:absolute;
		bottom: 0px;
		left: 322px;
		font-size: .7em;
		overflow: hidden;
		/*padding: 5px;
		background: #3a3a3a;
		background: rgba(58, 58, 58, 0.8);
		color: #8af11c;*/
	}
	#article_author .wrap-share{
		/*position:absolute;
		bottom: 0px;
		left: 322px;*/
		font-size: .7em;
		overflow: hidden;
		float: right;
		width: 190px;
	}
	#home-slider .wrap-share span,#article_author .wrap-share span{
		padding: 5px;
		background: #3a3a3a;
		background: rgba(58, 58, 58, 0.8);
		color: #8af11c;
		text-shadow: 1px 1px 0px #0f0f0f;
		float:left;

	}
	#home-slider .wrap-share ul,#article_author .wrap-share ul{
		list-style-type: none;
		float:left;
		padding: 0;
		margin: 0 0 0 4px;
	}
	#home-slider .wrap-share ul li,#article_author .wrap-share ul li{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#home-slider .wrap-share ul li a,#article_author .wrap-share ul li a{
		text-indent: -4999px;
		display: inline-block;	
		width: 21px;
		height: 26px;
		opacity: .6;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	#home-slider .wrap-share ul li a.pinterest, #article_author .wrap-share ul li a.pinterest{
		background: url(../img/ico-social-share.png) -78px 3px no-repeat;
	}
	#home-slider .wrap-share ul li a.facebook, #article_author .wrap-share ul li a.facebook{
		background: url(../img/ico-social-share.png) -52px 3px no-repeat;	
	}
	#home-slider .wrap-share ul li a.twitter, #article_author .wrap-share ul li a.twitter{
		background: url(../img/ico-social-share.png) -26px 3px no-repeat;
	}
	#home-slider .wrap-share ul li a.twitter:hover, 
	#article_author .wrap-share ul li a.twitter:hover,
	#home-slider .wrap-share ul li a.facebook:hover, 
	#article_author .wrap-share ul li a.facebook:hover, 
	#home-slider .wrap-share ul li a.pinterest:hover, 
	#article_author .wrap-share ul li a.pinterest:hover{
		opacity: 1;
	}
	/* share */

	/* menu categories */
	ul.menu_categories{
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}
	ul.menu_categories li{
		float: left;
		margin-right: 19px;
	}
	ul.menu_categories li:last-child{
		margin-right: 0px;
	}
	ul.menu_categories li h1{
		display: inline-block;
	}
	ul.menu_categories li a{
		display: block;
		height: 103px;
		float:left;
		background: url(../img/sprite-categories.png) no-repeat;
		text-indent: -9999px;
	}
	ul.menu_categories li a.motorcycles{
		width: 123px;
		background-position: 0px -103px;
		opacity: .6;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.motorcycles:hover{
		opacity: 1;
	}
	ul.menu_categories li a.hotrods{
		width: 93px;
		background-position: -146px -103px;
		opacity: .6;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.hotrods:hover{
		opacity: 1;
	}
	ul.menu_categories li a.current{
		opacity: 1 !important;
	}
	ul.menu_categories li a.eldiablotv{
		width: 106px;
		opacity: .6;
		background-position: -255px -103px;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.eldiablotv:hover{
		opacity: 1;	
	}
	ul.menu_categories li a.adsproducts{
		width: 108px;
		opacity: .6;
		background-position: -383px -103px;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.adsproducts:hover{
		opacity: 1;	
	}
	ul.menu_categories li a.artistlowbrow{
		width: 112px;
		opacity: .6;
		background-position: -505px -103px;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.artistlowbrow:hover{
		opacity: 1;
	}
	ul.menu_categories li a.photography{
		width: 102px;
		opacity: .6;
		background-position: -639px -103px;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.photography:hover{
		opacity: 1;
	}
	ul.menu_categories li a.rocknroll{
		width: 88px;
		opacity: .6;
		background-position: -762px -103px;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.rocknroll:hover{
		opacity: 1;
	}
	ul.menu_categories li a.news{
		width: 96px;
		opacity: .6;
		background-position: -867px -103px;
		-webkit-transition: opacity .6s ease-in-out;
		-moz-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		-ms-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	ul.menu_categories li a.news:hover{
		opacity: 1;
	}
	/* /menu categories */

	/* leyenda artículos */
	
	.wrap_articles_nav,.wrap_sponsors_nav,#article_author .article_nav{
	width: 99.2%;
	overflow: visible;
	text-shadow: 1px 1px 0px #0f0f0f;
	background-image: url(img/buttonservicios.gif);
	display: block;
	}
	#article_author .article_nav{
		width: auto;
		margin-bottom: 45px;
	}
	.wrap_articles_nav .label,.wrap_sponsors_nav .label,#article_author .article_nav .label{
		padding: 6px 10px 6px 10px;
		text-align: left;
		background: #161616;
		background: rgba(22, 22, 22, 0.8);
		color: #7cc0cb;
		float:left;
		margin-right: 4px;
	}
	#article_author .article_nav .label{
		margin-right:75px;
	}
	.wrap_articles_nav .label .todos{
		color: #7CC0CB;
		text-decoration: none;
	}
	.wrap_articles_nav .label .todos:hover{
		text-decoration: underline;
	}
	#article_author .article_nav .label_video{
		padding: 6px 10px 6px 10px;
		text-align: left;
		background: #161616;
		background: rgba(22, 22, 22, 0.8);
		color: #7cc0cb;
		float:left;
		margin-right: 4px;
	}
	.wrap_articles_nav .info,.wrap_sponsors_nav .info{
		padding: 5px 10px 5px 10px;
		text-align: left;
		background: #3a3a3a;
		background: rgba(58, 58, 58, 0.8);
		color: #8af11c;
		float:left;
	}
	.wrap_articles_nav .info span,.wrap_sponsors_nav .info span{
		color: #c7bebe;
	}
	.wrap_articles_nav .article_nav,.wrap_sponsors_nav .sponsor_nav, #article_author .article_nav{
		float:right;
		overflow: hidden;
	}
	.wrap_articles_nav .next_prev, #article_author .article_nav .next_prev,.wrap_sponsors_nav .sponsor_nav .next_prev{
		float: left;
		overflow: hidden;
	}
	
	.wrap_articles_nav .next_prev a, #article_author .article_nav .next_prev a,.wrap_sponsors_nav .sponsor_nav .next_prev a{
		background: #3a3a3a;
		/*padding: 9px 10px 1px;*/
		display: inline-block;
	}
	.wrap_articles_nav .next_prev a.prev span:hover, 
	#article_author .article_nav .next_prev a.prev span:hover,
	.wrap_sponsors_nav .sponsor_nav .next_prev a.prev span:hover{
		background: url(../img/img-row-left-over.jpg) no-repeat;
	}
	.wrap_articles_nav .next_prev a.next span:hover, 
	#article_author .article_nav .next_prev a.next span:hover,
	.wrap_sponsors_nav .sponsor_nav .next_prev a.next span:hover{
		background: url(../img/img-row-right-over.jpg) no-repeat;
	}
	.wrap_articles_nav .next_prev a span, #article_author .article_nav .next_prev a span,.wrap_sponsors_nav .sponsor_nav .next_prev a span{
		width: 9px;
		height: 7px;
		text-indent: -9999px;
		display: inline-block;
		width: 30px;
		height: 27px;
		/*background: #3a3a3a url(../img/pagination_rows.png) no-repeat 0px 0px;*/
	}
	.wrap_articles_nav .next_prev a.prev span, #article_author .article_nav .next_prev a.prev span,.wrap_sponsors_nav .sponsor_nav .next_prev a.prev span{
		background: url(../img/img-row-left.jpg) no-repeat;
	}
	.wrap_articles_nav .next_prev a.next span, #article_author .article_nav .next_prev a.next span,.wrap_sponsors_nav .sponsor_nav .next_prev a.next span{
		background: url(../img/img-row-right.jpg) no-repeat;
	}
	.wrap_articles_nav .green{
		color: #8AF11C;
	}
	#article_author .blue{
		color: #7cc0cb;
	}
	.wrap_articles_nav .gris, #article_author .gris,.wrap_sponsors_nav .gris{
		color: #C7BEBE;
	}
	/* /leyenda artículos */	
	
	/* listado de artículos*/
	
	.articles_list,.sponsors_list{
	width: 990px;
	height: 300px;
	margin-left: 10px;

	}
	.articles_list ul,.sponsors_list ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.articles_list ul li,.sponsors_list ul li{
	float: left;
	width:235px;
	padding: 5px;
	font-family: "Yanone Kaffeesatz", "Trebuchet MS";
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: bold;
	}
	.articles_list ul li a,.sponsors_list ul li a{
		display: block;
	}
	.articles_list ul li .shadow,.sponsors_list ul li .shadow{
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	}
	.articles_list ul li .shadow .contenido,.sponsors_list ul .shadow .contenido{
	display:block;
	background: #2e2e2e;
	overflow: hidden;
	position: static;
	cursor: pointer;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	height: 195px;
	}
	.articles_list ul li .shadow .contenido img,.sponsors_list ul .shadow .contenido img{
		/*position: absolute;  
      left: 0;  
      top: 0;  */
      opacity: 1;  
      -webkit-transition: all 1s;  
      -moz-transition: all 1s;  
      -o-transition: all 1s;  
      -ms-transition: all 1s;  
      transition: all 1s;
	}
	.articles_list ul li .shadow .contenido canvas,.sponsors_list ul li .shadow .contenido canvas{
		position: absolute;  
      left: 0;  
      top: 0;
	}
	.articles_list ul li .shadow .contenido img:hover,.sponsors_list ul .shadow .contenido img:hover{
		opacity: 1;
	}
	
	/* If you MUST have IE support */  
   #cvs-src,#cvs2-src { position:relative; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }  
  
   #cvs-src:hover,#cvs2-src:hover { /*filter: none;*/} 
   
	.articles_list ul li h2,.sponsors_list ul li h2{
		color: #d5d2bb;
		font-size: 1.2em;
		margin: 0 0 0 12px;
		padding: 13px 0 0 0;	
		text-shadow: 1px 1px 0px #0f0f0f;
		line-height: .9em;
	}
	.articles_list ul li h2 a,.sponsors_list ul li h2 a{
		color: #d5d2bb;
		text-decoration: none;
	}
	.articles_list ul li h2 a:hover,.articles_list ul li h3 a:hover,.sponsors_list ul li h2 a:hover,.sponsors_list ul li h3 a:hover{
	text-decoration: underline;
	text-align: left;
	font-style: italic;
	font-size: 10.5pt;
	}
	.articles_list ul li h3,.sponsors_list ul li h3{
	font-family: "Trebuchet MS", Arial;
	color: #CCC;
	margin: 0 0 0 12px;
	padding: 0 0 13px 0;
	text-shadow: 1px 1px 0px #0f0f0f;
	float: left;
	font-size: 80%;
	}
	.articles_list ul li h3 a,.sponsors_list ul li h3 a{
		color: #5cabb8;
		text-decoration: none;
	}
	/* /listado de artículos */
	
	/* loading y efecto listado de articulos*/
	.search-background,.search-background_sp {
		display: none;
		font-size: 13px;
		font-weight: bold;
		height:100%;
		position: absolute;
		padding-top:140px;
		text-align: center;
		opacity:0.8; 
		filter: alpha(opacity=80) ;
		text-decoration: none;
		width: 520px;
		color:#FFFFFF;
		text-shadow: #fff 0px 0px 20px;
		width: 100%;
		vertical-align: middle;
		background: #252525;
		}
	.search-background_sp{
		padding-top: 30px;
	}
	.search-background label,.search-background_sp label{
		z-index: 1000;
	}

	/*#paging_button ul{ width: 510px; padding:0px; margin:8px; }

	#paging_button ul li { 

		-moz-border-radius: 3px 3px 3px 3px;
    	background: none repeat scroll 0 0 #000000;
    	color: #FFFFFF;
    	float: left;
    	font-family: helvetica,arial,sans-serif;
    	font-size: 13px;
    	font-weight: 700;
    	margin: 0 2px 0px;
    	padding: 10px 10px;
    	text-align: center;
    	text-decoration: none;
    	text-shadow: none;
		list-style-type:none; 
    	width: 20px;cursor:pointer;
		}
	
	#paging_button ul li:hover{background:#006699;cursor: pointer;}*/
	.shopp{  
		/*opacity:0;*/
		width: 966px;
		height: 677px;
	}
	.shopp2{  
		/*opacity:0;*/
		width: 966px;
		height: 220px;
	}
	/* loading y efecto listado de articulos*/
	
	/* ficha de articulos*/
	body.article article,body.sponsor article{
		overflow: hidden;
	}
	body.article article .left_content,body.sponsor article .left_content{
		float: left;
		width: 700px;
		font-size: .8em;
		text-shadow: 2px 1px 0px #0f0f0f;
		color: #a8a49f;
	}
	body.article article .left_content footer p,body.sponsor article .left_content footer p{
		font-family: "Yanone Kaffeesatz", "Trebuchet MS";
		color: #7cc0cb;
		font-size: 2em;
		margin: 0;
		padding: 0;
		text-shadow: none;
	}
	body.article article .left_content footer ul,body.sponsor article .left_content footer ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	body.article article .left_content footer ul li,body.sponsor article .left_content footer ul li{
		float: left;
		margin-right: 35px;	
	}
	body.article article .left_content footer ul li a,body.sponsor article .left_content footer ul li a{
		color: #7cc0cb;
		text-decoration: none;
	}
	body.article article .left_content footer ul li a:hover,body.sponsor article .left_content footer ul li a:hover{
		text-decoration: underline;
	}
	body.article article .left_content footer ul li span,body.sponsor article .left_content footer ul li span{
		background: url(../img/ico-article-sprite.png) no-repeat left;
		width: 16px;
		height: 17px;
		margin-right: 4px;
		top:3px;
		position: relative;	
    	display: inline-block;
    	overflow: hidden;
	}
    
	body.article article .left_content footer ul li .location{
    	background-position: 0px 0px;
	}
	body.article article .left_content footer ul li .event{
    	background-position: -25px 0px;
	}
	body.article article .left_content footer ul li .url{
    	background-position: -50px 1px;
	}
	body.article article .left_content footer ul li .contact{
    	background-position: -74px 1px;
	}
	body.article article .left_content p,body.article article .left_content div,body.sponsor article .left_content div{	
		text-align: justify;
	}
	body.article article .right_content,body.sponsor article .right_content{
		float: right;
		width: 252px;
		overflow: hidden;
	}
	body.article article h1,body.sponsor article h1{
		font-family: "Yanone Kaffeesatz", "Trebuchet MS";
		font-size: 4em;
		color: #cfd7d7;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		line-height: 1.1em;
	}
	body.article article .date-cat{
		overflow:hidden;
		display: block;
		padding-bottom: 10px;
		font-size: 1em;
	}
	body.article article time{
		color: #5cabb8;
		margin-right: 15px;
	}
	body.article article h2{
		display: inline-block;
		margin: 0;
		padding: 0;
		font-size: 1em;
		color: #5cabb8;
	}
	body.sponsor article h2{
		font-family: "Yanone Kaffeesatz", "Trebuchet MS";
		font-size: 2em;
		line-height: 1.2em;
		color: #a7b2b2;
		margin: 0;
		padding: 0;
		font-style: italic;
	}
	body.article article .persons,body.sponsor article .persons{
		font-size: .7em;
		color: #a99c9c;
		text-shadow: 2px 1px 0px #0f0f0f;
		margin-bottom: 10px;
		float: right; 
		width: 190px;
		margin-top: 45px;
	}
	body.article article a,body.sponsor article a{
		color: #5cabb8;
		text-decoration: none;
	} 
	body.article article a:hover,body.sponsor article a:hover{
		text-decoration: underline;
	} 
	body.article article .persons p,body.sponsor article .persons p{
		padding: 0;
		margin: 0 0 4px 0;
	}
	body.article article .persons label{
		color: #7cc0cb;
	}
	
	/* FOOTER */
	footer.main{
		margin-top:48px;
		background: url(../img/background-footer.jpg) no-repeat center;
		color: #5a5656;
		padding-top: 34px;ç
		height: 676px;
	}
	footer.main .wrap-suscribete h4{
		font-family: "Yanone Kaffeesatz", "Trebuchet MS";
		text-transform: uppercase;
		margin: -4px 0 0 0;
		padding: 0;
		font-size: 1em;
		line-height: 1.2em;
		margin-bottom: 2px;
	}
	footer.main .wrap-suscribete span{
		margin-left: 15px;
		color: #fff;
		background: #5cabb8;
		padding: 3px;
		font-size:.8em;
		display: none;
	}
	footer.main input[type="text"]{
		border: 1px solid #969696;
		background: #969696;
		width: 158px;
		float: left;
		height: 18px;
		font-size: .8em;
	}
	footer.main input[type="submit"]{
		background: url(../img/btn-go.png) no-repeat;
		width: 30px;
		height: 22px;
		border: 0px;
		display:inline-block;
		text-indent: -9999px;
		float: left;
		margin-left: 4px;
	}
	footer.main .eldiablo_direccion{
		clear: left;
		border-top: 1px dotted #7a7a7e;
		border-bottom: 1px dotted #7a7a7e;
		width: 685px;
		margin-top: 12px;
		padding: 9px 0 9px;
		font-size: .7em;
		font-weight: bold;
	}
	footer.main .eldiablo_direccion a{
		color: #0a94c6;
		text-decoration: none;
	}
	footer.main .eldiablo_direccion a:hover{
		text-decoration: underline;
	}
	footer.main .footer-tabs{
		overflow: hidden;
	}
	footer.main .footer-tabs h2{
		font-family: "Yanone Kaffeesatz", "Trebuchet MS";
		text-transform: uppercase;
		color: #00bbff;
		font-size: 2em;
		padding: 0;
		margin: 0;
		font-weight: 500;
	}
footer.main .go-blog{
	width: 226px;
	margin-top: 11px;
	margin-left: 15px;
}
footer.main .go-blog p{
	text-transform: uppercase;
	font-size: .6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.3em;xº
}
footer.main .footer-tabs nav{
	clear: left;
}
footer.main .footer-tabs nav ul{  
    list-style: none;  
    list-style-position: outside;  
}  


.footer-tabs-content{
	margin: 0pt auto;
	text-align: left;
	height: 458px;
	font-size: 11px;
	overflow: hidden;
	position: relative;
	padding-bottom: 27px;
	background-image: url(img/buttoninicio2.gif);
}  
.footer-tabs-content .wrap{
	position: absolute;
}
.footer-tabs-content.nav_merchandising{  
    display: block;  
}  
.footer-tabs-content.nav_staff,.footer-tabs-content.nav_editorial,.footer-tabs-content.nav_links,.footer-tabs-content.nav_burnclan,.footer-tabs-content.nav_publicidad,.footer-tabs-content.nav_iwantyou,.footer-tabs-content.nav_clothing{  
    display: none;  
}  
.footer-tabs-content h3,.footer-tabs-content h4{
	font-family: "Yanone Kaffeesatz", "Trebuchet MS";
	font-weight: 500;
	font-size: 6.3em;
	text-transform: uppercase;
	color: #24221f;
	padding: 0;
	margin: 0;
}
.footer-tabs-content .contenido h4{
	font-family: "Yanone Kaffeesatz", "Trebuchet MS";
	font-weight: 500;
	font-size: 2.2em;
	text-transform: uppercase;
	color: #00bbff;
	padding: 0;
	margin: 30px 0 0 0;
}

.nav_merchandising .slider-nav{
	position: absolute;
	bottom: 26px;
	right: 64px;
}
.nav_merchandising .slider-nav span{
	width: 30px;
	height: 27px;
	margin-top: 0px;
}
.nav_merchandising .slider-nav span.right{
	left: 130px;
	background: url(../img/img-row-right.jpg) no-repeat;
}
.nav_merchandising .slider-nav span.right:hover{
	background: url(../img/img-row-right-over.jpg) no-repeat;
}
.nav_merchandising .slider-nav span.left{
	background: url(../img/img-row-left.jpg) no-repeat;
	left: 92px;
}
.nav_merchandising .slider-nav span.left:hover{
	background: url(../img/img-row-left-over.jpg) no-repeat;
}
/**** MERCHANDISING ****/
.footer-tabs-content.nav_merchandising .photo{
	margin-top: 15px;
}
.footer-tabs-content.nav_merchandising .contenido{
	margin-top: -8px;
	color: #5a5656;
	width: 34%;
}
.footer-tabs-content.nav_merchandising .contenido p{
	font-weight: bold;
}

.footer-tabs-content.nav_merchandising .contenido .boton,.footer-tabs .boton{
	margin-top: 5px;
}
.footer-tabs .boton{
	margin-top: 12px;
}

.footer-tabs-content.nav_merchandising .contenido .boton a,.footer-tabs .boton a{
	color: #00bbff;
	text-decoration: none;
	display: block;
	overflow: hidden;
	float: left;	
}
.footer-tabs-content.nav_merchandising .contenido .boton a div,.footer-tabs .boton a div{
	line-height: 2em;
	padding: 0 5px;
	float: left;
	background: #161616;
}
.footer-tabs .boton a{
	font-size: .7em;
}
.footer-tabs-content.nav_merchandising .contenido .boton a:hover,.footer-tabs .boton a:hover{
	color: #c3bebe;
	text-decoration: underline;
}
.footer-tabs-content.nav_merchandising .contenido .boton span,.footer-tabs .boton span{
	padding-left: 5px ;
	_padding: 4px 5px \0/;
	background: url(../img/btn-go.png) no-repeat top right;
	float: left;
	width: 30px;
	height: 22px;
}
/**** MERCHANDISING ****/

footer.corp{
	background: #1A1A1A;
	color: #5a5656;
	overflow: hidden;	
}
footer.corp .wrap{
	padding-top: 8px;
	padding-bottom: 12px;
}
footer.corp .social,footer.corp .sections{
	float:left;
	margin-top: 4px;
}
footer.corp ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
footer.corp ul li{
	float: left;
	display: inline;
}
footer.corp .social li{
	margin-right: 6px;
}
footer.corp .social li a{
	background: url(../img/ico-social-footer.png) no-repeat left;
	width: 29px;
	height: 29px;
	text-indent: -9999px;
	display: block;
}
footer.corp .social li.rss a{
	background-position: 0 0;
}
footer.corp .social li.facebook a{
	background-position: -34px 0px;
}

footer.corp .social li.pinterest a{
	background-position: -67px 0px;
}
footer.corp .social li.twitter a{
	background-position: -99px 0px;
}
footer.corp .sections{
	margin-left: 10px;
}
footer.corp .sections ul{
	margin-bottom: 4px;
}
footer.corp .sections li{
	border-right: 1px solid #545859;
	text-transform: uppercase;
	font-size: .7em;
	line-height: 1.2em;
	margin-right: 5px;
	padding-right: 5px;
}
footer.corp .sections a{
	color: #00bbff;
	font-weight: bold;
	text-decoration: none;
}
footer.corp .sections a:hover{
	text-decoration: underline;
}

footer.corp .sections p{
	clear: left;
	font-size: .7em;
	margin: 0;
	padding: 0;
}
footer.corp .sections p a{
	color: #8f8f8f;
}
footer.corp .logo-burnclan{
	float:right;
}
	/* FOOTER */
	
/* standard class*/
.separador{
	background: url(../img/img-separador.png) no-repeat top center;
	padding-top: 15px;
	margin-top: 20px;
}
.azul{
	color: #00bbff !important;
}
.margt4{	margin-top: 4px;}
.margt6{	margin-top: 6px;}
.margt8{	margin-top: 8px;}
.margt10{margin-top: 10px;}
.margt12{margin-top: 12px;}
.margt14{margin-top: 14px;}

.margr4{	margin-right: 4px;}
.margr6{	margin-right: 6px;}
.margr8{	margin-right: 8px;}
.margr10{margin-right: 10px;}
.margr12{margin-right: 12px;}
.margr14{margin-right: 14px;}
.margr28{margin-right: 28px;}

.paddt40{ padding-top: 40px;}

.float-left{
	float: left;
	width: 50px;
}
.float-right{float: right;}

.overflow-hidden{overflow:hidden;}
.last{margin-right:0 !important;}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 135px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 241px;
	background-image: url(img/buttonservicios.gif);
	visibility: visible;
	left: 123px;
	top: 762px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img {
	max-width: 100% !important;
	text-align: center;
}
  @page { margin: 0.5cm; }
  p, h2, h3 {
	orphans: 3;
	widows: 3;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
  h2, h3 {
	page-break-after: avoid;
	font-size: 9pt;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: left;
}
}