
/*///////////////////////////////*/	
/*/////////LAYOUT////////////*/
/*///////////////////////////////*/


/*///////////////////////////////*/	
/*/////////CAROUSEL////////////*/
/*///////////////////////////////*/


/*loading graph*/
#loadingGraph {
	width: 40px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
	z-index: 500;
	position: absolute;
	/*background-color: #FF0000;*/
	} 
	
	#loadingGraph div {
		position: absolute;                   
		top: 0;                               
		left: 0;                              
		width: 40px;                          
		height: 480px;                        
		background-image: url(../img/fancyBox/fancybox.png);
		}
		
		
/*load error*/
#loadError {
	color: #FC9803;
	white-space: nowrap;
	position: absolute;
	z-index: 500;
	/*background-color: #FF0000;*/
	}
		
		

/*carousel*/
#header #carousel {
	margin: 0px auto;
	width: 986px;
	height: 255px;
	position: relative;
	clear: both;
	border-bottom: 1px solid #FFFFFF;
	background: url(../img/carousel_bkg.jpg) 0px 0px no-repeat;
	}
				
	/*carousel container*/				
	#header #carouselContainer, #header #carouselClone {  
		padding: 0px;
		left: 50px;
		top: 0px;
		width: 900px;
		height: 255px;
		position: absolute;
		z-index: 2;
		
		/*jQuery Setup*/
		overflow: hidden;
		visibility: hidden;
		
		/*background: #2FE88F;*/
		}
		
	#header #carouselClone {
		display: none;
		visibility: visible;
		}


	/*controls*/
	#carousel #controlPrev, #carousel #controlNext {
		left: 15px;
		top: 108px;
		width: 24px;
		height: 49px;
		z-index: 5;
		display: block;
		position: absolute;
		/*background-color: #FF00FF;*/
		}
		
	 #carousel #controlNext {
		left: auto;
		right: 15px;
		}
		
	#carousel #controlPrev a:link, #carousel #controlPrev a:visited, #carousel #controlNext a:link, #carousel #controlNext a:visited {
		width: 24px;
		height: 49px;
		line-height: 0px;
		outline-style: none;
		display: block;
		background: url(../img/slider_nav.png) no-repeat -16px 0px;
		/*background-color: #FFFFFF;*/
		}
		
	#carousel #controlNext a:link, #carousel #controlNext a:visited {
		background-position: right 0px;
		}
		
	#carousel #controlPrev a:hover, #carousel #controlPrev a:active {
		background-position: -16px -56px;
		}
		
	#carousel #controlNext a:hover, #carousel #controlNext a:active {
		background-position: right -56px;
		}


	/*Items (carousel container)*/
	#carousel .item {
		padding: 0px;
		bottom: 19px;
		width: 150px;
		height: 220px;
		/*overflow: hidden;*/
		display: block;
		z-index: 10;
		/*background: #FF0000;*/
		}
		

	/*Imagen (carousel container)*/
	#carousel .item .imagen {
		padding-right: 18px;
		width: 132px;
		left: 0px;
		bottom: 0px;
		position: absolute;
		/*background-color: #b6b68e;*/
		}
		
		#carousel .item .imagen a {
			display: inline-block;
			}
		
		/*Novedad (carousel container)*/
		#carousel .item .imagen .novedadIco {	
			left: -4px;
			top: -4px;
			width: 60px;
			height: 60px;
			background-position: 0px 0px;
			}
			
		/*Oferta (carousel container)*/
		#carousel .item .imagen .ofertaIco {	
			right: -18px;
			bottom: 8px;
			width: 53px;
			height: 53px;
			background-position: 0px 0px;
			}
			
	/*sombras (carousel container)*/
	#carousel .item .imagen .rightShadow {
		right: 0px;
		bottom: 0px;
		width: 18px;
		height: 85px;
		display: block;
		position: absolute;
		background: /*#f3fc00*/ url(../img/carouselItem_shadow.png) right 0px no-repeat;
		}
		
	#carousel .item .imagen .bottomShadow {
		height: 2px;
		display: block;
		position: relative;
		z-index: 20;
		background: /*#ffffff*/  url(../img/carouselItem_shadow.png) left bottom no-repeat;
		}
				
	/*valoracion (carousel container)*/

	/*redes sociales (carousel container)*/

	/*preview Google (carousel container)*/
			
	/*datos (carousel container)*/

	/*descripcion (carousel container)*/
	#carousel .item .descripcion {
		display: none;
		}
		
	/*precio Normal (carousel container)*/
	/*precio Oferta (carousel container)*/
			
	/*estado stock*/
				
	/*comprar*/

				
	/*Default Globe*/	
	#carousel .item .globe {
		bottom: 10px;
		width: 223px;
		height: auto;
		font-size: 0px;
		line-height: 0px;
		text-align: right;
		display: none;
		position: absolute;
		overflow: hidden;
		z-index: 10;
		cursor: pointer;
		/*background: #FF0000;*/
		}
		
		/*Bloque Titulo*/
		#carousel .item .globe .titBlock {
			padding: 10px 14px 0px 25px !important;
			width: 184px;
			text-align: left !important;
			overflow: hidden;
			float: none;
			background: /*#FFF000*/ url(../img/tooltip_bkg.png) 0px 0px no-repeat;
			}
			
			#carousel .item .globe .titBlock h2 {
				padding: 0px 7px 6px 7px;
				font-size: 14px;
				line-height: 15px;
				position: relative;
				/*background: #000000;*/
				}
			
			#carousel .item .globe .titBlock h2 a:link, #carousel .item .globe .titBlock h2 a:visited {
				padding: 0px;
				display: block;
				}
				
			#carousel .item .globe .titBlock h2 a:hover, #carousel .item .globe .titBlock h2 a:active {
				text-decoration: none;
				}
			
			#carousel .item .globe .titBlock h2 strong {
				font-size: 11px;
				line-height: 12px;
				letter-spacing: 0px;
				/*background: #8A2F97;*/
				}
				
			/*Autor*/
			#carousel .item .globe .titBlock .autor {
				padding: 4px 0px 2px 10px;
				color: #FFFFFF;
				font-size: 9px;
				line-height: 12px;
				position: relative;
				background: #b2285a;
				}
				
					#carousel .item .globe .autor cite {
						font-size: 11px;
						line-height: 12px;
						}
						
			/*Editorial*/
			#carousel .item .globe .editorial {
				padding: 0px !important;
				margin: 0px !important;
				height: 0px;
				width: 0px;
				font-size: 0px;
				line-height: 0px;
				overflow: hidden;
				visibility: hidden;
				display: block;
				position: absolute;
				}
					
					
		/*Precio*/
		#carousel .item .globe .pvp {
			padding: 17px 24px 0px 0px;
			height: 36px;
			text-align: right;
			position: relative;
			background: /*#3D2BA7*/ url(../img/tooltip_bkg.png) 0px bottom no-repeat;
			}
			
			#carousel .item .globe .pvp strong {
				font-size: 20px;
				line-height: 21px;
				color: #ffffff;
				}
				
		/*precio Oferta*/
		#carousel .item .globe .pvp.oferta {
			padding-top: 9px;
			padding-bottom: 11px;
			/*background-color: #00f00f;*/
			}
			
			#carousel .item .globe .pvp.oferta .antes {
				padding: 5px 0px 0px 0px;
				color: #FFFFFF;
				display: inline-block;
				/*background: #00ff00;*/
				}
				
				#carousel .item .globe .pvp.oferta .antes del {
					margin-top: -2px;
					display: block;
					}
					
			#carousel .item .globe .pvp.oferta strong {
				padding-left: 5px;
				display: inline-block;
				}
					
				#carousel .item .globe .pvp.oferta strong span {
					padding: 0px;
					display: block;
					}
			
	
			
	/*Globe on Right*/	
	#carouselContainer .item .globe.globeRight {
		}
			
		/*Bloque Titulo*/
		#carousel .item .globe.globeRight .titBlock {
			padding-right: 33px !important;
			padding-left: 6px !important;
			background-position: -224px 0px;
			}     
		
		/*Precio*/	
		#carousel .item .globe.globeRight .pvp, #carousel .item .globe.globeRight .pvp.oferta {
			padding-right: 45px;
			background-position: -224px bottom;
			}					
		