/* 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 */
}


#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;}

#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
{float:left; width:735px; height:400px;/*margin-left:275px;*/ overflow:hidden;}



/* 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;}


/*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;
}

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

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