
body {
   /* background-color: black;*//*rgb(40,40,40);*/
    background-color: rgb(111,111,111);
    color: white;
    font-family: Artifika,Arial, Helvetica, sans-serif;
}

*:focus {
    outline: none;
}
#colorbox {
    color: black;
    overflow: visible;
}


#cboxLoadedContent h1 {    
    margin-top: 0;
    margin-bottom: 0;
}
.bordesRedondos {
    border: 1px solid black;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: #87888C 2px 2px 4px;
    -moz-box-shadow: #87888C 2px 2px 4px;
    box-shadow: #87888C 2px 2px 4px;
    background-color: #2f2f2f;
   /* background-color: rgb(105,104,105); */
}
.product-info.bordesRedondos {
    background-image: url('../image/fondo.jpg');
    background-repeat: repeat; 
}
.middle.bordesRedondos {
    border-width: 2px;
    border-color: #957840;
    /* background-color: rgb(16,17,20);  */
    /* background-color: rgb(233, 232, 230); CREMA */
    background-color: white;
}

/* Botones */
#button-ver,#button-cart {
    width: 75px;
}
#button-ver {
    margin-bottom: 14px;
}
.bordesRedondosLeft {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgb(135, 136, 140) 2px 2px 4px;
    -moz-box-shadow: #87888C 2px 2px 4px;
    box-shadow: rgb(135, 136, 140) 2px 2px 4px;
}


/* cart */
#cart .heading {
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #EEEEEE;
    background: #FFF;
}
#cart .heading h4 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}
#cart .heading a {
    color: #38B0E3;
    text-decoration: none;
}
#cart .heading a span {
    background: #FFFFFF url('../image/arrow-down.png') 100% 50% no-repeat;
}
#cart .content {

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    -webkit-border-radius: 0px 7px 7px 7px;
    -moz-border-radius: 0px 7px 7px 7px;
    -khtml-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    background: #FFF;
}
#cart.active .heading {

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
}

/* mini-cart */
.mini-cart-info td {
    color: #000;
    vertical-align: top;
    padding: 10px 5px;
    border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image {
    width: 1px;
}
.mini-cart-info .image img {
    border: 1px solid #EEEEEE;
    text-align: left;
}
.mini-cart-info .name small {
    color: #666;
}
.mini-cart-info .quantity {
    text-align: right;
}
.mini-cart-info td.total {
    text-align: right;
}
.mini-cart-info .remove {
    text-align: right;
}
.mini-cart-info .remove img {
    cursor: pointer;
}
.mini-cart-total {
    text-align: right;
}
.mini-cart-total table {
    border-collapse: collapse;
    display: inline-block;
    margin-bottom: 5px;
}
.mini-cart-total td {
    color: #000;
    padding: 4px;
}
#cart .checkout {
    text-align: right;
    clear: both;
}

#cart .empty {
    padding-top: 50px;
    text-align: center;
}

.buttons .ui-button-text-only .ui-button-text {
    padding: 0 0;
    line-height: 1em;
}

/* Redefinición estilos ui */
.informacionCartas .ui-widget,.comprar .ui-widget  {
    font-size: 0.6em;
}

.informacionCartas .ui-button .ui-button-text{
    line-height: 0.6em;
    font-size: 9px;
}
.informacionCartas {
    font-variant: small-caps;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
}

.dimensionescolchones select {
    color: black;
    background-color: white;
    border-radius: 6px;
}
/* Cartas de madera, telas, ...*/
/* Botones para lanzar las cartas */

.cartas input {
    display:none;
}
.cartas>.carta {
    width: 60px;
    text-align: center;
    margin-left: 10px;
}
.cartas>.carta>div {
    width:100%;
    height:20px;
    border:1px grey solid;
    overflow: hidden;
    font-size: small;
    border-radius: 4px;
    cursor: pointer;
}
.cartas>.carta>div.disponible {
    -moz-box-shadow: 0 0 10px white;
    -webkit-box-shadow: 0 0 10px white;
    box-shadow: 0 0 10px white;
    border: white 2px solid;
}
.cartas>.carta>span {
    font-weight: bolder;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
}
.cartas>.carta>span:first-child {
      vertical-align: bottom;  
} 
/* Complementos */
#complementos>div {
    float:left;
    margin-right: 20px;
}

#complementos>div div {
    text-align:center;
}


/* Precio cantidad, etc*/
#quantity {
    width: 20px;
    text-align: center;
    border-radius: 5px;
    font-weight: bolder;
}

/* Fuentes */

div#header>div {
    font-family: 'Racing Sans One',cursive;
    font-size:23px;

    padding-top: 5px;

}
.product-info>.left,.product-info>.right {
    font-family: 'Artifika', cursive;
    font-size: 12px;
}
.product-info>.left li,.product-info>.right li{
    list-style-image: url("../image/puntodorado.png");
    line-height: 20px;
}

.ui-button-text:hover {
    text-shadow: 0 0 20px black;
}
.ui-button-text{
    font-family: 'Artifika', serif;
    text-shadow: 0 0 8px rgb(170, 170, 170);
}

.product-info .left>h1 {
    font-size: large;
    text-transform: capitalize;
}

.product-info .right>h3 {
    font-family: 'Sonsie One','Artifika';
    font-size: 14px;
}

/* checkout */
.checkout {
    font-size: smaller;
}
.checkout #newsletter {
    display:none;
}

.checkout-heading a {
    cursor:pointer;
}
.checkout .error, .checkout .warning {
    font-size: 10px;
    color:red;
}
.checkout .buttons {
    border: 0;
    background-color: transparent;
}
.checkout .large-field {
    width: 200px;
    margin-bottom: 7px;
}

.checkout input, .checkout select,.checkout textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.checkout-heading {
    background: #F8F8F8;
    border: 1px solid #DBDEE1;
    padding: 6px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none;
}
.checkout-content {
    padding: 0px 0px 8px 0px;
    display: none;
    overflow: auto;
}
.checkout-content .left {
    float: left;
    width: 48%;
}
.checkout-content .right {
    float: right;
    width: 48%;
}
.checkout-content .buttons {
    clear: both;
}
.checkout-product table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.checkout-product td {
    padding: 7px;
}
.checkout-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
    text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
    text-align: right;
}
.checkout-product tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
    text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
    text-align: right;
}
.checkout-product tfoot td {
    text-align: right;
    border-bottom: 1px solid #DDDDDD;
}
.contact-info {
    overflow: auto;
}
.contact-info .left {
    float: left;
    width: 48%;
}
.contact-info .right {
    float: left;
    width: 48%;
}
.sitemap-info {
    overflow: auto;
    margin-bottom: 40px;
}
.sitemap-info .left {
    float: left;
    width: 48%;
}
.sitemap-info .right {
    float: left;
    width: 48%;
}
input[type='text'], input[type='password'], textarea {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 1px;
    margin-left: 0px;
    margin-right: 0px;
}
select {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 2px;
}
label {
    cursor: pointer;
}
/* button */
a.button, input.button {
    cursor: pointer;
    color: #FFFFFF;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('../image/button.png') top left repeat-x;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px 6px 12px;
}
input.button {
    margin: 0;
    border: 0;
    height: 24px;
    padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
    background: url('../image/button-active.png') repeat-x;
}
.buttons {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    overflow: auto;
    padding: 6px;
    margin-bottom: 20px;



    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;


}
.buttons .left {
    float: left;
    text-align: left;
}
.buttons .right {
    float: right;
    text-align: right;
}
.buttons .center {
    margin-left: auto;
    margin-right: auto;
}
.htabs {
    height: 30px;
    line-height: 16px;
    border-bottom: 1px solid #DDDDDD;
}
.htabs a {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background: #FFFFFF url('../image/tab.png') repeat-x;
    padding: 7px 15px 6px 15px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000000;
    margin-right: 2px;
    display: none;
}
.htabs a.selected {
    padding-bottom: 7px;
    background: #FFFFFF;
}
.tab-content {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
}

/* Generales */
.desactivado {
    color: #53514E;
}
.ui-widget {
    font-size: 0.8em;
}

/* Carta rústika */

.rustika iframe {
    border: none;
}

/* Opciones */
.posicionchaiselongue {
    font-variant: small-caps;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    margin-top: 5px;
    margin-left: 5px;
}
.posicionchaiselongue .ui-button-text {
    font-size: 11px;
    line-height: 0.6em;
}

.posicionchaiselongue>div {
    height:47px;
    width:100%;
    cursor: pointer;
    padding-top: 48px;
    background-repeat: no-repeat;
    background-position: center top;
}


/* Footer */
#footer {
    font-size: 10px;
    color: white;
}
#footer a {
    text-decoration: none;
    color: black;
}
#footer a:hover {
    font-style: italic;
}

#footer table td {
    border-style: solid;
    border-color: grey;
    border-width: 0;
}
#footer table .lineainferior {
    border-bottom-width: 1px;
    border-color: black;
}
#footer table .lineaderecha {
    border-right-width: 1px;
    border-color:black;
}

/* Logo fabricado en España y en Promoción */
.fabricadoespana {
    float:left; 
    width: 105px;
    text-shadow: 0px 1px 0px rgb(199, 200, 202), 0px 2px 0px rgb(177, 179, 182), 0px 3px 0px rgb(157, 159, 162), 0px 4px 0px rgb(138, 140, 142), 0px 5px 0px rgb(119, 120, 123), 0px 6px 0px rgb(99, 100, 102), 0px 7px 0px rgb(77, 77, 79), 0px 8px 7px rgb(0, 17, 53);
    cursor: pointer;
    color: white;

    background-image: url(../image/fabricadoespana.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-style: normal;
    font-weight: 400;

    text-align: center;
    margin: 5px;
    padding: 5px;

    margin-left: 15px;

}
.fabricadoespana h3 {
    text-align: center;
    width: 110px;
    height: 100px;

}

.price-old, .precio-antes {
    text-decoration:line-through;
    color: red;
    font-size: small;
}
#precio {
    text-transform: uppercase;
}
#precio  .price-new {
    color: #dbc265;
    font-weight: bolder;
    font-size: x-large;
}

/* Información quienes somos */
#presentacion {
    float:left; 
    margin: 15px;
    border: 3px solid rg(187,187,187); 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
    -webkit-box-shadow: #666 0px 2px 3px; 
    -moz-box-shadow: #666 0px 2px 3px; 
    box-shadow: #666 0px 2px 3px;
}
#presentacion img {
    width: 350px;
    height: 220px;
}


#cajapromocion {
    background: url('../image/button-active.png') repeat-x;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: red;
}
#cajapromocion.cajapromocion5estrellas {
    background: url('../image/button-active-5.png') repeat-x;
    background-color: white;
}
/* ERROR*/

@-webkit-keyframes blink {  
    from { opacity: 1.0; }
     to { opacity: 0.0; }
}

#cajapromocion,.blink {
    text-decoration: blink;
    -webkit-animation-name: blink;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    -webkit-animation-duration: 2s; 
}
.tituloProducto {
    text-align: center;
}
.caracteristica {
    cursor: pointer;
    color: white;
    border-radius: 2px;
    text-align: center;
    margin-top: 25px;
    background-color: rgb(188,134,62); 
}
.caracteristica img {
    float: right;
    margin-right: 10px;
}
.descripcion-derecha {
    margin-top: 27px;
}
.cart-info .quantity input{
    border-radius: 5px;
    text-align: right;
}
.cantidad {
    margin-top: 5px;
    text-align: center;
}
.comprar .cart {
    text-align: center;
}
.cart-info a {color:white;}

.cart-info .total,.cart-info .price{
    text-align: right;
}
.cart-info  td {
    padding-left: 10px;
}

.cart-info thead {
    font-weight: bold;
}

.checkout-content .radio td { 
    vertical-align: middle;
}

#cajacomplementos span,#cajarecomendarweb span {
    text-decoration: underline;
}

#button-ver img {
    vertical-align: middle;
}

.ui-selectmenu-menu-popup  {
    z-index: 20;
}
.dimensionescolchones {
    font-size:1.2em;
}
.ui-selectmenu-icon {
    right: 1px;
}
.logoColorbox {
    position: relative;
    width: 180px;
    margin: auto;
    z-index: 20;
}

.cart-info table {
    width: 100%;
}


#dimensionesColchones-button {
    margin:auto;
    font-size:0.7em
}
.jquerybubblepopup-top-left {
    background-position: 1px 1px;
}
.jquerybubblepopup-top-right {
    background-position: -1px 1px;
}
.jquerybubblepopup-middle-left {
    background-position: 1px 0px;
}
.jquerybubblepopup-middle-right {
    background-position: -1px 0px;
}
.jquerybubblepopup-bottom-left {
    background-position: 1px -1px;
}
.jquerybubblepopup-bottom-right {
    background-position: -1px -1px;
}
.jquerybubblepopup-top-middle {
    background-position: 0px 1px;
}
.jquerybubblepopup-bottom-middle {
    background-position: 0px -1px;
}

.footer {
    background-color: black;
    width:100%;
    height:40px;
    margin-top: 10px;
}
.footer>div {
    margin:auto;
    color:gray;
    font-size: 9px; 
    padding-top: 5px;
    width:950px;
    text-align: center;
}
.footer>div a:link,.footer>div a:visited,.checkout a:link,.checkout a:visited,#contactanos  {
    color:white;
}
/*iconos*/
.iconos {
    float: right;
    margin-top: -25px;
    margin-right: 15px;
    height: 25px;
}
.iconos img {
    opacity: 0.65;
    cursor: pointer;
}
.iconos img:hover,#promocion5estrellas:hover {
    opacity: 1;
}

#promocion5estrellas.up {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
               /* IE6–IE9 */
               filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
                 zoom: 1;
            opacity: 1;
    }
#promocion5estrellas {
        -webkit-transition: all 1000ms ease-in-out;
        -moz-transition: all 1000ms ease-in-out;
        -o-transition: all 1000ms ease-in-out;
        -ms-transition: all 1000ms ease-in-out;
        opacity: 0.5;
    }
    
    .promocion5menu {
        color: rgb(185, 163, 47); 
    }
    .promocionmenu {
        color: blue;
    }
    
    .sinmarcos #cboxTopCenter,   .sinmarcos #cboxTopRight,   .sinmarcos #cboxBottomLeft, .sinmarcos #cboxBottomCenter, 
    .sinmarcos #cboxBottomRight, .sinmarcos #cboxBottomRight,.sinmarcos #cboxMiddleLeft, .sinmarcos #cboxMiddleRight,
    .sinmarcos #cboxTopLeft
        {
            background-image:none;
        }
        .sinmarcos #cboxTitle {display:none;}
        .sinmarcos #cboxContent {background-color:transparent;}
 
 #search {
	position: absolute;
        top: 2px;
	right: 125px;
	z-index: 15;
}
.button-search {
	position: absolute;
	left: 0px;
	background: url('../image/button-search.png') center center no-repeat;
	width: 28px;
	height: 24px;
	border-right: 1px solid #CCCCCC;
	cursor: pointer;
}
#search input {
	padding: 1px 1px 1px 33px;
	width: 50px;
	height: 21px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
}

.pagination .results {display:none;}

.pagination {
    text-align:center;
    margin-bottom: 12px;
    min-height: 16px;
}


.pagination a, .pagination b {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagination a, .pagination b {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.pagination b {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.product-list {
    margin-left: 25px;
    }
.product-list .producto {
    text-align:justify;
    width: 170px;
    float: left;
    margin: 20px;
    border: solid rgb(255, 255, 255) 3px;
    padding: 5px;
    background-color: white;
    color:black;
    font-size:12px;
    box-shadow: 0 0 10px rgb(255, 255, 255);
    border: rgb(255, 255, 255) 2px solid;
    border-radius: 4px;
    }
.product-list .producto .description {
    height: 48px;
    overflow: hidden;
}
