/* ======================================================================

	enelnombredelARTE.com © 2010
	
	style.css

====================================================================== */

Body{
	margin: 0px;
	background: #000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color:#fff;
}

form, hr{margin:0px;}

.QOverlay {
	background-color: #000;
	z-index: 9999;
}

.QLoader {
	background-color: #fff;
	height: 1px;
}




/* Header > Menú */
/*=========================================================*/

.menu{
	background:url(../images/bg_menu.gif) no-repeat;
	width:940px;
	height:67px;
}

.menu a, .menu span{
	display:block;
	height:59px;
}

.menu a[rel='inicio']{
	width:81px;
	background:url(../images/mm_inicio.gif) 0 59px;
}

.menu a[rel='portfolio']{
	width:120px;
	background:url(../images/mm_portfolio.gif) 0 59px;
}

.menu a[rel='motociclismo']{
	width:115px;
	background:url(../images/mm_motociclismo.gif) 0 59px;
}

.menu a[rel='merchandising']{
	width:210px;
	background:url(../images/mm_merchandising.gif) 0 59px;
}

.menu a[rel='segundamano']{
	width:202px;
	background:url(../images/mm_segundamano.gif) 0 59px;
}

.menu a[rel='contacto']{
	width:134px;
	background:url(../images/mm_contacto.gif) 0 59px;
}

.menu a:hover{
	background-position: 0 0;
}

.menu span.arrow-ini{
	display:block;
	width:39px;
	background: url(../images/arrow_ini.gif) no-repeat left;
}

.menu span.arrow-fin{
	display:block;
	width:39px;
	background: url(../images/arrow_fin.gif) no-repeat right;
}

#pageflip {
	position: relative;
}

#pageflip img {
	width: 50px;
	height: 52px;
	border:0px;
	z-index: 99;
	position: absolute;
	right: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
}

#pageflip .msg_block {
	width:50px;
	height:50px;
	position: absolute;
	z-index: 50;
	right: 0;
	top: 0;
	text-indent: -9999px;
}





/* Contenido > Últimas fotos */
/*=========================================================*/

.box-ultimas-fotos{
	width:200px;
	height:200px;
}

.box-ultimas-fotos a{
	display:block;
	width:200px;
	height:200px;
	border:5px solid #fff; /*background:url(../images/bg_photo.gif) no-repeat;*/
}

.box-ultimas-fotos a:hover{
	width:210px;
	height:210px;
	border:0px;
	background:url(../images/bg_photo.png) top center;
}




/* Contenido > Notificaciones */
/*=========================================================*/

.box-notificaciones{
	width:400px;
	height:212px;
	background:url(../images/bg_box_notificaciones.gif) no-repeat left;
	color:#ccc;
}

.box-notificaciones div{
	position:relative;
	top:0px;
	margin:10px 15px 8px 10px;
	height:190px;
}

.box-notificaciones h3{
	margin:0 0 8px 0;
	text-align:left;
}

.box-notificaciones span{
	display:block;
	text-align:justify;
	line-height:20px;
}

.box-notificaciones a{
	position:absolute;
	bottom:0;
	display:block;
	width:134px;
	height:24px;
	background:url(../images/button_notificacion.gif) 0 0;
}

.box-notificaciones a:hover{
	background-position:0 -24px;
}




/* Contenido > Producto destacado */
/*=========================================================*/

.box-producto-destacado{
	width:285px;
	height:400px;
	background:#fff;
	-moz-border-radius:8px;
	color:#333;
}

.box-producto-destacado div{
	position:relative;
	width:270px;
	height:386px;
	padding:4px;
}

.box-producto-destacado h4{
	margin:3px 0 5px 0;
	padding:8px 8px 8px 10px;
	color:#fff;
	background:url(../images/cab_box.gif) repeat-x;
	-moz-border-radius:5px;
	text-align:left;
}

.box-producto-destacado h4 span{
	color:#cc0000;
}

.box-producto-destacado hr{
	margin:0px;
	border:0px;
	height:1px;
	color:#333;
	width:100%;
	background:#333;
}

.box-producto-destacado span.description{
	display:block;
	margin:10px 0 0 0;
	width:99%;
	font-size:8pt;
	text-align:justify;
}

.box-producto-destacado a{
	position:absolute;
	bottom:0;
	display:block;
	width:140px;
	height:26px;
	background:url(../images/button_ficha_producto.gif) 0 0;
}

.box-producto-destacado a:hover{
	background-position:0 26px;
}



/* Contenido > Acceso clientes */
/*=========================================================*/

.box-zona-clientes{
	width:285px;
	height:145px;
	background:#fff;
	-moz-border-radius:8px;
	color:#333;
}
.contenedor-login{
	width:270px;
}

.box-zona-clientes h4{
	margin:8px;
	padding:8px 8px 8px 10px;
	color:#fff;
	background:url(../images/cab_box.gif) repeat-x;
	-moz-border-radius:5px;
	text-align:left;
}

.opciones-cliente{
	font-size:7pt;
	color:#999;
	padding:14px 0 0 8px;
}

.opciones-cliente a{
	color:#999;
	text-decoration:none;
}

.opciones-cliente a:hover{
	color:#333;
	text-decoration:underline;
}

.exp-cliente{
	text-align:justify;
	font-size:7pt;
	color:#666;
	padding:0 8px 3px 8px;
}

#cliente_loged table{
	padding:0 10px;
}

#cliente_loged .datos-cliente span{
	display:block;
	border-bottom:1px solid #ccc;
	padding:2px 0 4px 0;
}

#cliente_loged .datos-cliente span.productos{
	margin-top:15px;
	color:#999;
	border:0px;
}

#cliente_loged .datos-cliente a{
	font-size:7pt;
	color:#999;
	text-decoration:none;
	padding:2px 0 4px 0;
	float:right;
}

#cliente_loged .datos-cliente a:hover{
	color:#cc0000;
}

.userdetails div{
	margin:8px 0 10px 0;
	width:930px;
	padding:5px 5px 12px 5px;
	text-align:right;
	border-bottom:1px solid #333;
	color:#666;
	font-size:8pt;
}

.details a img{
	border:1px solid #ccc;
}

.details a img:hover{
	border:1px solid #000;
}

.details a{
	color:#cc0000;
	text-decoration:none;
}

.details h2{
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #000;
}

.userdetails a{
	text-decoration:none;
	color:#999;
}

.userdetails a:hover{
	color:#fff;
	text-decoration:none;
}

.details, .detprofile{
	font-size:9pt;
	font-weight:bold;
	border-right:1px solid #ccc;
}

.ttprofile{
	font-size:9pt;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px;
	background:#f2f2f2;
	-moz-border-radius:4px;
	border:1px solid #ccc; 
}

.detprofile{border:0px !important;}

.detprofile a{
	color:#666;
	text-decoration:none;
}

.detprofile a:hover{
	color:#cc0000;
}

.details:last-child{
	border-right:0px;
	
}

.bordertopccc{
	border-bottom:1px solid #ccc;
	height:10px;
	padding:5px 0 5px 0;
}

.cesta a{
	width:56px;
	height:48px;
	display:block;
	background:url(../images/icon_cesta.png) left no-repeat;
	border-right:1px solid #ccc;
}

.segundamano{
	width:20px;
}

.segundamano a{
	width:20px;
	height:20px;
	display:block;
	background:url(../images/icon_segundamano.png) left no-repeat;
	border-right:1px solid #ccc;
}

.vacio{
	width:50px;
}

.vacio span{
	width:56px;
	height:48px;
	display:block;
	background:url(../images/icon_empty.png) left no-repeat;
	border-right:1px solid #ccc;
}

.descargas a{
	width:56px;
	height:48px;
	display:block;
	background:url(../images/icon_descargas.png) left no-repeat;
	border-right:1px solid #ccc;
}

.configuraciones a{
	width:56px;
	height:48px;
	display:block;
	background:url(../images/icon_configuraciones.png) left no-repeat;
	border-right:1px solid #ccc;
}

a.disponible{
	color:#00CC00 !important;
}

span.descargado{
	text-decoration:line-through;
}

.dorsal{
	font-size:30pt !important;
}

.tooltip{
	height:21px;
	text-align:left;
	background:url(../images/icon_info.png) left no-repeat;
	padding:3px 0 0 0;
}

.tooltip span{
	padding:4px 4px 3px 25px;
	font-size:9pt;
	font-weight:bold;
	/*background:#f2f2f2;*/
}

.tooltip a{
	color:#cc0000;
	text-decoration:none;
}

a.ver-producto{
	color:#cc0000;
	text-decoration:none;
	font-weight:bold;
}

a.ver-producto:hover{
	text-decoration:underline;
}

.postproduct a{
	background:#FFCC00;
	color:#000;
	padding:2px 5px;
	-moz-border-radius:4px;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
}

.postproduct a:hover{
	background:#000;
	color:#fff;
}

.order a{
	font-size:7pt;
	text-transform:uppercase;
	color:#999;
	vertical-align:middle;
	text-decoration:none;
}

.order img{
	vertical-align:middle;
}

.prodetails{
	font-weight:normal !important;
	border-bottom:1px dashed #ccc;
	padding:2px 0px;
}




/* Contenido > Globales */
/*=========================================================*/

.desarrollo{
	width:100%;
	background:#fff;
	-moz-border-radius:8px;
	color:#333;
}

.desarrollo h3{
	margin:8px;
	padding:8px 8px 8px 10px;
	color:#fff;
	background:url(../images/cab_box.gif) repeat-x;
	-moz-border-radius:5px;
	text-align:left;
}

.desarrollo div.cnt{
	padding:8px 8px 8px 10px;
}

hr.sep{
	width:100%;
	margin:0 0 20px 0;
	height:1px;
	border:0px;
	color:#ccc;
	background:#ccc;
}

.image{
	padding:16px;;
}

.image a{
	display:block;
	width:114px !important;
	height:114px !important;
	border:3px solid #000;
}

.image a:hover{
	background:url(../images/bg_image.png) no-repeat center;
}




/* Contenido > Motociclismo */
/*=========================================================*/
.categorias a{
	display:block;
	background:#fff;
	-moz-border-radius:4px;
	margin:0 20px 20px 20px;
	padding:20px 30px;
	color:#000;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
}

.categorias a:hover{
	background:#ffcc00;
	color:#000;
}

.galeria-motociclismo tr td{
	padding:5px;
	background:#fff;
	-moz-border-radius:3px;
}

.galeria-motociclismo tr td[class='separador']{
	background:none !important;
	padding:0px !important;
	-moz-border-radius: 0px !important;
	height:8px;
}

div.cart a{
	display:block;
	width:100px;
	height:16px;
	margin: 5px 0 0 0;
	background: url(../images/icon_add_to_cart.gif) no-repeat left;
	padding: 6px 0 0 30px;
	font-size:9pt;
	color:#000;
	text-align: left;
	text-decoration: none;
}





/* Contenido > Sponsors */
/*=========================================================*/

.box-sponsors{
	width:285px;
	height:400px;
	background:#fff;
	-moz-border-radius:8px;
	color:#333;
}

.box-sponsors div.des{
	position:relative;
	width:270px;
	height:386px;
	padding:4px;
}

.box-sponsors h4{
	margin:3px 0 5px 0;
	padding:8px 8px 8px 10px;
	color:#fff;
	background:url(../images/cab_box.gif) repeat-x;
	-moz-border-radius:5px;
	text-align:left;
}

.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:100px;
	height:100px;
	float:left;
	margin:10px 15px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:100px;
	border:1px solid #ddd;	
	background:url("../images/bg_flip.jpg") no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	position:absolute;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:10px 5px;
	font-style:italic;
	text-align: left;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	float:right;
	display:block;
	margin:25px 5px 0 0;
}

.clear{
	clear:both;
}




/* Contenido > Subfooter > Partners */
/*=========================================================*/

.partners{
	height:120px;
	background:#fff;
	-moz-border-radius:8px;
	color:#333;
}

.partners div h3{
	margin:8px;
	padding:8px 8px 8px 10px;
	color:#fff;
	background:url(../images/cab_box.gif) repeat-x;
	-moz-border-radius:5px;
	text-align:left;
}

.partners img{
	border:1px solid #000 !important;
	border-bottom:3px solid #000000;
}




/* Footer > Maquetación */
/*=========================================================*/

.footer{
	background:url(../images/bg_footer.gif) repeat-x top;
	height:270px;
}

.footer div.sitemap{
	display:block;
	width:900px;
	height:200px;
	margin:20px 0 0 20px;
	/*border:1px solid #ccc;*/
}

a.facebook, a.twitter{
	display:block;
	width:60px;
	height:75px;
}

a.facebook:hover, a.twitter:hover{
	background-position:0 75px;
}

a.facebook{
	float:left;
	background:url(../images/social_facebook.gif) 0 0;
}

a.twitter{
	float:right;
	background:url(../images/social_twitter.gif) 0 0;
}

.paypal{
	width:148px;
	height:52px;
	background:url(../images/paypal_accepted.gif) 0 0;
}

.paypal:hover{
	background-position:0 52px;
}

.cab, .mcab{
	color:#ccc;
}

.cab h4{
	margin:0 0 5px 0;
	background:#000;
	-moz-border-radius:3px;
	padding:3px 5px 3px 5px;
	width:160px;
}


.mcab a{
	display:block;
	width:160px;
	margin:0px 3px;
	padding:5px 2px;
	border-bottom:1px solid #333;
	color:#ccc;
	text-decoration:none;
	font-size:9pt;
}

.lastchild{
	border-bottom:0px !important;
}

.new{
	color:#FFCC00 !important;
}

.mcab a:hover{
	background:url(../images/bg_hover_sitemap.gif) repeat-x center;
	color:#fff !important;
}

.copyright{
	border-top:1px solid #111;
	padding:15px 0 0 0;
	font-size:8pt;
	color:#333;
}

.copyright a{
	color:#333;
	text-decoration:none;
	font-size:7pt;
}

.copyright a:hover{
	color:#fff;
}

.cms{
	float:right;
}

.cms a{
	display:block;
	height:33px;
	width:33px;
	background:url(../images/copyright_eenda-works.gif) no-repeat;;
}




/* Posición de Anunciantes */
/*=========================================================*/

.banner-500x80 img{
	border:0px;
	width:500px;
	height:80px;
}

.banner-468x60 img{
	border:0px;
	width:468px;
	height:60px;
}

.banner-468x60 img:first-child{
	margin:0 0px 0 0;
}





.box_alerta_temp div{
	display:block;
	padding:6px;
	background:#000;
	border:1px solid #cc0000;
	color:#999;
	text-align: left;
	border-radius: 4px;
	font:9pt Arial, Verdana, Helvetica;
}

.box_alerta_temp div span{
	color:#cc0000;
	font-weight: bold;
}

.box_alerta_temp span.label_alerta{
	float: left;
	display:block;
	width:32px; height:32px;
	background:url(../images/label_alerta.png) no-repeat top center;
	margin:-2px 6px 0 0;
}