/* PABLO */
.campoTextoSelec {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 4px rgba(0, 0, 0, 0.3) inset;
    color: #606060;
    float: left;
    padding: 5px;
    width: 75%;
    margin: 3px 0 9px 0;
}

.sintriangulo{background:none !important;}

#patata{width:auto !important;}



.aviso, .ok, .info{ float:left; width:100%; padding:2px 3px 2px 27px; margin:3px 0 !important; border-radius:3px; background:#fff;}
.aviso{ color:#ff005d; border:1px solid #ff005d; background:#fff url(../../images/incorrecto.png) no-repeat 6px 3px;}
.ok{color:#659f00; border:1px solid #659f00; background:#fff url(../../images/valido.png) no-repeat 6px 3px;}
.info{ color:#3399ff; border:1px solid #3399ff; background:#fff url(../../images/info.png) no-repeat 6px 3px;}

.brdverde{border:1px solid #10a408 !important; }
.rojo{border:1px solid #e50000;  }
.both{ clear:both;}
.campoTextoP { background: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 4px rgba(0, 0, 0, 0.3) inset; color: #606060; float: left; padding: 5px; width: 30%; margin:3px 0 9px 0;}
.btAplicar{ background: #d3e2ff; border:none; border-radius: 4px; box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), 1px 0 7px rgba(167, 183, 216, 1) inset;
    color: #003399;  cursor: pointer; margin: 0 0 0 7px;  padding: 1px 7px 2px 7px; float:right;}
    
.btVacio{ background:#fff; height:1px; width:1px; border:none; font-size:0em;}
    
    
.camporojo {border: 1px solid #ce002c;}
    
    
    
    
.iconosAdmin { border: 1px solid #9d9d9d; border-radius: 15px; box-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 10px rgba(0, 0, 0, 0.3) inset; float: left;  width: 190px; height:150px; margin:3px 15px 9px 0;}
.iconosAdmin a{ display:block; padding:15px 0 100px 0; color: #808080 !important; text-align:center; font-size:1.1em;}
.iconosAdmin a:hover{ opacity:.7;}

.icoDatos{ background:url(../../images/icoDatos.png) no-repeat 50% 45px;}
.icoPuntos{ background:url(../../images/icoPuntosA.png) no-repeat 50% 40px;}
.icoPedidos{ background:url(../../images/icoPedidos.png) no-repeat 50% 45px;}
.icoOpiniones{ background:url(../../images/icoOpiniones.png) no-repeat 50% 45px;}
.icoCerrar{ background:url(../../images/icoCerrar.png) no-repeat 50% 40px;}



.w22{ width:22% !important;}
.btOk{ background:url(../../images/aplicar.gif) no-repeat; color:#b60316; font-size:.9em; border:none; cursor:pointer;font-family: "gotham_htfbook"; padding: 3px 0 3px 20px;}
.campoUnid{ font-size:1.1em; border:1px solid #b60316; width:30px; padding:2px;}


.pvpM{ font-size:1.1em;font-family: "gothambold1"; color:#b30018;}

.bl4x{ width:10%; height:90px; padding:0 5px 7px 7px; float:left;font-family: "gotham_htfbook";}  

.centroxxx{ text-align:center !important;}


/* PABLO */
#patata{width:auto !important;}



.aviso, .ok, .info{ float:left; width:100%; padding:2px 3px 2px 27px; margin:3px 0 !important; border-radius:3px; background:#fff;}
.aviso{ color:#ff005d; border:1px solid #ff005d; background:#fff url(../../images/incorrecto.png) no-repeat 6px 3px;}
.ok{color:#659f00; border:1px solid #659f00; background:#fff url(../../images/valido.png) no-repeat 6px 3px;}
.info{ color:#3399ff; border:1px solid #3399ff; background:#fff url(../../images/info.png) no-repeat 6px 3px;}


.rojo{border:1px solid #e50000;  }

.campoTextoP { background: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 4px rgba(0, 0, 0, 0.3) inset; color: #606060; float: left; padding: 5px; width: 30%; margin:3px 0 9px 0;}

.producto { height:220px;}


.btEntrar{color:#FFF !important;}

/*--SUSCRIBETE--*/
.suscribete{ width: 635px; height:487px; background:url(../../images/suscribete1.jpg) no-repeat;border-radius: 5px;box-shadow: 0 10px 15px rgba(150, 150, 150, 0.4), inset 0 10px 15px rgba(150, 150, 150, 0.4); border:3px solid #fff;}

.suscribete a{ color:#b90e1d;}
.suscribete div{ clear:both; padding-left:50px; margin-top:15px;}
.contentSus{padding-top:305px;}

.btSus{background: linear-gradient(rgba(150, 0, 20, 1) 0%, rgba(206, 0, 27, 1) 100%); padding:7px; border:none;color:#fff;font-family: "gothambold1"; cursor:pointer; border-radius:6px;margin-left:7px;}

.campoSus { background: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 4px rgba(0, 0, 0, 0.3) inset; color: #606060; float: left; padding: 8px; width: 50%; }
/*--SUSCRIBETE--*/ 

.botonGris{background:#868686; border: 1px solid #ccc; color:#fff;margin:0 35px; float:right; border-radius: 6px; font-size:1.2em; padding:5px; cursor:pointer;  }


.estrella1{color:#b17900 !important;}
 

.stars{
	/* Espacio entre los inline-block (los hijos, los `a`) */
	font-size: 0;
	display: inline-block;
}
.stars a {
	text-decoration: none;
	display: inline-block;
	/* Volver a dar tamaño al texto */
	font-size: 25px;
	color: #888;
}

.stars:hover a{color:#b17900;}

.stars a:hover { text-decoration:none;}
/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
.stars > a:hover ~ a {
	color: #888;
}

.estrellas{ width:67px; height:14px; display:block; background:url(../../images/estrellas1.gif) no-repeat; float:left; margin:0 7px 10px 0;}
.estrellas span{ background:url(../../images/estrellas2.gif) no-repeat; height:14px; display:block; float:left;}


.hidden { visibility: hidden !important;}


.opiniones{ float:left; width:100%; padding:25px;}
.opiniones h3{ margin-bottom:15px; border-bottom:1px solid #ddd; color:#818181;}
.opiniones h4{ padding :4px 0;}
.img3{padding: 0 15px 0 0; float:left;}
.opiniones .left{ padding-bottom:3px; margin-bottom:5px; border-bottom:1px dotted #ccc;}



.starslista{ float:left; width:100%; padding-left:7px; margin-bottom: 8px !important;}

.starslista a{ float:left; font-size:.9em; display:block; color:#848484;}



 .recuadro{ height:130px; }
 
 
  .sinaltura{ height:auto !important; }
 

 
 
.pvpPestxxx{ font-size:1.4em; font-family: "gothambold1"; display:block;}






 
.xcbp-hrsub {
    display:normal;
    position:absolute;
}

.xcbp-hrsub {
    float: right;
}

.xcbp-hrmenu {width: 100%; display:block; }

.xcbp-hrmenu > ul > li > a{ font-family: "gothambold1";}

.xcbp-hrmenu .xcbp-hrsub .xcbp-hrsub-inner div ul a{font-family: "gothambold1";}

/* general ul style */
.xcbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.xcbp-hrmenu > ul,
.xcbp-hrmenu .xcbp-hrsub-inner {
	width: 100%; z-index:1000;
	margin: 0 auto;
	padding: 0 1em;

}

.xcbp-hrmenu > ul > li {
	display: inline-block;
}

.xcbp-hrmenu > ul > li > a {

	padding: 1em;
	color: #fff;
	display: inline-block; text-shadow:1px 1px 3px rgba(0, 24, 84, 1);
}

.xhome{ background-color: rgba (223, 235, 255, 0.x4) !important; display:block; padding-top:.x5em !important}

.xcbp-hrmenu > ul > li > a:hover {
	color: #47a3da;
}

li.xcbp-hropen > a, li.xcbp-hropen > a:hover {
	color: #003084 !important;text-shadow:1px 1px 3px rgba(255, 255, 255, 1) !important;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(215, 215, 215, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

/* sub-menu */
.xcbp-hrmenu .xcbp-hrsub {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
	width: 100%;
	left: 0; border:1px solid #fff;
}

.xcbp-hropen .xcbp-hrsub {
	display: block;
}

.xcbp-hrmenu .xcbp-hrsub-inner > div {
	width: 33%;
	float: left; margin:1em 0 1em 0;
	padding: 0 2em; border-right:1px dotted #b9bdc4;
}

.xm100{ float:left; width:100% !important; border:none !important;}

.xcbp-hrmenu .xcbp-hrsub-inner:before,
.xcbp-hrmenu .xcbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.xcbp-hrmenu .xcbp-hrsub-inner:after {
	clear: both;
}

.xcbp-hrmenu .xcbp-hrsub-inner > div a {
	line-height: 1.x4em;
	color:#466db1; display:block;
}

.xcbp-hrsub h4 {
	padding: 0.x6em 0 0.x6em;
	margin: 0;
	font-size: 140%;
	font-weight: 300;
}
.xcbp-hrsub h4 a{color: #7d7d7d !important;font-weight: 300;}

.xcbp-hrsub a:hover{ color:#00296f !important;text-shadow:1px 1px 3px rgba(255, 255, 255, 1) !important;  background:rgba(255, 255, 255, .x7);}

.xbl2{ width:14%; padding:0 5px 0 10px; float:left;font-family: "gotham_htfbook";}
.xbl3{ width:32%; padding-right:10px; float:left;font-family: "gotham_htfbook";}
.xbl4{ width:10%; padding:0 5px 7px 7px; float:left;font-family: "gotham_htfbook";}



.xtodosMenu{background: linear-gradient(rgba(150, 0, 20, 1) 0%, rgba(206, 0, 27, 1) 100%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.x2) inset;}
.xtodosMenu a{text-align: center; color:#fff;font-family: "gothambold1"; padding: .x7em 1em; display:block; font-size:1.x1em; text-transform:uppercase;}

/* Examples for media queries */

@media screen and (max-width: 55em) { 
.xbl4{ width:20% !important; }
.xbl2{ width:20% !important; }


}

@media screen and (max-width: 43em) { 

	.xcbp-hrmenu {font-size: 120%;border: none;}

	.xcbp-hrmenu > ul,
	.xcbp-hrmenu .xcbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.xcbp-hrmenu .xcbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.xcbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.xcbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.xcbp-hrmenu .xcbp-hrsub {position: relative;}

	.xcbp-hrsub h4 {padding-top: 0.x6em;}

.xtodosMenu{ margin:10px 0 3px 0;}
.xbl4{ width:33% !important; }

.xbl2{ width:33% !important; }


}

@media screen and (max-width: 36em) { 
	.xcbp-hrmenu .xcbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
	
	
.xbl2{ width:50% !important; }
.xbl4{ width:50% !important; }
}

@media screen and (max-width: 26em) { 
	
.xbl2{ width:100% !important; }
.xbl4{ width:100% !important; }
}