/*#############################################################
Name: Beautiful Day
Date: 2006-11-12
Description: A soft and bright two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
#divOri{
    margin: 23px 0px 0px 5px;
   
}
#divOri input[type=radio]{
	cursor:pointer;
   
}
.cambiaImg{
    margin-left: 124px;
}
.cambiaImg a{
    text-decoration: none;
    color: #FF6633;
    font-size: 12px;
    font-weight: bold;
}
.container2{
	width: 540px;
	float:left;
}
#intro{
	width: 535px;
} 

.content2Der{
	float: left;
    width: 248px;
    margin: 0 0 0 35px;	
}

#litPiezas{
	font-weight:bold;	
}
#litCalidad{
	font-weight:bold;	
}
.btn-primary{
    background: url('img/btnContinuar.png');
    border: 0;
    width: 156px;
    height: 48px;
    padding-right: 22px;
	cursor:pointer;
}
.btn-primary span{
	font-weight:bold;	
    font-size: 12px;
}
#estrellas{
	    margin: 5px 0 20px;	
}
.dropzone {
        min-height: 150px  !important;
    }
	
.dropzone .dz-message span{	
	font-size: 1.9em !important;
}
.docs-preview {
    margin-top: 119px;
}
.divMenOK{
    padding: 10px;
    background-color: rgba(206, 255, 204, 0.33);
    border: 1px solid rgba(66, 255, 51, 0.99);
    text-align: center;	
}

/*********************VIEJO************/

html {min-height: 100%;}

* {
	margin: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
	background:#2D2D2D url(imagenes/fondoPiezas.png) center 180px no-repeat;/*##333*/
	color: #444;
	font: normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
:focus{outline:0;}
a img{border:0;}
p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {     
	font: bold 1.8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F63;
	margin-bottom: 4px;
	letter-spacing:0px;
}
h2 {
	font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom: 9px;
	letter-spacing:2px;
}
code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
	font-style:italic;
	font-weight:bold; 
	color:#333;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background:#FC0/*#333*/;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 1200px/*780px*/;
	position:relative;
}

/* header */
.top {
	/*background: url(img/clouds2.gif) repeat-x;*/
	padding: 0px 10px 0;
}

/* title */
.idioma{margin: 0 auto;	padding: 5px 0px;width: 975px; text-align:right}
.header {
	background:#FFF /*#333*/;
	font-size: 1.2em;
	height: 130px;
	margin: 0 auto;
	padding: 0px;
	width:  1200px/*780px*/;
	border-top:10px #FC0 solid;
	border-left:10px #FC0 solid;
	border-right:10px #FC0 solid;
}
.header .left, .header .right {
	background: #FFF;
	color: #FFF;
	height: 130px;	

}
img{border:none;}
.header .left {
	/*background: #B3C2C7 url(img/header.jpg) no-repeat;*/
	font: normal 2.8em "Trebuchet MS",sans-serif;
	/*line-height: 150px;*/
	width: 333px /*564px*/;
	overflow: visible;
    position: relative;
}
.header .right {
	overflow: hidden;
	width: 859px;
	text-align:right;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

#bichito{
	float:left;
	height: 258px;
	left: 1170px;
	position: absolute;
	top: 50px;
	width: 93px;
	z-index:1;
}
/* navigation */
.navigation {	
	background: #D9E1E5 url(img/nav.gif);
	border-top:1px solid #FFDF62;
	/*border: 1px solid #F63; #DFEEF7*/
	/*border-color: #333 #333 #DFEEF7 #CFDEE7;*/
	height: 30px;
}
.navigation a {
	background: #D9E1E5 url(img/nav.gif);
	border-right: 1px solid #E2B600 ;/*#AFBEC7*/
	color: #000;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height:30px /*41px*/;
	padding: 0 20px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #333;}

/* main */
.main {
	margin-top:1px;
	border-top: 4px solid #FFF;
	background: #FFF /*url(img/bgmain.gif) repeat-y*/;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
	margin-top:0px;
}
.sidenav h2 {
	color: #FFF;
	background: #999 /*url(img/nav.gif) repeat-x left bottom*/;
	border-bottom: 1px dotted #333;
	font-size: 1em;
	line-height: 25px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0 0 0 10px;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA; background-image:url(img/liP.gif); background-repeat:no-repeat; background-position:0px 6px}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 3px 0 3px 15px;
	text-decoration: none;
	width: 92.5%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	background-image:url(img/liP.gif); background-repeat:no-repeat; background-position:0px 7px;
	color: #F63;

}

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 10px 0 40px;
	width: 933px /*531px*/;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	/*list-style: url(img/li.gif);
	margin-left: 18px;*/
}
.content p {
	font-family: "Lucida Sans Unicode",sans-serif;
	/*font-weight: bold;*/
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	padding:10px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}

.cajaIzquierda {float:left; margin: 0 20px 20px 0; width:290px;}
.cajaIzquierdaLanding {float:left; margin: 0 20px 20px 0; width:150px;}
.cajaIzquierdaOpciones {float:left; margin: 0 20px 20px 0; width:208px;}
.cajaIzquierdaEfectos {float:left; margin: 0 10px 20px 10px; width:308px; height:315px;}
.comprar{float:right; margin: 5px 0 0 0;padding:0 10px 0 0; cursor:pointer}
.comprarBanner{float:right; margin: 0;padding:0 10px 0 0; cursor:pointer}
.clear{clear:both; float:none;}
.pasos{ background-image:url(imagenes/pasos.gif); background-repeat:no-repeat;height:22px; margin-bottom:10px; }
.paso1{background-position:0px 0px;}
.paso2{background-position:0px -22px;}
.paso3{background-position:0px -44px;}
.paso4{background-position:0px -66px;}
.paso5{background-position:0px -88px;}
.etiquetaPrecio {
	position:absolute;
	top:153px;
	left:229px;
	z-index:0;
	background-image:url(imagenes/precio.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:60px;
	width:65px
}
.etiquetaPrecioOpciones {position:absolute;top:145px;left:135px; z-index:100; background-image:url(imagenes/precio.png); background-repeat:no-repeat; background-position:0 0; height:80px; width:80px}
.etiquetaPrecioEfectos {position:absolute;top:205px;left:255px; z-index:100; background-image:url(imagenes/precio.png); background-repeat:no-repeat; background-position:0 0; height:80px; width:80px}
.etiquetaPrecioEfectos p {margin-top:20px;margin-left:8px; font-weight:bold; color:#FFF;}
.etiquetaPrecio p, .etiquetaPrecioOpciones p{margin-top:20px;margin-left:8px; font-weight:bold; color:#FFF;}
.etiquetaPrecio p span, .etiquetaPrecioOpciones p span .etiquetaPrecioEfectos p span {margin-left:3px;}
.etiquetaPiezas {
	position:absolute;
	top:3px;
	left:0px;
	z-index:0;
	background-image:url(imagenes/piezasSinTxt.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:35px;
	width:287px
}
.etiquetaPiezas p{margin-top:5px;margin-left:15px; font-weight:bold; color:#333; text-align:center; padding-right:10px;}
.etiquetaPiezasLanding {
	position:absolute;
	top:5px;
	left:48px;
	z-index:99;
	background-image:url(imagenes/piezas.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:125px
}
.etiquetaPiezasLanding p{margin-top:5px; margin-right:20px; font-weight:bold; color:#333; text-align:right}
.etiquetaPedidoMinimo {
	position:absolute;
	top:126px;
	left:4px;
	z-index:0;
	background-image:url(imagenes/cantidadMinima.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:80px;
	width:76px
}
.etiquetaPedidoMinimo p{margin-top:37px;margin-left:27px; font-weight:bold; color:#000}
.relativo{ position:relative}
.gamas{padding:5px; margin:10px 0;border:1px solid #CCC; color:#333; display:block; width:95%; background-color:#f3f4f5; text-align:left; background-image:url(imagenes/fondoH3Gamas.gif); background-repeat:repeat-x}
.packagingH2{margin: 5px 0px;padding: .5em;font-size:1em;color:#F63;letter-spacing:0px; text-align:center; height:5em;}
.efectosH2{margin: 5px 0px;padding: .5em 0;font-size:1em;color:#F63;letter-spacing:0px;}
.opcionesH2{margin: 5px 0px;padding: .5em;font-size:1em;color:#F63;letter-spacing:0px; text-align:center; height:7em;}
#formOpciones label {color:#F63;font-size: 1em;margin-right:10px; font-weight:bold}
#formOpciones label:hover {color: #333;}
#formOpciones label, #formOpciones img {cursor:pointer;}
.opcionesPackaging{padding:5px;border:1px solid #9C0; background-color:#f3f4f5; text-align:right ;background-image:url(imagenes/fondoH3Gamas.gif); background-repeat:repeat-x; margin-top:10px;}
.opcionesEfectos{position:absolute;top:285px;left:0px;padding:5px;border:1px solid #9C0; background-color:#f3f4f5; text-align:right ;background-image:url(imagenes/fondoH3Gamas.gif); background-repeat:repeat-x; display:block; width:95%}
.imgPosciona{position:relative;}
.textoEfecto{height:110px;}
#botonesEnvio{margin-top:5px; text-align:right; width:100%;}
#botonesEnvio img{margin-right:10px;}
#chatOnline{padding:5px; margin:5px 5px 5px 10px;border:2px solid #FC0; background-color:#F3F4F5;background-image:url(imagenes/fondoH3Gamas.gif); background-repeat:repeat-x; text-align:center; }
#eresCliente{padding:5px; margin:27px 17px 5px 8px; text-align:center; width:200px; color:#333; float:right; }
.caricatura{padding:0px; margin:5px 5px 5px 10px;}
#eresCliente p{margin:3px 0px;padding:0 }
.pF63{ color:#F63; font-weight:bold; font-size:1.2em;}
.pF63 a{ color:#F63; font-size:1em; text-decoration:none}
.pF63 a:hover{ color:#69F;}
#divCarrito {padding:5px; margin:27px 17px 5px 10px; text-align:center; width:200px; color:#333; float:right; }
#divCarritoSinPanel {padding:5px; margin:27px 17px 5px 0px; text-align:center; width:200px; color:#333; float:right; }
.cajaCantidad{width:30px;float:left;}
.btnTick{margin-left:5px;float:left; cursor:pointer}
.fieldsetCarro{padding:5px;border:1px solid #666666; margin:0px auto;}
.legendCarro{border:1px solid #666666; border-radius:10px 0px; padding:10px; background-color:#fea;color:#333; font-weight:bold; font-size:1.2em;}
.fieldsetFaq{padding:20px;border:1px solid #FC0; width:500px;}
.legendFaq{border:1px solid #FC0; padding:10px; background-color:#F3F4F5;color:#333; font-weight:bold; font-size:1.2em;}
.alerta{ background-image:url(imagenes/fondoDivKo.gif); border:1px solid #cd0a0a;padding:10px; color:#FFF}
.bien{ background-image:url(imagenes/fondoDivOk.gif); border:1px solid #9C0;padding:10px; color:#FFF}
.tablaForm,.tablaForm2,.tablaForm3,.tablaForm4{margin:5px}
.tablaForm th{ text-align:left; background-color:#E6E6E6; border:1px solid #CCC; border-left:none; border-top:none; width:200px;padding:5px;}
.thImportant{ background-color:#D8D8D8 !important;}
.tablaForm td{ padding:5px;background-color:#F3F4F5}
.sin{ padding:5px; border:none !important; background-color:#FFF !important}
.formObligatorio{color:#F63}
.titulo{color:#F63;font-size: 14px;}
.textoRojo{color:#F00}
.textoVerde{color:#093}
.textoGris{color:#333}
.cajaAviso{padding:10px; background-color:#F3F4F5; border:1px solid #F63; text-align:center;}
.cajaAvisoFoto{padding:10px; background-color:#FCC; border:1px solid #F33; text-align:center;}
.cajaAviso p{font-size:1.2em; font-weight:bold; line-height:0.75em;}
.verde{color:#9C0}
.reTh{ width:150px !important;}
input,textarea,select{ font-size:1em; color:#666; font-family:Arial, Helvetica, sans-serif}
.esperaAjax{ background-color:#FFC; border:5px solid #F63;padding:10px; width:250px;}
.esperando{font-size:1.2em; font-weight:bold; line-height:0.75em;}
#panelEspera{background-image:url(imagenes/semitransp.gif);left: 0px; width: 100%; position: absolute; top: 0px; height: 2900px; z-index: 100;}
.mano{cursor:pointer}

.totalCompra{border-top:3px solid #FC0 !important; background-color:#F3F4F5;background-image:url(imagenes/fondoH3Gamas.gif); background-repeat:repeat-x; font-size:1.8em; }

.cajaOk{padding:5px; margin:5px 0;border:2px solid #9C0; background-color:#B2F340; text-align:left; color:#000; font-weight:bold }
#divTotalCompra{padding:10px; border:2px solid #9C0; background-color:#B2F340; text-align:right; color:#000; font-weight:bold; width:97%; font-size:1.1em }
#divTotalCompraSinDes{padding:10px; margin:5px 0;border:2px solid #94A5A5; background-color:#BCDDF2; text-align:right; color:#000; font-weight:bold; width:97%; font-size:1.1em }
#spanTotalCompra{color:#030;font-size:1.5em;}
.fondoEnvio{ background-image:url(imagenes/seEnviaraA.gif); background-repeat:no-repeat; background-position:95% 50%}
.pedidoMinimo{ font-style:italic; color:#069}
address{margin:0 0px 20px 0; padding:10px; font-style:normal; background-color:#FaFaFa; border:1px solid #CCCCCC;}
address p{margin:0;padding:3px 0}
address p.telefono{background-image:url(imagenes/phone_16.gif);background-repeat:no-repeat;background-position:left 50%;padding-left:25px;}
address p.fax{background-image:url(imagenes/fax_16.gif);background-repeat:no-repeat;background-position:left 50%;padding-left:25px;}
address p.mail{background-image:url(imagenes/mail_16.gif);background-repeat:no-repeat;background-position:left 50%;padding-left:25px;}

.listaContent li{ background-image:url(imagenes/bola.gif); background-repeat:no-repeat; background-position:0% 30%; padding:5px 0 0 20px; margin-left:20px;}
.sinMano{ cursor:default !important;}

.pieza{color:#333; font-size:1.2em; background-image:url(imagenes/pieza.png); background-position:0 0; width:165px; height:40px;margin-right:15px;float:left; background-repeat:no-repeat;padding-left:55px; line-height:17px}
.pieza:hover{background-position:0 -40px;}
.pieza a{ text-decoration:none; color:#333; font-weight:bold;}
.pieza a:hover{ text-decoration:none; color:#F63}

.enlacesInteres {display: block; text-align:center;font-size: 0.8em;color:#333;}
.enlacesInteres a {
	margin-right:5px;
	color:#333;
	text-decoration:none;
}
.enlacesInteres a:hover {
	color:#666;
}
.sni{ display:none}
.message-box  { background:#fffea1 !important; border:2px solid #fc0 !important; padding:4px 8px!important; margin:14px 0 14px 0!important; }  
.content form dl{ width:98%;}
.content form dt{ float:left; width:100px; margin:0px; padding:0px 0px 0px 10px; }
.content form dd{ /*float:right; width:40%;*/ margin:0px; padding:0px 1% 6px 0px; }
.input250{width:250px;}
.input350{width:350px;}
.boton { border-bottom:solid 1px /*#737574*/#666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; 
			 background-color:#7DCD0A; color:#000; font-weight:bold; font-size:90%; padding:2px; }
.botonAma { border-bottom:solid 1px /*#737574*/#666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; 
			 background-color:#FC0; color:#000; font-weight:bold; font-size:90%; padding:12px; cursor:pointer }
#divTiposPago{margin:5px 0;}
#calidad{
	position:absolute;
	top:-10px;
	left:764px
}
#calidadComentarios{
	position:absolute;
	top:0px;
	left:764px
}
#comentariosIzq{
	width:180px; background-color:#f1f2f3; padding:5px; border:1px solid #999; margin:5px 0px 0px 10px;	
}
.inline_content{
	font-size:13px;	
	padding:10px;
}
.naranjaTextoDestacado{color:#F60;}
.reyesMagos{border:1px dashed #666666; padding:10px; background-color:#CCDC9C; color:#333; margin-bottom:10px;}

.tipoPuzzle dl{border-bottom: 0px; float:right; margin-right:200px;}
.tipoPuzzle dt{width:10em; padding:0.5em; float:left; margin:0; font-weight:bold; clear:left; border-bottom:1px dashed #333;}
.tipoPuzzle dd{margin-left: 11em;padding:0.5em; border-bottom:1px dashed #333; width:20em;}
.linkLanding{text-decoration:none; font-size:0.9em; color:#333;}

.highslide{ cursor:url(../highslide/graphics/zoomin.cur) , pointer; outline:none; }
.highslide-image{ border:1em solid #FFF; cursor:pointer; cursor:url(../highslide/graphics/zoomout.cur) , pointer; }
.highslide-caption{ padding:0.5em; border:0.5em solid white; background-color:white; border-top:none; display:none; text-align:right; }
.highslide-display-block{ display:block; }
.highslide-display-none{ display:none; }
.highslide-loading{ color:white; display:block; font-size:0.9em; font-family:'MS Sans Serif'; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:0.3em; border-top:0.1em solid white; border-bottom:0.1em solid white; background-color:black; padding-left:2.2em; background-image:url(../highslide/graphics/loader.gif); background-repeat:no-repeat; background-position:0.3em 0.1em; }
a.highslide-credits, a.highslide-credits i{ padding:0.2em; color:silver; text-decoration:none; font-size:1em; }
a.highslide-credits:hover, a.highslide-credits:hover i{ color:white; background-color:gray; }
.galeriaFotoDetalle{ position:relative; width:115px; height:185px; margin:0em 0.5em 0.5em 0em; border:0.1em solid #FF9900; padding:0.5em; float:left; overflow:hidden; background-color:#F3F4F5 }
.radioCaricaturas{ position:absolute; left:0px; top:174px; width:115px; background-color:#FC0;padding:0.2em 0.5em; text-align:right; height:18px}
.negro{color:#000 !important}
#cConEscenario, #cSinEscenario{margin-left:55px;}
/* Tool Tip Mootools */
.tip-top {
    color: #fff;
    width: 178px;
    z-index: 13000;
}        
.tip-title {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    color: #F90;
    padding: 8px 8px 4px;
    background: url(imagenes/bubble.png) top left;
}
.tip-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    margin:0;
    background: url(imagenes/bubble.png) bottom right;
    color:#fff;
}
.tip-text A {
    color:#069;
}
.tip-loading {
    background: url(ajax_load.gif) center center no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
.iconosTop{
	width:155px;
	float:left;
	margin-top:5px;	
}
.iconosTop img{
	margin-right:5px;	
}
.comentariosCategorias{
	width:900px; border:1px dashed #CCC; background-color:#f1f2f3; padding:8px 15px; margin-bottom:15px;
}
.comentariosCategorias .titulo{
	font-size:15px;
}
.autorFecha{
	font-size:10px;
	color:#999;
}
.h2Home{
color:#FEA; font-size:18px; text-transform:uppercase; padding:5px 10px; margin:10px 0; border:1px solid #CCC; display:block; width:95%; background-color:#999; text-align:left;	
}
.h2Home a{
color:#FEA; text-decoration:none;
}
.h3Home{
	text-indent:-9999px;
	margin:0;
	padding:0;
	line-height:0;	
}
.materialPuz{
	font-family:Arial; font-size:10px; color:#f00;
}
.entradillaHome{
	width:900px;	
}
.articulosBlog{
	width:425px; float:left; padding:15px; border:1px dashed #CCC; margin:0px 10px 10px 0px;	
}
.articulosBlog img{
	float:left; padding:0px 10px 5px 0px;
}
.articulosBlogLeer{
	padding:15px; border:1px dashed #CCC; margin:15px 0px; text-align:right; background-color:#f1f2f3;	
}
.flotaDcha{
	text-align:right;	
}
#cabeceraCalidadConPanel{
	background-image:url(imagenes/fondoCabeceraPedidos.jpg); background-repeat:no-repeat; background-position:left top;	
	/*background-image:url(imagenes/fondoCabeceraPedidos.jpg); background-repeat:no-repeat; background-position:left top;	*/
}
#cabeceraCalidadSinPanel{
	background-image:url(imagenes/fondoCabeceraSinPedidosNavidad.jpg); background-repeat:no-repeat; background-position:left top;
	/*background-image:url(imagenes/fondoCabeceraSinPedidos.jpg); background-repeat:no-repeat; background-position:left top;*/
}
.porqueSolopu{
	float:left; margin:22px 0px 0px 105px;
}
.porqueSolopuSinPanel{
	float:left; margin:22px 0px 0px 303px;
}
.estadoPedido{
	float:left; margin:7px 0px 0px 35px;
}
.numPuzzles{
	font-size:1.7em; font-weight:bold; color:#F63;
}
.telefonoCab{
	float:right;margin:0; padding:3px 10px 0 5px; font-size:1.7em; font-weight:bold; color:#FFF;	
}
.dificultad1{
	width:150px;
	height:25px;
	background:url(imagenes/dificultad.png) 0px -29px no-repeat;	
}
.dificultad2{
	width:150px;
	height:25px;
	background:url(imagenes/dificultad.png) 0px -55px no-repeat;	
}
.dificultad3{
	width:150px;
	height:25px;
	background:url(imagenes/dificultad.png) 0px -80px no-repeat;	
}
.dificultad4{
	width:150px;
	height:25px;
	background:url(imagenes/dificultad.png) 0px -105px no-repeat;	
}
.dificultad5{
	width:150px;
	height:25px;
	background:url(imagenes/dificultad.png) 0px -130px no-repeat;	
}
.imagenCabecera{
	width: 500px;
	float:right;
	background-color:#06F;	
}
.lineaEntrePuzzles{
	clear:both;
	float:none;
	margin:10px 0px;
	border:1px dashed #CCCCCC;
	width: 900px;
}
#uberbar{
	visibility:hidden;
	background:#323434; 
	padding:10px 0px; 
	position:fixed; 
	height: 55px;
	bottom:0;
	left:0; 
	z-index:2000; 
	width:100%;
	margin: 0 auto;
	color:#949494;
}
#uberbar a{
	color:#FFF;
	text-decoration:none;
}

#soporteTelefonico{
	position:fixed; 
	bottom:0;
	right: 10px;
	z-index:2002; 
	width:200px;
	margin: 0 auto;
	color:#949494;
}

.masInformacion{
	display:none;	
}
.stars{
	width:96px;
	height:22px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(imagenes/estrellas.gif);
	background-repeat:no-repeat;
	float:left;
}
.stars-0{
	background-position:0 0;
}
.stars-1{
	background-position:0px -23px;
}
.stars-2{
	background-position:0px -45px;
}
.stars-3{
	background-position:0px -67px;
}
.stars-4{
	background-position:0px -89px;
}
.stars-5{
	background-position:0px -111px;
}
.stars-6{
	background-position:0px -133px;
}
.stars-7{
	background-position:0px -155px;
}
.stars-8{
	background-position:0px -177px;
}
.stars-9{
	background-position:0px -199px;
}
.stars-10{
	background-position:0px -221px;
}
.agotado{
	background-color:#999; padding:5px 15px; float:right; font-weight:bold; color:#FFF; margin-top:5px;
}
<!-- AÑADIR AAS NUEVAS PAGINAS-->

.colorBlanco{
	color:#444;
}
.colorTiempo{
	color:#ff6633;
}

/* ----------------ELECCION DE TRANSPORTE---------------------- */

.tablaForm2,.tablaForm3{ cursor:pointer; }


.thUno{
  width:150px;
  border-bottom:1px solid #fff;
 }

.tdUno{
 padding:30px 0 30px 5px; 
 border-left:none; 
 border-top:none;
 border-bottom:1px solid #fff;
}
.thDos{

 width:150px; 
 border-bottom:1px solid #fff;
 }
.tdDos{
 padding:20px 0 20px 5px; 
 border-bottom:1px solid #fff;
}
.tablaForm2 tr:first-child{ background-color:#d4d4d4;}
.tablaForm2 .especial{ background-color:#d4d4d4;}
.tablaForm2 tr{ background-color:#F3F4F5; }


.tablaForm2 tr:first-child:hover {background-color:#c1c1c1; !important}
.tablaForm2 .especial:hover {background-color:#c1c1c1; !important}

.tablaForm2 tr:hover {background-color:#e9ecef; !important }


/* ----------------METODO DE PAGO--------------------- */

.thUnoPago{
  width:150px;
  border-bottom:1px solid #fff;
 }
.tdUnoPago{
 padding:20px 0 20px 5px; 
 border-bottom:1px solid #fff;
}

.tablaForm3 tr{ background-color:#F3F4F5; }

.tablaForm3 tr:hover {background-color:#e9ecef; }

.fuente17{font-size:17px;}
.fuente15{font-size:14px;}
.fuente14{font-size:14px;}

/* -----------DIRECCION DE ENVIO---------------- */
.tablaForm4 tr td{ background-color:#F3F4F5;  border-bottom:1px solid #fff; padding:10px 0 10px 20px;  text-align:left; width:50%; }
.tablaForm4 tr th{ background-color:#F3F4F5;  border-bottom:1px solid #fff; padding:10px 0 10px 20px;  text-align:left; width:50%; }
.tablaForm4 tr td textarea{width:411px;height:60px;resize: none; border:none; border-bottom: 1px solid #666; font-size:18px; }
.tablaForm4 tr td select{height:42px; font-size:18px; width:415px; border:none; border-bottom:1px solid #666;}

.tablaForm4 input:required {
    box-shadow:none;
}
.tablaForm4 input:invalid {
    box-shadow:none;
}




.tablaForm4 tr{font-size:14px;}


.fuente17{font-size:17px;}
.fuente15{font-size:14px;}
.fuente14{font-size:14px;}

input:required{
	background-color:none;
}

/*---------------- INPUT TEXT ------------------------*/


.group { 
  position:relative; 
  margin-top:15px; 
}
#provincia { 
height:19px;
}
#spanProvincia{margin-left:5px;}
.tablaForm4 input{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:400px;
  border:none;
  border-bottom:1px solid #666;
}
.tablaForm4 label {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.tablaForm4 input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#444444;
}

.bar 	{ position:relative; display:block; width:415px; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#666; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

.tablaForm4 input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}
/*----------------------- CONDICIONES DE VENTA ------------------*/

.condicionesVenta{
	 float:left;
	 margin-top:11px;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 }




/*----------------------- IMPORTE FINAL TEXTO ------------------*/

.importeTexto{
	float:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
}








/*----------------- ANIMACION BOTON -----------------*/


@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.1rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #ff6633;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: orange;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
.botonComprar {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Trebuchet MS;
	font-size:16px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.botonComprar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.botonComprar:active {
	position:relative;
	top:1px;
}