body {
	scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #CCCCCC;
	margin-top:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}

a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
.clear{clear:both}
.rosa{ 
	color: #FF80BB;
}
.red{color:#ff131f;}
.bold{
	font-weight:bold;
}
.mje{
	text-align:center;
	color:#666666;
	margin:10px;
}
.divider{
clear:both;
min-height:20px;
margin:10px 0;	
}

#saludo{
	height:auto;
	margin:20px 0px;
	font-family:Verdana;
	font-size:11px;
	color:#666;
	}
#saludo a{text-decoration:none; color:#333;}
#saludo a:hover{text-decoration:underline; color:#FF80BB}

#logo{
	width:100%;
	text-align:center;
	margin-bottom:10px;
	
}
#contents{width:100%; background-color:#FFF; margin:0 auto;}

#menu {
	width:430px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	text-align:center;
	border:#000000 solid 0px;
	line-height:18px;
}

#familia{
	width:600px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	border:#000000 solid 0px;
}
#familia .blas{
	width:100%;
	text-align:right;
}


/* ////////////////////////////////////////////////////////////////////PERSONAJES/////
*/

#personaje{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
#personaje .img{
	display:inline-block;
	width:180px;
	padding:5px;
	margin-right:20px;
	vertical-align:bottom;
	text-align:center;
}
#personaje .text{
	display:inline-block;
	width:400px;
	min-height:400px;
	line-height:1.8em;	
	font-family:Georgia;
	font-size:12px;
	color:#999999;
	vertical-align:middle;
}
#personaje .centered{
	width:100%;
	clear:both;
}
/* estilos cesta */
#llistaCompra{padding:0; margin:0;}
#preuTotal{margin:5px 0; text-align:right;}
.notaGastos{width:100%; text-align:left; margin: 7px 0; font-size:9px; color:#ff0077}


/*///////////////////////////////////////////////////////////////////////////////PRODUCTOS
*/
#wrapper_prods{width:850px; margin:0 auto;}
#productos{ float:left; width:700px; min-height:650px; margin:50px auto; border:#000000 solid 0px;}
 .eva{float:left; width:auto; text-align:right; margin:150px 0 0 0; height:500px;}
#productos .producto{width:150px; height:180px; float:left; margin:0 25px 25px 0; text-align:center}
#productos .producto .producto_imagen{height:135px; width:100%; text-align:center;}
#productos .producto .producto_titulo{height:50px; width:100%; text-align:center;}
#productos .producto .producto_nombre{height:auto; width:100%; text-align:center; padding:20px 0 0 0;}

/* ////////////////////////////////////////// PRODUCTO ESPECÍFICO ////////////////////////////
*/

#widget-like-box{position:absolute; right:0px; top:380px;}

#pagProducto{width:100%; margin:0 auto;}
#pagProducto .descripcion{width:600px; min-height:100px; margin:0 auto; padding:0 0 20px 0; border-bottom:#cccccc solid 1px;}
#pagProducto .descripcion .texto{float:left; margin: 0 0 20px 0;}
#pagProducto .api{width:120px; float:right; margin:20px 0 0 0;}
#pagProducto .volver{width:auto; font-size:11px; margin:10px 0 0 0;}
#pagProducto .volver{}

#pagProducto .modelos{width:730px;  margin:0 auto; text-align:center;}
#pagProducto .modelos .add {border: 1px solid #CCCCCC; color: #999999; margin: 5px auto; padding: 2px; width: 50px;}
#pagProducto .modelos .modelo{display:inline-table;margin-right:10px;margin-bottom:20px;min-width:120px; height:255px; vertical-align:bottom;text-align:center;}
#pagProducto .modelos .modelo .imgModelo{min-height:150px;}
#pagProducto .modelos .modelo .nombre{height:20px;}

.add {border: 1px solid #CCCCCC; color: #999999; margin: 5px auto; padding: 2px; width: 50px;}


#pagProducto #slideshow{
	width:100%;
	margin:10px 0;	

}
#pagProducto div.nombreModelo{
	color:#333333;
	display:inline-block;
	width:180px;
	text-align:center;	
}
#pagProducto .nombreModelo .nombre{
width:auto; margin:3px 0; 
}
#pagProducto .nombreModelo .nuevo{
width:auto;
}
#pagProducto div.detalles{
	color:#999999;
}

#pagProducto .formProd{
	width:100%;
	margin-top:20px;
}

.modeloDet{
	width:600px;
	height:auto;
	margin:20px auto;
	text-align:center;}

#pagProducto div.nombreModeloDet{
	color:#333333;
	display:inline-block;
	width:auto;
	text-align:center;
	margin:10px 0;	
}

#pagProducto .modelos .subproducto{
	float:left;
	max-width:700px; 
	min-height:310px;
	margin:0 10px 0;
	border:0px solid grey;
}

#pagProducto .modelos .subproducto .imgTit{
	float:left;
	width:100%;	
	margin:0;
}


/* modelos con hijos: vinilos */
.modelo-hijo{
	float:left;
	width:350px;
	margin:5px 0;
	background-color: none;
}
.modelo-hijo .nombre{
	float:left;
	width:200px;
	margin: 5px 0;
	text-align:left;
}
.modelo-hijo .precio{
	float:left;
	width:50px;
	margin:5px 10px;
	text-align:right;
}
.modelo-hijo .add{
	float: left;
	border: 1px solid #CCCCCC;
	color: #999999;
	margin:0px;
	padding: 2px;
	width: 50px;
}

/* social media */
.addSM{    
	display: inline-block;
    margin: 20px 0 0;
    text-align: center;
    width: auto;}
	
/* FUNDAS MOVILES */
#fundas_moviles{}

/* ////////////////////////////////////////// ////////////////////////////FORM MAYORISTAS 
*/
#retailers{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	background:url(img/cesta1.jpg) no-repeat bottom left;
}
#retailers .texto1{
	width:450px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:30px;
}
.formretailers{
	width:350px;
	margin-left:auto;
	margin-right:auto;

}
.formretailers .texto1{
	margin-bottom:20px;
	color:#333333;
}

/* ////////////////////////////////////////// ////////////////////////////FORM ZONA CLIENTES  
*/
#clientes{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;

}
#clientes .texto{
	width:90%;
	color:#000000;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}
.formclientes{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	border:pink solid 1px;
	padding:30px;

}

/* ////////////////////////////////////////// ////////////////////////////FORM DATOS DE ENVIO : CESTA
*/

#carretCompra
	{
		border: solid 1px #333333;
		position: fixed;
		padding: 10px;
		max-width: 250px;
		min-width: 250px;
		overflow: auto;
		margin: 10px;
		right: 3px;
		top: 25px;
		background-color:white;
	}
#carretCompra div.articulo{
	float:left;
	width:100%;
	margin-bottom:5px;
	padding-bottom:5px;
	background-color:none;
	border-bottom:#cccccc solid 1px;
}
#carretCompra div.nombre{
	float:left;
	width:120px;
	background:none;
}
#carretCompra div.unidades{
	float:left;
	width:30px;
	background:none;
}
#carretCompra div.editar{
	float:left;
	width:40px;
	background:none;
}
#carretCompra div.precio{
	float:left;
	width:58px;
	background:none;
	text-align:right;
}
.quantitat
	{
		width: 20px;
	}
.preuTotal{
	margin-top:20px;
}
#llistaCompra ul, li{
	list-style:none;
}


#carretCompra2{
	width:400px;
	background:none;
	border-bottom:#999999 solid 1px;
	background:none;
	margin-bottom:15px;
}
#titolCarret{
	font-size:11px;
	color: #666666;
	font-weight:bold;
}
#carretCompra2 .texto{
	font-size:10px;
	color: #666666;
	margin-left:10px;
}
#carretCompra2 ul, li{
	list-style:none;
}

#carretCompra2 div.articulo{
	float:left;
	width:100%;
	margin-bottom:5px;
	padding-bottom:5px;
	background-color:none;
	border-bottom:#cccccc solid 1px;
}
#carretCompra2 div.nombre{
	float:left;
	width:120px;
	background:none;
}
#carretCompra2 div.unidades{
	float:left;
	width:40px;
	background:none;
}
#carretCompra2 div.editar{
	float:left;
	width:60px;
	background:none;
}
#carretCompra2 div.precio{
	float:left;
	width:60px;
	background:none;
}
#carretCompra2 div.total{
	float:left;
	width:100%;
	margin:10px;
	background:none;
}

#carretCompra2 input{
	background:#FFFFFF;
	color:black;
	font-family:arial;
	font-size:11px;
	border:#CCCCCC solid 1px;
}



#cesta{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
.formcesta{
	width:300px;
	margin-left:0px;
}
.formcesta .texto{
	color: #666666;
	font-weight:bold;
}
.formcesta .texto2{
	color: #666666;
	font-size:10px;
	margin-bottom:20px;
}

.formcesta div.textarea{
	margin-bottom:5px;
}

#paypalForm{text-align:center;}
#paypalForm input{border:0px;}

/* ////////////////////////////////////////////////////////////////////// CONTACTAR
*/
#contactar{
	width:400px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#contactar div.contacto{
	clear:both;
	margin-bottom:15px;
}
#contactar div.contacto span{
	font-weight:bold;
}

/* ////////////////////////////////////////////////////////////////////// PRENSA
*/
#prensa{
	width:800px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#prensa div.articulo{
	width:auto;
	height:90px;
	float:left;
	margin-right:20px;
	margin-bottom:30px;
	background:none;
}
#prensa div.img{
	float:left;
	width:100%;
}
#prensa div.texto{
	clear:both;
	width:100%;
	float:left;
	text-align:center;
}

#prensa .jacinto{
	width:600px;
	text-align:left;
}


#apuntate{
	width:650px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#apuntate div.imagen{
	float:left;
	width:200px;
}

#apuntate div.formPrensa{
	width:300px;
	float:left;
	margin-top:100px;
}

/* ////////////////////////////////////////////////////////////////////// TIENDAS
*/
#tiendas{
	width:750px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#tiendas div.tienda{
	float:left;
	width:200px;
	height:210px;
	margin:10px 35px 10px 0;
	background:none;
}
#tiendas div.img{
	float:left;
	width:100%;
	margin-bottom:10px;
	min-height:140px;
}
#tiendas div.texto{
	width:100%;
	float:left;
	text-align:center;
	height:30px;
}
#tiendas .jacinto{
	width:600px;
	text-align:left;
}


/* /////////////////////////////////////////////////////////////////////////////// ZONA CLIENTES
*/
#cliente{
	width:750px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#cliente .salir{
	margin-bottom:30px;
}
#cliente div.pedidos{
	width:100%;
	margin-top:20px;
}

#cliente .datos{
	width:100%;
	float:left;
}
#cliente div.pedido{
	float:left;
	margin-top:30px;
	width:95%;
	padding:10px;
	margin-left:10px;
	background-color: none;
	border-bottom:#CCCCCC solid 1px;
}
#cliente .fecha{
	float:left;
	width:80px;
}
#cliente .ticket{
	float:left;
	width:150px;
	color:#666666;
}
#cliente .cliente{
	float:left;
	width:150px;
	margin-right:10px;
}
#cliente .modelos{
	float:left;
	width:250px;
	margin-right:10px;
	background-color:#F0F0F0;
}
#cliente .total{
	float:left;
	width:100px;
	margin-right:10px;
	color:#ff003f;
}
#cliente .enviado{
	float:left;
	width:150px;
	color:#333;
}

/* condiciones de envio y devoluciones */

#condiciones{padding:0 150px; line-height:18px; margin-bottom:50px;}
#condiciones ul, #condiciones li { list-style:circle}

/* ////////////////////////////////////////// //////////////////////////// FORMULARIO GENERAL
*/

input {
	background:#FFFFFF;
	color:black;
	font-family:arial;
	font-size:11px;
	border:#CCCCCC solid 1px;
	cursor:pointer;
}

.submit{
	margin-left:90px;
}

.etiqueta{
	float:left;
	width:80px;
	height:22px;
	text-align:right;
	margin-right:10px;	
}
.campo{
	float:left;
	width:200px;
	height:22px;
}
.legal{
	float:left;
	width:200px;
	margin-left:80px;
	font-size:10px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
}

select.unidades{
	margin-top:10px;
	margin-bottom:10px;
}

select {
	border: #CCCCCC solid 1px;
	background-color:white;
	font-size:11px;
	width:178px;
}
textarea {font-family: verdana; 
	font-size: 10px; 
	color: #000000; 
	border:1px solid #cccccc;
	width:175px;
	scrollbar-face-color: #CCCCCC; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #666666; scrollbar-arrow-color: #333333 }
	
	/*personalizacion mailchimp*/
#mc_embed_signup form {
    display: block !important;
    padding: 0 0 0 40px !important;
    position: relative !important;
    text-align: left !important;
}

#mc_embed_signup .indicates-required {
    font-size: 11px !important;
    margin:10px 0 !important;
    text-align: left !important;
}

#mc_embed_signup .asterisk {
    color: #ff80bb !important;
    font-size: 100% !important;
}

#mc_embed_signup .mc-field-group input {
    display: block;
    height: 25px !important;
    padding:0 !important;
    text-indent: 2%;
    width: 70% !important;
}
#mc_embed_signup .mc-field-group .asterisk {
    position: relative !important;
	top:0 !important;
	right:0  !important;
}
#mc_embed_signup .mc-field-group.input-group input {
    border: medium none;
    display: inline;
    height: auto !important;
    margin: 10px 5px 0 0 !important;
    width: 20px !important;
}

#mc_embed_signup .button {
    background-color: #ff80bb !important;
    border: 0px solid #fff !important;
    clear: both;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
	font-size:11px  !important;
    height: auto;
    line-height: normal !important;
    margin: 20px 0 !important;
    padding: 5px !important;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

