/********************************************
	
 *	CSS RSF									*
 *	Archivo  	:	style.css				*
 *	@author    	: 	dealfil comunicacion   	*
 *	@author 	: 	info@dealfil.com   		*
 *	@version	:	1.0						*
 *											*
 *  Descripción	:	Estilo general para 	*
 *					RSF						*
 *											*
 *				www.dealfil.com				*
 
 ********************************************/

* {
	margin:0;
	padding:0;
}
html, body{
	height:100%;
	width:100%;
}
body {
	background:#1a1e26 url(../images/indexbg.jpg) no-repeat;
	font-family: "Lucida Grande", sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color:#FFF;
}
/******************************** GENERAL ********************************/
img{
	border:0px;
}
a{
	text-decoration:none;
	outline:none;
}
#wrap{
	width:100%;
	height:551px;
}

/******************************** CONTENIDO LEFT ********************************/
#left{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:373px;
	height:auto;
}
.sombra{
	height:395px;
	width:45px;
	position:absolute;
	z-index:10000;
	background:url(../images/rsf_sombra_izq.png) no-repeat top right;
	behavior: url("iepngfix.htc");	
}
#logo{
	width:222px;
	height:119px;
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	margin:7px 0px 0px 120px;
}

/******************************** CONTENIDO RIGTH ********************************/
#rigth{
	position:absolute;
	top:0px;
	left:373px;
	width:auto;
	height:95%;
	padding-bottom:20px;
	
}
#rigth p strong{
	color:#00f6ff;
}
/******* HEADER *******/

#header{
	height:87px;
	width:100%;
}
#header a#volver{
	background:url(../images/volver.png) no-repeat left 0px;
	height:19px;
	width:50px;
	display:block;
	margin-top:14px;
	margin-left:690px;
	padding-left:23px;
	padding-top:1px;
	color:#00f6ff;
}
#header a#volver:hover{
	background:url(../images/volver.png) no-repeat left -20px;
	color:#ffffff;
}
ul#header-menu{
	height:67px;
	width:550px;
	margin:20px 0px 0px 257px;
	padding:0px;
	list-style:none;
}
ul#header-menu li{
	height:67px;
	width:auto;
	margin:0px;
	padding:0px;
	float:left;
	margin:0px 15px;
}
ul#header-menu li a{
	color:#FFF;
}
ul#header-menu li a:hover{
	color:#00e6ef;
}
ul#header-menu li a.active{
	color:#00e6ef;
}

/******* CONTENIDO *******/
#contenido{
	height:auto;
}
/******* MENU *******/
.menu {
	position:relative; 
	top:-20px; 
	width:0px;
}
.supermenu{
	z-index:10000;
}
div.jqDock {background-color:transparent;}


/******* CATALOGO SCROLL *******/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	z-index:9999;
	height: 232px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 232px;
	/* max width here, for users without javascript */		
	padding: 0; 
	/* removing default styling */
	margin: 0;		
	list-style: none;
	background:#000;
	
}
.sc_menu li {
	position:relative;
	display: block;
	float: left;	
	width:200px;
	padding:0px;
	margin:0px;
	background:#fff;
	height:200px;
	margin-right:1px;
	margin-top:1px;
	/*padding-top:10px;*/
}
.sc_menu a {
	display: block;
	text-decoration: none;
	z-index: 10000;
	position: relative;
	cursor: pointer;
}
.sc_menu span.info {
	display: block;
	padding-top: 7px;
	text-align: center;
	color: #fff;
	font-weight:bold;
	height:21px;
}
.sc_menu a.casco {
	height:auto;
}
.sc_menu a:hover span.info {
	display: block;
}
.sc_menu a span span.blue {
	color:#00e6ef;
}
.sc_menu a img {
	position:relative;
	z-index:-1;
}
.sc_menu a img {
	filter:alpha(opacity=50);
	opacity: 0.5;
}
.sc_menu a:hover img {
	filter:alpha(opacity=100);	
	opacity: 1;
}


/******************************** FOOT ********************************/
#foot{
	position:absolute;
	bottom:0px;
	overflow:hidden;
	left: 0px;
	height:31px;
	width:100%;
	background:#111417;
	z-index:22100;
}
html>body #foot {
  position:fixed;
} 
#wrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}
html>body #wrap {
  position:static;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
}
/*#foot{
	position:absolute;
	bottom:0px;
	overflow:hidden;
	left: 0px;
	height:31px;
	width:100%;
	background:#111417;
	z-index:10000;
}*/
#foot ul{
	margin:0px;
	padding:0px;
}
#foot ul li{
	list-style:none;
	height:31px;
	width:33.1%;
	float:left;
}
#foot ul a#news{
	background:url(../images/news.jpg) no-repeat center -31px;
	height:31px;
	width:100%;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#foot ul a#calendario{
	background:url(../images/calendario.jpg) no-repeat center -31px;
	height:31px;
	width:100%;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#foot ul a#ofertas{
	background:url(../images/ofertas.jpg) no-repeat center -31px;
	height:31px;
	width:100%;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}

#foot ul a#news:hover,
#foot ul a#calendario:hover,
#foot ul a#ofertas:hover{
	background-position:center 0px;
}
#foot ul a#news.active,
#foot ul a#calendario.active,
#foot ul a#ofertas.active{
	background-position:center -61px;
}
#foot_wrap{
	/*width:920px;*/
	width:72%;
	height:221px;
	margin:31px auto 0px auto;
}
/** NEWS **/
.news{
	display:none;
}
#news-left{
	width:700px;
	height:200px;
	float:left;
	overflow:hidden;
}



.cargando{
	background:url(../images/ajax-loader.gif) no-repeat center center;
}
#news-principal{
	width:666px;
	min-height:118px;
	background:#292c2f;
	margin-left:20px;
	padding:7px;
	cursor:pointer;
}

#news-principal img{
	float:left;
	margin-right:14px;
}
#news-texto{
	display:none;
	color:#FFF;
	text-align:justify;
	padding-right:7px;
}
#old-texto{
	color:#FFF;
	text-align:justify;
	padding-right:7px;
}
#news-principal span,#news-principal a,.news-secundarias a{
	text-decoration:none;
	color:#00e6ef;
	display:block;
	font-size:12px;
}
#news-principal a,.news-secundarias a{
	font-weight:bold;
	font-size:13px;
}
.news-secundarias{
	margin-left:23px;
    margin-right:8px;
	margin-top:10px;
	width:190px;
	height:50px;
	float:left;
	cursor:pointer;
	padding:6px;
}
.news-secundarias:hover{
	background:#292c2f;
}
#mas-noticias{
	position:absolute;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color:#00e6ef;
	text-decoration:none;
	margin-left:643px;
}
a.mas-noticias{
		display:block;
		width:100%;
		height:20px;
        padding-top:3px;
		text-decoration:none;
		color:#fff;
		border-bottom:1px solid #404b55;
        margin-left:20px;
}
a.mas-noticias span{
		color:#00e6ef;
		margin-right:20px;
}
#next-noticias{
	position:absolute;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color:#00e6ef;
	text-decoration:none;
	left:845px;
}
#prev-noticias{
	position:absolute;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color:#00e6ef;
	text-decoration:none;
	left:865px;
}
#publi{
	width:auto;
	height:221px;
	float: left;
	margin-left:20px;
}
#publi span{
	position:absolute;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color:#404b55;
}
/** CALENDARIO **/
.calendario{
	display:none;
}
#calendario-left{
	width:282px;
	height:192px;
    margin-left:-7px;
	float:left;
}
#calendario-rigth{
	height:190px;
	width:402px;
	float:left;
	overflow:hidden;
}
#calendario-rigth .eventos{
	clear:both;
	margin-bottom:15px;
	cursor:pointer;
	padding:10px;
	height:70px;
	width:350px;
}
#calendario-rigth .eventos:hover{
	margin-bottom:15px;
	background:#292c2f;
}
#calendario-rigth .eventos span,#calendario-rigth .eventos a{
	text-decoration:none;
	color:#00e6ef;
	display:block;
	font-size:12px;
}
#calendario-rigth .eventos span{
	font-weight:bold;
	font-size:13px;
}
/** OFERTAS **/
.ofertas{
	display:none;
}
#oferts-left{
	width:700px;
	height:200px;
	float:left;
	overflow:hidden;
}
#oferts-principal{
	width:666px;
	height:193px;
	background:#292c2f;
	margin-left:10px;
	padding:7px;
	cursor:pointer;
	display:block;
    color:#fff;
}
#oferts-principal img{
	float:left;
	margin-right:14px;
}
#oferts-principal span,#oferts-principal div,.news-secundarias a{
	text-decoration:none;
	color:#00e6ef;
	display:block;
	font-size:12px;
}
#oferts-principal p{
	color:#FFF
}
#oferts-principal .nombre,.oferts-secundarias .nombre{
	font-weight:bold;
	font-size:13px;
}
#oferts-principal .descripcion-oferta{
    color:#ffffff;
}


#next-calendario{
	position:absolute;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color:#00e6ef;
	text-decoration:none;
	left:880px;
	display:none;
}
#prev-calendario{
	position:absolute;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color:#00e6ef;
	text-decoration:none;
	left:900px;
	display:none;
}



/*DATEPICKER*/
.prev,.next{
	cursor:pointer;
}
.selecion_meses{
	background:#000;
}
.meses_activo{
	text-align:center;
	color:#00e6ef;
	text-transform:uppercase;
	font-size:14px;
	height:27px;
}
.dias{
	text-align:center;
	font-size:12px;
	height:27px;
	background:#292c2f;
	border-right:1px solid #000;
	width:37px;
}
.celda{
	height:27px;
	text-align:center;
	background:#292c2f;
	border-right:1px solid #000;
	width:37px;
	cursor:pointer;
}
.celda:hover{
	background:url(../images/dialogo_datepicker.jpg) no-repeat;
}
.celda_dia_activo_inactiva{
	color:#3b3e41;
}
.dialogo{
	background:url(../images/dialogo_datepicker.jpg) no-repeat;
	width:37px;
	height:27px;
	margin:0;
	padding:0;
}
.dialogo a{
	color:#00e6ef;
	text-decoration:none;
	width:37px;
	height:27px;
}




/******************************** CASCO ********************************/
div #casco-left{
	margin-top:20px;
	margin-left:3px;
	width:380px;
	float:left;
}
div #casco-rigth{
	margin-top:20px;
	width:425px;
	float:left;
	padding-top:20px;
}
div #casco-rigth h4{
	font-size:14px;
	color:#00e6ef;
}
div #casco-rigth h5{
	margin-top:15px;
	font-size:13px;
	color:#00e6ef;
}
div #casco-rigth p{
	margin-top:10px;
	font-weight:normal;
}
div #casco-rigth div{
	height:20px;
	margin-bottom:10px;
	font-weight:bold;
}
div #casco-rigth div#precio-input{
	color:#00e6ef;
	margin-top:30px;
}
div #casco-rigth div#precio-input span{
	color:#fff;
	display:inline-block;
	font-weight:bold;
	margin-left:40px;
	width:181px;
	height:16px;
	padding:2px 5px;
	background:url(../images/precio_input.jpg) no-repeat;
	font-size:9px;
}
div #casco-rigth div#precio-input span strong{
	color:#00e6ef;
	font-size:12px;
}
div #casco-rigth div label{
	display:inline-block;
	width:40px;
}
div #casco-rigth div select{
	margin-left:36px;
	width:191px;
	height:20px;
}
div #casco-rigth div #abrirPop{
	width:115px;
	height:20px;
	padding-left:20px;
	border:0px;
	margin-left:20px;
	color:#00e6ef;
	background: url(../images/comprar.png) no-repeat left 0px;
	font-weight:bold;
	/*background:url(../images/comprar.png) no-repeat;*/
	cursor:pointer;
}
div #casco-rigth div #abrirPop:hover{
	color:#ffffff;
	background: url(../images/comprar.png) no-repeat left -20px;

}

ul#galeria-thumbs{
	margin-top:20px;
	overflow:hidden;
	list-style-type:none;
	margin-top:15px;
	padding:0px;
	margin-bottom:80px;
}
ul#galeria-thumbs li{
	margin-right:15px;
	border:5px solid #44505e;
	width:45px;
	height:45px;
	float:left;
}
ul#galeria-thumbs li:hover{
	margin-right:15px;
	border:5px solid #fff;
	width:45px;
	height:45px;
	float:left;
}
ul#galeria-thumbs li a{
	width:45px;
	height:45px;
}

body .buscar{
	position:absolute;
	left:470px;
	top:67px;
	width: 300px;
	height:19px;
	margin-top:70px;
}

#f_buscar{
	background:#44505e;
	border-top:1px solid #101a1c;
	border-bottom:1px solid #555e6f;
	border-left:1px solid #555e6f;
	border-right:0px;
	width:216px;
	height:18px;
	*height:17px;
	color:#FFF;
	*padding-top:2px;
	padding-left:5px;
	display:inline-block;
}
#buscar-submit{
	background:url(../images/buscar-submit.jpg) no-repeat;
	height:22px;
	*height:20px;
	margin-left:-3px;
	margin-top:-19px;
	*margin-top:-23px;
	width:21px;
	border:0px;
	display:inline-block;
	cursor:pointer;
	position:relative;
	top:3px;
	*tip:-3px;
}




/**************************************************************************
ESTILOS PARA LA VENTANA POPUP 20090323@JCP
***************************************************************************/
#ventanaNegra{
	background-color:#000;  	/* Le damos la el color de la opacidad. */
	opacity:0.65; 				/* Este valor mostrará la intensidad de la opacidad. */
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:10000;
	width:100%;
	display:none;
	height:100%;
}
#capaPopUp {
	background-color:#000;  	/* Le damos la el color de la opacidad. */
	/*opacity:0.65;*/ 				/* Este valor mostrará la intensidad de la opacidad. */
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:10001; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
	top:0; 						/* Para que posicione la capa al punto '0' del top de la página. */
	left:0; 					/* Para que posicione la capa al punto '0' a la izquieda de la página. */
	width:300px; 				/* El valor por defecto que tendrá que expandirse. */
	padding:20px 0px 140px 0px;
	 				/* El valor por defecto que tendrá que expandirse. */
	height:450px;
	display:none;				/* Por defecto estará desactiva */
	border:1px solid #FFF;
}
#popUpDiv {
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:10002; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */
	overflow:auto;				/* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
	left:50%; 					/* Para posicionar horizontalmente la capa al centro de la página */
	display:none; 				/* Por defecto estará desactiva */
	top:50%; 					/* Para posicionar verticalmente la capa al centro de la página */
}
/**************************************************************************
ESTILOS PROPIOS DEL POPUP 20090323@JCP
***************************************************************************/
#capaContent {
	display:block;
	width:400px; 				/* Necesario para que el script centre la capa horizontalmente en la página */
	height:200px;				/* Necesario para que el script centre la capa verticalmente en la página */
	background-color:#FFF;
}
a#cerrar{
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:9002;
	cursor:pointer;
	right:200px;
	top:10%;
}
a#cerrar:hover{
	text-decoration:underline;
}

#nombre_cliente, #email,#telf{
	background:#44505e;
	border-top:1px solid #101a1c;
	border-bottom:1px solid #555e6f;
	border-left:1px solid #555e6f;
	border-right:0px;
	width:216px;
	height:18px;
	*height:17px;
	color:#FFF;
	*padding-top:2px;
	padding-left:5px;
	display:block;
	margin-bottom:10px;
}
#precio_printf, #nombre_printf, #accesorio_printf, #tamanyo_printf, #accesorios_precio_total{
	background: #333;
	border-top:1px solid #101a1c;
	border-bottom:1px solid #555e6f;
	border-left:1px solid #555e6f;
	border-right:0px;
	width:216px;
	height:18px;
	*height:17px;
	color:#FFF;
	*padding-top:2px;
	padding-left:5px;
	display:block;
	margin-bottom:10px;
}
#datos-submit,#comprar-submit{
	width:auto;
	height:20px;
	border:0px;
	margin-left:110px;
	color:#00e6ef;
	background:transparent;
	font-weight:bold;
	/*background:url(../images/comprar.png) no-repeat;*/
	cursor:pointer;
}
.mensaje_ok,.mensaje_ko{
	margin:0px 0px 20px 40px;
	font-family: "Lucida Grande", sans-serif;
	
}
.mensaje_ok{
	width:225px;
	padding:6px 0px;

}
.mensaje_ko{
	background:#000;
	color:#fff;
	width:225px;
	padding:6px 0px;
	display:none;
}


.supersize {
	width:330px;
	height:330px;	
	position: relative;
	z-index: 1;
	background: #fff;
}
.supersize img{
	width:330px;
	height:330px;	
}



.supersize img.activeslide {
	display: inline;
}






#ventanaNegra2{
	background-color:#000;  	/* Le damos la el color de la opacidad. */
	opacity:0.65; 				/* Este valor mostrará la intensidad de la opacidad. */
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:10000;
	width:100%;
	display:none;
	height:100%;
}
#cascosPopUp {
	background-color:#000;  	/* Le damos la el color de la opacidad. */
	/*opacity:0.65;*/ 				/* Este valor mostrará la intensidad de la opacidad. */
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:10001; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
	top:0; 						/* Para que posicione la capa al punto '0' del top de la página. */
	left:0; 					/* Para que posicione la capa al punto '0' a la izquieda de la página. */
	width:450px; 				/* El valor por defecto que tendrá que expandirse. */
	padding:20px 0px 80px 0px;
	 				/* El valor por defecto que tendrá que expandirse. */
	height:200px;
	display:none;				/* Por defecto estará desactiva */
	border:1px solid #FFF;
}
#cascospopUpDiv {
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:10002; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */
	overflow:auto;				/* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
	left:50%; 					/* Para posicionar horizontalmente la capa al centro de la página */
	display:none; 				/* Por defecto estará desactiva */
	top:50%; 					/* Para posicionar verticalmente la capa al centro de la página */
}
#cascosPopUp table{
	color:#fff;
	margin:0 auto;
	width:90%;
	font-size:12px;
}
#cascosPopUp table td{
	text-align: center;
}
#cascosPopUp table td.left{
	text-align: left;
}