/************************************************/  
/* CSS 2.0 general.css - iocoo                  */
/* @date: November 2008                         */
/* @update: November 2009                       */
/* @author: NetConsulting                       */
/* @web: www.netconsulting.es                   */
/************************************************/                       
                
/*-- GENERALES --*/
body{
	margin:0;
	padding:0;
	color:#666;
	font-family:"Trebuchet MS", Tahoma ;
	background:url(/images/publica/bg_body.jpg) repeat-x top left #c9d647;
}


.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;
	clear: both;
	float: none;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

ul, ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#content a { 
	text-decoration:none; 
	color:#ff6000;
}
	#content a:hover{ color:#c9d647; }
		
	a.selected{}
	
a img{ border: 0; }


/* CANVAS ***************************************************************************************/
#canvas{
	width:970px;
	min-height:610px;
	margin:0 auto;
	padding:0px 0 40px 0;
}

	/* HEADER ***************************************************************************************/
	#header{
		width:970px;
		height:87px;
		margin-bottom:30px;
		background:url(../../images/publica/bg_menu.jpg) no-repeat bottom right;
	}
		/*-- LOGOTIPO-IOCOO --*/
	
		#logotipo-iocoo{
			float:left;
			width:203px;
			height:87px;
			background:url(../../images/publica/logotipo-iocoo.jpg) no-repeat top left;
		}
			#logotipo-iocoo a{ outline:none;}
			
			#logotipo-iocoo a span{ border:1px solid; position:absolute; top:-1000px;}
	
		/*-- MENU --*/
		#menu{
			float:left;
			width:748px;
			height:52px;
			padding:25px 0 0 12px;
		}
			#menu li{
				float:left;
				width:80px;
				height:39px;
				padding-top:10px;
				padding:10px 0 0 10px;
				text-align:center;
				border-right:1px dotted #ddd;
			}
				#menu li a{
					font-size:70%;
					font-weight:bold;
					text-transform:uppercase;
					color:#aba8a8;
					text-decoration:none !important;
				}
					#menu li a:hover{ color:#c9d647; border-bottom:1px dotted; }
							
				#menu li.selected{
					background:url(../../images/publica/bg_item_menu.jpg) no-repeat top left;
					border:0;
				}
					#menu li.selected a{ color:#fff; }

				#menu li.last-item{ border:0; }
				
				
				/*-- SUBMENU --------------------------------------------------------------------------------*/
				#submenu2{ display:none;}
				
				#submenu{
					float:left;
					clear:both;
					width:748px;
					margin-left:215px;
					background:url(/images/publica/bg_submenu.jpg) no-repeat top left;
					height:40px;
					margin-top:-10px;
				}
				
					#submenu li{
						float:left;
						width:auto;
						height:25px;
						line-height:80%;
						padding:15px 10px 0 10px;
						text-align:center;
					}
					#submenu li a{
						font-size:70%;
						font-weight:bold;
						color:#fff;
						padding:0 3px;
						text-transform:uppercase;
					}
						#submenu li a:hover, #submenu li.selected a{ 
							color:#ff6000; 
							background:#fff;
						}
		
			
		
	/* CONTAINER ***************************************************************************************/
	#container{
		clear:both;
		width:970px;
	}
	
		/* SIDEBAR-LEFT ***************************************************************************************/
		#sidebar-left{ 
			float:left;
			margin-right:10px;
			width:203px;
			position:relative;
		}
			#sidebar-left h1, #sidebar-left h2, #sidebar-left h3{ 
				font-size:70%;
				font-weight:bold;
				color:#ff6000;
				text-align:center;
				width:153px;
				height:55px;
				margin:0 0 0 45px;
				padding:0 0 0 0;
				line-height:17px;
				font-family:"Trebuchet MS";
			}
			
				#sidebar-left h1 span, #sidebar-left h2 span, #sidebar-left h3 span{
					clear:both;
					color:#ff3399;
					font-size:120%;
				}
		
			/*-- SEARCHER --*/
			#searcher{
				width:203px;
				height:auto;
				padding-top:5px; padding-bottom:10px;
				background:url(../../images/publica/bg_searcher.jpg) no-repeat top left;
				position:relative;
			}
				#searcher #roboto{ margin-left:5px;}
			
				#searcher .f_general{ margin:8px 20px;}
				
					#searcher .f_general label{ 
						display:block;
						color:#fff;
						font-weight:bold;
						font-size:90%;
					}
					
					#searcher .f_general select{
						display:block;
						width:100%;
						border:1px solid #ddd;
					}
					
						#searcher .f_general select:hover{ border:1px solid #ff8e00; }
						
					#searcher .f_submit{
						display:block;
						width:100%;
						margin-top:15px;
					}
						
						#searcher .f_submit input{
							background:url(../../images/publica/bt_buscar.gif) no-repeat top left;
							border:0;
							display:block;
							width:70px;
							height:20px;
							font-size:60%;
							font-weight:bold;
							text-transform:uppercase;
							color:#ff006c;
							margin-left:65px;
							cursor:pointer;
							outline:none;
						}
							#searcher .f_submit input:hover{ color:#333; }
				
					/*-- ajax-matches --*/
					
					html > body #searcher .matches{
						position:absolute;
						top:101px;
						left:0;
						width:210px;
						height:auto !important;
						max-height:150px !important;
					}
					
					#searcher .matches{
						overflow:auto;
						margin:8px 18px 8px 20px;
						background:#fbf6fb;
						border:1px solid #ff3399;
						font-size:70%;
						position:absolute;
						top:-70px;
						left:0;
						width:180px;
						height:150px;
					}
						#searcher .matches li{
							margin:0 0 3px 0;
							cursor:pointer;
						}
						
							#searcher .matches li a {
								display:block;
								padding:3px 5px;
								color:#000;
							}
								
								#searcher .matches li a:hover{
									background-color:#FF99FF;
									color:#000;
								}
								
							#searcher .matches li a strong{
								font-weight:bold;
								background:#ffd4ea;
								color:#333;
							}
							
								#searcher .matches li a .description{ font-style:italic; color:#666;}
								
			
			/*-- VCARD --*/
			.vcard{
				width:203px;
				height:117px;
				background:url(../../images/publica/bg_vcard.jpg) no-repeat top left;
			}
			
				.vcard .email{ 
					float:left; 
					margin:65px 0 0 65px; 
					color:#333; 
					font-size:90%; }
					
					.vcard a:hover{color:#ff006c; text-decoration:underline;}
				
				html > body .vcard .tel{margin:5px 0 10px 65px;}
				
				.vcard .tel{
					float:left; 
					
					margin:5px 0 10px 33px;
					color:#ff006c; 
					font-size:120%;}
					
			/*-- NEWSLETTER --*/
			.newsletter{
				width:203px;
				height:auto;
				padding-top:45px;
				background:url(../../images/publica/bg_newsletter.jpg) no-repeat top left #fff;
			}
				.newsletter .error{
					border:1px solid #dadada;
					margin:0 10px;
					padding:3px;
					background-color:#7a0026;
					color:#fff;
					
				}
					.newsletter .error h6{
						font-size:70%;
						font-weight:bold;
					}
					
						.newsletter .error p{
							margin:3px 0;
						}
						
				.newsletter .success{
					border:1px solid #dadada;
					margin:0 10px;
					padding:3px;
					background-color:#00a651;
					color:#fff;
					
				}
					
						.newsletter .success p{
							margin:3px 0;
						}
			
				.newsletter p{ 
					font-size:70%;
					margin:7px 15px;
					text-align:justify;
				}
					.newsletter input{
						font-size:90%;
						width:166px;
						height:14px;
						border:1px solid #ccc;						
						padding:2px;
					}
						.newsletter input:hover{ height:14px; border:1px solid #ff8e00; color:#ff8e00;}
						
						.newsletter .f_submit{
							width:203px;
							height:28px;
							margin:0;
							background:url(../../images/publica/bg_bt_registrar.gif) no-repeat top left;
						}
						
						.newsletter .f_submit input{
							background:url(../../images/publica/bt_large.gif) no-repeat top left;
							border:0;
							display:block;
							width:100px;
							height:20px;
							font-size:90%;
							font-weight:bold;
							text-transform:uppercase;
							color:#ff006c;
							margin-left:50px;
							cursor:pointer;
							outline:none;
						}
							.newsletter .f_submit input:hover{ color:#333; }
		
		/* CONTENT ***************************************************************************************/
		
		#content{
			float:left;
			width:748px;
			margin:0;
			padding:0;
			background-color:#fff;
		}
		
			#content strong{ color:#ff6000;}
		
			/*-- TEXT --*/
			#text{
				float:left;
				width:484px;
				min-height:403px;
				padding:5px 10px;
				background:url(../../images/publica/bg_text.jpg) no-repeat top left #fff;
			}
				#text .title_home{
					clear:both;
					padding:12px 0 0 10px;
					height:20px;					
					color:#ff4200;
					font-weight:bold;
					font-size:100%;
					margin-bottom:10px
				}
			
				#text .title_h1{
					clear:both;
					background:url(../../images/publica/bg_headers.jpg) no-repeat top left !important;
					border-bottom:1px solid #eee;
					padding:12px 0 0 60px;
					height:23px;					
					color:#ff4200;
					font-weight:bold;
					font-size:100%;
					margin-bottom:10px
				}
				
					#text h2{ 
						margin-top:10px;
						clear:both;
						padding:12px 0 0 60px;
						height:18px;					
						color:#ff4200;
						font-weight:bold;
						font-size:100%;
						margin-bottom:10px;
						background:url(../../images/publica/bg_headers02.jpg) no-repeat top left;
					}
				
					#text h1 span, #text h2 span{
						color:#616161;
					}
					
					#text h3{ color:#ff3399; font-size:90%; margin:5px 0;}
					
						#text p{
							text-align:justify;
							font-size:90%;
						}
					
					/*-- LISTADO DE LOS + VENDIDOS --*/
					
						#text #vendidos-list{ 
							margin:5px 0 15px 0; 
							display:block;
						}
					
							#text #vendidos-list li{ 
								float:left; 
								border-right:1px dotted #ccc; 
								font-family:Tahoma;
								width:140px;
								height:100px; 
								padding:5px 10px;
								line-height:15px;
							}
							
							#text #vendidos-list li.last-item{ border:0; }
							
							#text #vendidos-list li .imagen-juguete{ }
							
								#text #vendidos-list li .nombre-juguete h3{ text-align:center;}
								
									#text #vendidos-list li .nombre-juguete a{
										font-size:70%;
										font-weight:bold;
										color:#3d3d3d;
									}
										#text #vendidos-list li .nombre-juguete a:hover{
											color:#ff0072;
											border-bottom:1px dotted;
										}
									
								#text #vendidos-list li .precio-juguete{
									text-align:center;
									color:#ff0072;
									font-size:80%;
								}
								
								#text #vendidos-list li .valoracion-juguete li{ 
									border:0;
									width:auto;
									height:10px !important;
									padding:0;
									border:1px solid #f00;
								}
									
								
						
				#text p.descripcion-oferta{ height:auto; padding-bottom:20px;}	
				
				
				/*-- LINKS --*/
				
				#links{ clear:both; margin:10px 0;}
				
				/*-- BOTON VOLVER --*/
				.link-volver, .linkback{ 
					float:left;
					background:url(../../images/publica/bt_volver.jpg) no-repeat top left;
					padding:5px 0 5px 25px;
					margin:10px 0;
					color:#ff006c;
					font-size:90%;
					font-weight:bold;
				}
				
				
				a.link-volver:hover{ color:#333 !important;}
				
				/*-- MENSAJES --*/
				
				p.attention{ font-size:70% !important; }
				
				p.alert{ 
					font-size:80% !important;
					background:url(../../images/publica/attention.jpg) no-repeat top left;
					padding:5px 30px 10px;
					color:#ff006c;
					}
					

			/*-- CART --*/
			#cart{
				float:right;
				width:244px;
				height:148px;
				background:url(../../images/publica/bg_cart.jpg) no-repeat top right;
			}	
			
			.cart-empty{
				float:right;
				width:244px;
				height:92px;
				background:url(../../images/publica/bg_cart_empty.jpg) no-repeat top right;
			}	
			
				.cart-empty p{
					margin:5px 10px 5px 0; 
					text-align:right;
					font-size:70%;
				}
				
				#content .cart-empty .session{ margin-top:10px;}
				
					#content .cart-empty .session span{ color:#fff;}
					
					#content .cart-empty .session a{
						color:#333;
					}
						#content .cart-empty .session a:hover{ color:#fee901;}
						
				#content .cart-empty .view{ margin-top:10px;}		
	
					#content .cart-empty .view a{ color:#fee901; text-decoration:underline; font-weight:bold;}
					
						#content .cart-empty .view a:hover{ color:#fff !important;}
											
				#content .cart-empty .products { margin-top:10px; color:#fff;}
						
						.cart p.products span{ font-weight:bold; }
		
			
			.cart-full{
				float:right;
				width:244px;
				height:92px;
				background:url(../../images/publica/bg_cart_full.jpg) no-repeat top right;
			}	
			
				
				.cart-full p{
					margin:5px 10px 5px 0; 
					text-align:right;
					font-size:70%;
				}
				
				#content .cart-full .session{ margin-top:10px;}
				
					#content .cart-full .session span{ color:#fff;}
					
					#content .cart-full .session a{
						color:#333;
					}
					
						#content .cart-full .session a:hover{ color:#fee901;}
						
				#content .cart-full .view{ margin-top:10px;}		
	
					#content .cart-full .view a{ color:#fee901; text-decoration:underline; font-weight:bold;}
					
						#content .cart-full .view a:hover{ color:#fff !important;}
											
				#content .cart-full .products { margin-top:10px; color:#fff;}
						
				
			
			/*-- SIDEBAR-RIGHT --*/
			#sidebar-right{
				float:right;
				width:244px;
				min-height:275px;
				background-color:#fff;
			}

				/*-- BANNERS 3PASOS --*/
				#sidebar-right .tres_pasos li{
					margin:5px 10px;
				}
				
			#sidebar-right .safe{
				clear:both;
				float:right;
				width:222px;
				margin:10px;
			}
			
			#sidebar-right .banner{ display:block; margin:10px; float:left; width:222px;}
			
			#sidebar-right #seguridad-horizontal,#sidebar-right #seguridad-vertical
			{
			    margin:0 auto;
			    text-align:center;
			}
			    #sidebar-right #seguridad-vertical img
			    {
			        margin:20px auto;
			        display:block;
			        clear:both;
			    }
			/*-- BANNERS --*/
			#banners{
				background:url(../../images/publica/bg_content.jpg) no-repeat top left #c9d647;
				clear:both;
				padding-top:20px;
				padding-bottom:2px;
				width:748px;
				height:94px;
			}
				#banners li{ float:left;}

					#banners .b-izquierda{}
					#banners .b-centro{ margin:0 7px;}
					#banners .b-derecha{}
					
			/*-- MICROFORMATS --*/
			
			.vcard .org, #info .vcard .street-address, #info .vcard .postal-code, 
			.vcard .locality, #info .vcard .region, #info .vcard .country-name{ float:left; margin-right:5px;}
			
			#info .vcard .info_booking{ float:right;}

				#info .vcard .info_booking span{ float:left; }			
				
				#info .vcard .info_booking .tel{ float:left; }
				
			
			#valsum .error{
				padding:5px 10px;
				background-color:#ff3399;
				color:#fff;
				margin-bottom:20px;
			}
			
				#valsum .error h3{ font-weight:bold;}
				
				#valsum .error h3, #valsum .error span{ color:#fff; }
				
			#text #valsum .error{
				float:left;
				clear:both;
				width:450px;
				margin:10px 0;
				font-size:90%;
				line-height:120%;
			}
			
				#text #valsum .error h3{ font-size:110%; margin-left:0; font-weight:bold; border-bottom:1px dotted;}
			
		
	/* FOOTER ***************************************************************************************/
	
	#canvas-footer{
		clear:both;
		background-color:#f0f0f0;
		border-top:2px solid #e2e3da;
		padding:10px 0 40px 0;
		height:100px;
	}
	    
	#footer{
		float:left;
		width:735px;
		height:40px;
		margin:0 0 0 230px;
		border-left:1px solid #ccc;
		padding-left:10px;
		
	}	 
	
	    *:first-child+html #footer
	    {
	        margin:0 0 0 227px;
	    }
	   
	    * html #footer
	    {
	        float:left;
	        margin-left:115px;
	    }
	
		#footer p{
			clear:both;
			font-size:80%;
			color:#aba8a8;
			padding-top:10px;
		}
		
		#footer ul{ margin-bottom:10px;}
			
		#footer ul li { 
			float:left; 
			font-size:80%;
			color:#bdb07c;
		} 
		
			#footer ul li a, #footer p a{ 
				margin:0 2px;
				color:#aba8a8;
			}
				#footer ul li a:hover, #footer p a:hover{ color:#f92d84;}
			
			#footer ul li ul{margin:15px 0 0 200px;}
			
				#footer ul li ul li { 
					font-size:100%;
					text-transform:none;
				} 
	
        #footer-banners{
	            float:left;
	            width:215px;
	        }
    	    
	        #footer-banners img{float:left;}
			
/*************Channels************************/

#channels
{
	width:150px;
	text-align:center;
	margin-top:20px;
	text-align:left;
}	
	

#channels h3
{
	text-align:left;
	color:#eb7102;
	font-size:1.0em;
	margin:0px;
	padding:0px;
	height:30px;
}



#canal-lista li
{
	text-decoration:none;
	display:inline;	
}

#canal-lista a
{
	text-decoration:none;
	border:0;
}


.facebook
{
	text-decoration:none;
	width:50px;
	height:50px;
}

.twitter
{
	text-decoration:none;
	width:50px;
	height:50px;
}



.facebook img
 {
	 border:0;
 }
 
 .twitter img
 {
	 border:0;
 }

.facebook span
 {
	 display:none;
 }