/* importo los estilos del scroll*/
@import url(scroll.css);

/* importo los estilos del scroll*/
@import url(forms.css);


/*TAGS GENERALES------------------------------------------------------------ */

html{overflow:-moz-scrollbars-vertical;}

body {
	margin:0;
	padding:0;
	background:url(../images/background.jpg) center top no-repeat;
	background-color:#000000;
	font: normal 10px/12px Verdana, Helvetica, sans-serif;
}

#centrado2{
	position: absolute;
	width:1280px;			/* el ancho del site */
	height:836px;			/* el alto del site */	
	left:50%;		/* para centrarlo */		
	top: 50%;		/* para centrarlo */
	margin-left:-640px;		/* la mitad del ancho del site */
	margin-top:-518px;
	overflow:hidden;
}



/* CENTRADO*/
#centrado {
	position: relative;
	width:1004px;			/* el ancho del site */
	height: auto;			/* el alto del site */
	top:0;				/* para centrarlo */
	left:50%;				/* para centrarlo */
	margin-left:-502px;		/* la mitad del ancho del site */
}


table {border:0;padding:0;margin:0;}
td {text-align:left;background-repeat:no-repeat;}
img {display: compact;}
a img { border:none}


/* LINKS */
a, a:link {color:#003366; text-decoration:none; font-size:10px;}
a:hover {color:#666666; text-decoration:none;}


/* TEXTOS*/
p  {margin:0 ; padding:0; font: normal	12px/14px Courier, monospace; color: #FFF;}
h1 {margin:0 ; padding:0; font: bold	22px/24px Arial, sans-serif; color:#c50101;}
h2 {margin:0 ; padding:0; font: normal	16px/18px Arial, sans-serif; color:#FFF;}
h3 {margin:0 ; padding:0; font: normal	14px/16px Courier, monospace; color: #FFF;}

h5 { font-size: 14px; display: inline; background:none; }



/*MENU -------------------------------------------------------------- */
#menu {
	position:relative;
	width:1004px;
	height:79px;
	background: url(../images/bg-top.jpg);
	}
	
.btn {padding:24px 0 0 0;}	
.btn-menu {float:left;}	

/*BANNER HOME -------------------------------------------------------------- */
#btsdiv {
	position: absolute;
	width:auto;			/* el ancho del site */
	height: auto;			/* el alto del site */
	z-index:1;
	top:0;				/* para centrarlo */
	left:50%;				/* para centrarlo */
	margin-left:-600px;		
	}



/*LAYOUT ------------------------------------------------------------ */

#content {
	position: relative;
	width:1004px;
	min-height:505px; !important
	height: auto;
	_height: 505px;  /* para ie6 */
}

#content_ {
	margin: 0 auto;
	position: relative;
	width:1004px;
	min-height:475px; !important
	height: auto;
	_height: 475px;  /* para ie6 */
}


#ruta-nav {
	position: absolute;
	z-index:2;
	left:711px;
	top:9px;
	width:293px;
	height:31px;
}

.ruta  {
	font-size:17px;
	width:218px;
	height:22px;
	text-align:right;
}

.volver  {width:75px;height:22px;margin:3px 0 0 0;}

#detalle_prod {
	position: absolute;
	z-index:2;
	left:711px;
	top:53px;
	width:293px;
	height:445px;
}


#container_talle_colores {width:290px; float:left;}


.star-on{
	position: relative;
	float:left;
	width:22px;
	height:18px;
	background:url(../images/star-on.gif);
	font: bold 11px/13px Arial, sans-serif; color:#FFF;
	text-align:center;
	padding-top:4px;
	cursor:pointer;
}

.star-of{
	position: relative;
	float:left;
	width:22px;
	height:18px;
	background:url(../images/star-of.gif);
	font: bold 11px/13px Arial, sans-serif; color:#FFF;
	text-align:center;
	padding-top:4px;
	cursor:pointer;
}


.label-on{
	position: relative;
	float:left;
	width:22px;
	height:18px;
	background:url(../images/etiqueta-on.gif);
	font: bold 11px/13px Arial, sans-serif; color:#FFF;
	text-align:center;
	padding-top:4px;
	/*cursor:pointer;*/
}

.label-of{
	position: relative;
	float:left;
	width:22px;
	height:18px;
	background:url(../images/etiqueta-of.gif);
	font: bold 11px/13px Arial, sans-serif; color:DimGray;
	text-align:center;
	padding-top:4px;
	/*cursor:pointer;*/
}

.descripcion {margin:20px 0 0 0;}
.subtit {margin:15px 0 10px 0;}
.talles {width:290px; /*height:22px;*/ margin:0px 0 5px 0;}

.thumb-color{
	position: relative;
	float:left;
	width:28px;
	height:28px;
	margin:0 4px 0 5px;
}

.thumb-color img{border:#c50101 solid 1px;}
.bg-news {background: url(../images/bg-news.jpg) center top no-repeat #000;}

.articulos {
	position: absolute;
	z-index:2;
	left:14px;
	top:181px;
	width:194px;
	min-height:79px; 
	height: auto;
}

.bg-art {
	width:170px;
	background: url(../images/bg-articulos.jpg) no-repeat;
}

.bg-art p {font: normal 11px/13px Arial, sans-serif; color:#000;padding-left:15px; }	
.bg-art p:hover {color: #c50101;}
.fecha  {font: bold 11px/13px Arial, sans-serif; color:#FFF;background: url(../images/bg-articulos_separador.jpg) no-repeat; padding:8px 12px 12px 16px;margin-bottom:15px;}
	
#txt-art {
	position:absolute;
	left:243px;
	top:59px;
	width:425px;
	height:500px;
	}
	
#txt-art .tit-art {font: bold 22px/22px "Trebuchet MS", sans-serif; color:#e4e4e4;margin:0 0 25px 0;}

#txt-art p {font: normal 11px/18px "Trebuchet MS", sans-serif; color:#e4e4e4;margin:0 25px 0 -20px;}

#txt-art a {
	text-decoration: none;
	color: #CC0000;
}	

#txt-art a:hover {
	text-decoration: underline;
}
	
#txt-art .firma {
	font: bold 11px/13px "Trebuchet MS", sans-serif; 
	color:#e4e4e4;
	/*background: url(../images/firma.gif) no-repeat;*/
	width:265px;
	height:23px;
	padding:7px 0 0 10px;
	margin:25px 0 0 -20px;
}
#content-news {
	position: relative;
	width:1004px;
	height: 712px;
}

#column-der{
	position: absolute;
	z-index:2;
	left:682px;
	top:62px;
	width:322px;
	height:500px;
	}

#flash-polaroid {
	width:302px;
	height:328px;
	}

.files-rel{
	width:272px;
	height:80px;
	background: url(../images/bg-files-rel.jpg);
	margin:5px 0 0 0;
	padding:35px 0 0 16px;
	}

.links-rel{
	width:272px;
	height:80px;
	background: url(../images/bg-links-rel.jpg);
	margin:5px 0 0 0;
	padding:35px 0 0 16px;
	}
	
#column-der a {font: bold  11px/18px Verdana, sans-serif;color:#404040;}
#column-der a:hover {color:#c50101;}
.bg-media {background: url(../images/bg-media-center.jpg) center top no-repeat #000;}
.bg-lineas {background: url(../images/bg-lineas.jpg) center top no-repeat #000;}

.bg-curveid {background: url(../images/bg-curveid.jpg) center top no-repeat #000;}

#submenu-media {
	position: absolute;
	z-index:2;
	left:625px;
	top:31px;
	width:372px;
	height:55px;
	}
	
#cont-media {
	position: absolute;
	z-index:1;
	left:282px;
	top:27px;
	width:719px;
	height:476px;
}

.bts-media {float:left;}

.comerciales {background: url(../images/bg-comerciales.jpg);}
.wallpapers {background: url(../images/bg-wallpapers.jpg);}
.musica {background: url(../images/bg-musica.jpg);}
.makingoff {background: url(../images/bg-comerciales.jpg);}

.player-musica {
	position:relative;
	left:310px;
	top:80px;
	width:335px;
	height:121px;
	}
	
.lista-musica {
	position:relative;
	left:310px;
	top:90px;
	width:330px;
	height:201px;
	}
	
.tema {width:295px;height:50px;}	
.name {font: bold 8px/20px Courier, monospace; color: #000;}	
.time {font: normal 8px/10px Courier, monospace; color: #000;}	
.line {background:url(../images/lista-linea.gif) no-repeat;width:294px;height:24px;}
.table-wall {width:658px;height:379px;margin:65px 0 0 20px;}
	
.btn-wall {
	position: relative;
	z-index:2;
	left:30px;
	top:170px;
	width:150px;
	height:23px;
	color:#FFFFFF;
	}
	
.download {
	width:74px;
	height:20px;
	background: url(../images/btn-wallpaper.gif);
	font: normal 8px/12px Courier, monospace;
	text-align:center;
	padding:3px 0 0 0;
	color:#FFFFFF;
	}
	
.download a {color:#FFF}
.download a:hover {color:#fff}

.player-making {
	position: absolute;
	left:37px;
	top:82px;
	width:351px;
	height:337px;
}

.lista-making {
	position:absolute;
	left:432px;
	top:85px;
	width:258px;
	height:333px;
	overflow:auto;
	}
	
.video	{width:240px;height:60px;}	
.thumb-video{width:91px;height:59px;}
.data-video{width:149px;height:59px;}
	
.line-2	 {
	background: url(../images/line-video.gif) no-repeat;
	width:241px;
	height:18px;
	}
	
.player-comerciales {
	position: absolute;
	left:37px;
	top:82px;
	width:351px;
	height:337px;
}


/*PUNTOS DE VENTA----------------------------------------------------------- */
.bg-puntosVenta{background: url(../images/bg-puntos-venta.jpg) center top no-repeat #000;}

#content-puntosVenta {position:relative; width:1004px; height:580px;}

#cont-Mapa-puntoVenta {
	position: absolute;
	z-index:1;
	left:221px;
	top:55px;
	width:750px;
	height:495px;
}

.puntosVenta-buscador{
	position: absolute;
	z-index:2;
	left:30px;
	top:144px;
	width:139px;
	min-height:79px; 
	height: 71px;
}
.buscador-textarea{color:#fff; background-color:#5d5d5d; border: 1px solid #5d5d5d; width:120px; height:16px; padding:2px; margin-left:2px;
margin-right:10px; font-family:arial, Helvetica, sans-serif;font-size:10px;}


#puntosVenta-listado {
	position: absolute;
	z-index:2;
	left:21px;
	top:283px;
	width:171px;
	min-height:79px; 
	height: 275px;
}

#puntosVenta-listado p  {margin:0; padding:0; font:10px Arial, sans-serif; color:#000;}
#puntosVenta-listado h2 {margin:0; padding:0; font:12px Arial, sans-serif; color:#990000;}

.listado-shops {width:171px; height:250px;}

#puntosVenta-paginado {width:132px; height:20px; margin-left:25px;}
#puntosVenta-paginado a, #puntosVenta-paginado a:link {color:#000000; text-decoration:none; font-size:10px;}
#puntosVenta-paginado a:hover {color:#FF0000; text-decoration:underline;}



/*POPUP ----------------------------------------------------------- */
#popup {position:absolute; top:254px;left:41px; height:311px; width:539px; overflow:auto;
z-index:1; font-size:10px; color:#000;}

#popup p  {margin:0; padding:0; font:normal 11px Arial, sans-serif; color:#000;}



/* EMPRESA -------------------------------------------------------- */
.bg-empresa {background:url(../images/bg-empresa.jpg) center top no-repeat #000;}
#cont-empresa {position:relative; width:1002px; height:auto; padding-top:30px; overflow:hidden;}

/* menu linea de tiempo ------------------------------------------- */
#linea-tiempo {float:left; width:220px; height:280px; margin: 50px 0 0 45px;}
.cont-bts-linea-tiempo{width:190px; height:24px; text-align:center; float:right;}
.bt-fecha{width:68px; height:24px; margin:0 0 0 60px;}
.line-div-time{background:url(../images/linea-divisoria.jpg) no-repeat; width:170px; height:5px;}

/* textos y fotos ------------------------------------------------ */
.cont-fotos {float:left; width:277px; height:350px; margin-left:7px;}
#cont-textos{float:left; width:435px;height:310px; margin:100px 0 0 15px;}

#cont-textos p {margin:0 ; padding:0 5px 0 15px; font:normal 12px/13px Courier, monospace; color:#000;}

#cont-textos p a {
	color: #CC0000;
}

#cont-textos p a:hover {
	text-decoration: underline;
}

#continfo1, #continfo2, #continfo3, #continfo4, #continfo5, #continfo6, 
#continfo7, #continfo8, #continfo9, #continfo10, #continfo11, #continfo12, #continfo13,
#continfo14, #continfo15, #continfo16, #continfo17, #continfo18, #continfo19, #continfo20, #continfo21,
#listvideo01, #listvideo02, #listvideo03
{float:left; width:735px; height:400px;/*margin-left:275px;*/ overflow:hidden;}

/* WATERLESS -------------------------------------------------------- */

.bg-waterless {background: url(../images/bg-waterless.jpg) center top no-repeat #000;}

#wl_waterless {
	background-color:#FFFFFF;
	/*height:590px;*/
	width:984px;
}

#header_wl{
	margin:10px 0 0 0; background-color:#000000; width:984px; overflow:hidden;
}

#wl_colizquierda {
	padding:10px 0 0 15px;
}

#wl_colderecha {
	float:right; width:100px;
}

#wl_imagenvideo {
	float:right; padding:10px;
	margin:0;
}
.wl_social {
	width:300px; height: 22px; margin-top: 17px; padding-bottom: 30px; margin-left: 14px;
}
.wl_articulo {
	width:690px; float:left;
}

.wl_articulo a{
	color:#c4112e; font-size:11px; font-weight:bold;
}

.wl_articulo a:hover{
	color:#cccccc; font-size:11px; font-weight:bold;
}

.wl_articulo h1{
	font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#c4112e; font-weight:bold;
}

.wl_articulo p{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align: justify;
}

.wl_punteado{
	margin:5px 0 0 0;
}


#wl_info {
	width:690px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	background-color:#efefef;
}

#wl_info a{
	font-size:12px;
	color:#c4112e;
}

#wl_info a:hover{
	color:#707070;
}

.wl_descripcionvideo{
	background-color:#999999; margin:-2px 0 0 0; padding:4px;
}
.icono-share {
	width:109px; height: 22px; float:left;
}
.social {
float:left;
}
.icono-facebook {
margin-left:1px;
float:left;
}
.icono-twitter {
margin-left:7px;
float:left;
}

/* FORMULARIOS --------------------------------------------------- */
input {color:#908018;font-size:9px;
/*background-color:#fff;*/	margin-left:2px;margin-right:10px;padding:1px;height:18px;}
.inputlogin {color:#908018;font-size:9px;background-color:#fff;border: 1px solid #e1cea4;	margin-left:2px;margin-right:5px;padding:1px;height:18px;width:100px;}
.tel {color:#908018;font-size:9px;background-color:#fff;border: 1px solid #e1cea4;	margin-left:2px;margin-right:5px;padding:1px;height:18px;width:30px;}
textarea{color:#908018;/*background-color:#fff;*/ border: 1px solid #e1cea4;	width:85%;padding:2px;margin-left:2px;
margin-right:10px;font-family:arial, Helvetica, sans-serif;font-size:10px;}
radiobutton{border: 0;	margin:0;}
.sinborde{background-color:transparent;border:0;margin:0;}

select {
/*color:#908018;*/
color:#000000;
/*background-color:#fff;*/
border: 1px solid #e1cea4;
margin-left:3px;
margin-right:2px;
padding:2px;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family: "Courier New", Courier, monospace;
font-size:11px;
}

object {margin:0;padding:0;}



/*ELIMINAR BASURA------------------------------------------------- */
.clearAll{display:block;line-height:1px;height:1px;font-size:1px;clear:both;width:100%;}


/*PIE DEL SITIO---------------------------------------------------*/
#footer {
	position:relative;
	height:17px;
	width: 100%;
	/*background: #f0e8d4;*/
	background: #000;
	font: normal Tahoma 8px;
	color:#d52a20;
	padding: 4px 0 0 0;
	vertical-align:bottom;}

	
.link-footer {min-width:1000px;}
.link-footer a {color:#d52a20;}
.link-footer a:hover {color:#666;}

.logowebar{
	position:relative;
	top:3px;
}

.icons-social{
	position:relative;
	top:4px;
}



/*CLASES ÚTILES---------------------------------------------------*/
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}


/*DFR---------------------------------------------------*/
#footer-dfr {
	position:relative;
	height:17px;
	width: 100%;
	/*background: #f0e8d4;*/
	background: #000;
	font: normal Tahoma 8px;
	color:#d52a20;
	padding: 4px 0 0 0;
	margin-top:80px;
	vertical-align:bottom;}
	
/*#ci_principal{
float:left; width:752px; height:560px; padding:10px 10px 10px 5px;
}*/

#content_curveid {
	position: relative;
	width:1004px;
	min-height:505px; !important
	height: auto;
	margin:0 0 0 -5px;
	_height: 505px;  /* para ie6 */
}

#ci_principal{
float:left; width:752px; height:560px; padding:5px 0 0 0;
}

#ci_principal_cat{
float:left; width:752px; height:560px; padding:10px 0 0 0;
}

#ci_derecha1{
float:left; width:225px; height:385px; padding:10px 0px 8px 10px;
}

#ci_derecha2{
float:left; width:225px; height:162px; padding:0px 0px 0px 10px;
}

#ci_derecha1_cat{
float:left; width:225px; height:385px; padding:10px 0px 8px 0px;
}

#ci_derecha2_cat{
float:left; width:225px; height:162px; padding:0px 0px 0px 0px;
}


/*EXPLORE---------------------------------------------------*/

.bg-explore {background: url(../images/bg-explore.jpg) center top no-repeat #000;}

#wrapper_explore {
	margin: 15px 100px 15px 0 ;
	position: relative;
	width:1014px;
	min-height:475px; !important
	height: auto;
	_height: 475px;  /* para ie6 */
}

#explore_derecha{width:370px; float:left;}

#explore_izquierda{width:616px; margin-right:10px; float:left;}

*{ padding:0px; margin:0px; }

.link_explore{ 
color:#000000; 
font-size:14px; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;  
}

.h3_boxgrid{ 
margin: 5px 10px 0 10px; 
color:#c4c3c1; 
font-size:12px; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;  
}
			
.boxgrid{ 
width: 370px; 
height: 228px; 
margin:3px; 
float:left; 
background:#161613; 
/*border: solid 2px #8399AF; */
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding: 0 10px; 
color:#c4c3c1; 
font-weight:bold; 
font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.boxgrid p a{ 

color:#ffffff; 
font-weight:bold; 
font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.boxgrid p a:hover{ 

color:#cccccc; 
font-weight:bold; 
font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 118px; 
width: 370px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
top: 10;
left: 0;
}

.caption .boxcaption {
top: 205;
left: 0;
}
				
.thumb_content {
background-color:#3d3834; margin-top:5px; height:100px;
}

.boxcaption1 {	float: left; 
position: absolute; 
background: #000; 
height: 118px; 
width: 370px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

*grande{ padding:0px; margin:0px; }

h3_boxgridgrande{ margin: 5px 10px 0 10px; color:#c4c3c1; font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;  font-weight: bold;  }

.boxgridgrande{ 
width: 616px; 
height: 463px; 
margin:2px; 
float:left; 
background:#161613; 
/*border: solid 2px #8399AF; */
overflow: hidden; 
position: relative; 
}

.boxgridgrande img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgridgrande p{ 
padding: 0 10px; 
color:#c4c3c1; 
font-weight:bold; 
font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
				
.boxcaptiongrande{ 
float: left; 
position: absolute; 
background: #000; 
height: 463px; 
width: 616px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfullgrande .boxcaptiongrande {
top: 10;
left: 0;
}

.captiongrande .boxcaptiongrande {
top: 440;
left: 0;
}
				
.thumb_contentgrande {
background-color:#3d3834; margin-top:5px; height:100px;
}

.boxcaption1grande {
float: left; 
position: absolute; 
background: #000; 
height: 463px; 
width: 616px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#workwear{
	margin:5px 0 0 -16px;
}

/*PÁGINA ERROR------------------------------------------------------------ */

a.error_volver {
  display: block;
  width: 103px;
  height: 30px;
  background:url(../images/error_es_volver.jpg);
  text-indent: -9999px;
}

a.error_volver:hover {
  background-position: 0 -30px;
}

.content_error {
  padding:95px 0 0 175px;
}

.volver_error {
  float:left; margin-left:425px;
}