/* ############################################################## */
/* #################### LAYOUT GENERAL ########################## */
/* ############################################################## */

*{margin:0;padding:0;line-height:16px;}

body {
    background: #FFFFFF url('/images/v3/background.jpg') repeat-x top left;
    font-family: "Arial", Verdana, Times, serif;
    font-size: 11px;
}

p,li,span {color:#4F4F4F;}
a {text-decoration: none;}
img {border:none}

#page_wrap {
    background: url('/images/v3/background_sombra.png') top left repeat-y;
    width: 1040px;
    margin: 0 auto;
}

#page {
    margin: 0 auto;
    width: 998px;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
}

#elementos_destacados {
    display: none;
}

/* ##### CABECERA ##### */

#cabecera {
    background: #FFFFFF url('/images/v3/cabecera.jpg') top left no-repeat;
    width: 998px;
    height: 170px;
    float: left;
}

#cabecera #logo {
    width: 290px;
    height: 90px;
    padding: 10px 20px;
    float: left;
}

#cabecera #menu_principal {
    float: right;
    padding-top: 30px;
    padding-right: 12px;
}

#cabecera #menu_principal a {
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 18px;
    padding-top: 8px;
    font-size: 13px;
    border-top: solid 2px #C30282;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}

#cabecera #menu_principal .menu_true {
    color: #C30282;
    border-top: solid 2px #FFFFFF;
}

#cabecera #menu_principal a:hover {
    color: #C30282;
    border-top: solid 2px #FFFFFF;
}

/* ##### CONTENEDOR ##### */

#contenedor {
    /*background: url('/images/v3/background_contenedor.jpg') top left repeat;*/
    background: #FFFFFF;
    float: left;
    width: 998px;
    padding-bottom: 20px;
}

/* IZQUIERDA */

#izq {
    width: 219px;
    float: left;
}

/* ACCESOS DIRECTOS */

#izq #accesos_directos {
    height: 20px;
    padding-left: 20px;
}

#izq #accesos_directos img {
    padding-left: 5px;
}

/* MENU CATEGORIAS */

#izq #menu_productos {
    margin-top: 14px;    
}

#izq #menu_productos #categoria_colchones {
    background: url('/images/v3/menu_colchones.png') top left no-repeat;
    padding-top: 25px;
}

#izq #menu_productos #categoria_colchones #viscoelasticos {
    background: url('/images/v3/menu_viscoelasticos.png') top left no-repeat;
    width: 205px;
    height: 36px;
}

#izq #menu_productos #categoria_colchones #viscoelasticos a {
    width: 105px;
    height: 36px;
    padding-left: 35px;
    line-height: 36px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_colchones #viscoelasticos a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_colchones #viscoelasticos .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_colchones #muelles {
    background: url('/images/v3/menu_muelles.png') top left no-repeat;
    width: 205px;
    height: 34px;
}

#izq #menu_productos #categoria_colchones #muelles a {
    width: 105px;
    height: 34px;
    padding-left: 35px;
    line-height: 30px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_colchones #muelles a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_colchones #muelles .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_colchones #latex {
    background: url('/images/v3/menu_latex.png') top left no-repeat;
    width: 205px;
    height: 30px;
}

#izq #menu_productos #categoria_colchones #latex a {
    width: 105px;
    height: 36px;
    padding-left: 35px;
    line-height: 30px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_colchones #latex a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_colchones #latex .menu_true {
    color: #C30282;
}



#izq #menu_productos #categoria_bases {
    background: url('/images/v3/menu_bases.png') top left no-repeat;
    padding-top: 25px;
}

#izq #menu_productos #categoria_bases #fijas {
    background: url('/images/v3/menu_fijas.png') top left no-repeat;
    width: 205px;
    height: 37px;
}

#izq #menu_productos #categoria_bases #fijas a {
    width: 105px;
    height: 36px;
    padding-left: 35px;
    line-height: 41px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_bases #fijas a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_bases #fijas .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_bases #articuladas {
    background: url('/images/v3/menu_articuladas.png') top left no-repeat;
    width: 205px;
    height: 34px;
}

#izq #menu_productos #categoria_bases #articuladas a {
    width: 105px;
    height: 36px;
    padding-left: 35px;
    line-height: 34px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_bases #articuladas a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_bases #articuladas .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_bases #arcones {
    background: url('/images/v3/menu_arcones.png') top left no-repeat;
    width: 205px;
    height: 31px;
}

#izq #menu_productos #categoria_bases #arcones a {
    width: 105px;
    height: 36px;
    padding-left: 35px;
    line-height: 31px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_bases #arcones a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_bases #arcones .menu_true {
    color: #C30282;
}


#izq #menu_productos #categoria_varios {
    background: url('/images/v3/menu_varios.png') top left no-repeat;
    padding-top: 25px;
}

#izq #menu_productos #categoria_varios #almohadas {
    background: url('/images/v3/menu_almohadas.png') top left no-repeat;
    width: 205px;
    height: 37px;
}

#izq #menu_productos #categoria_varios #almohadas a {
    width: 105px;
    height: 37px;
    padding-left: 35px;
    line-height: 37px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_varios #almohadas a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #almohadas .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #cabeceros {
    background: url('/images/v3/menu_cabeceros.png') top left no-repeat;
    width: 205px;
    height: 34px;
}

#izq #menu_productos #categoria_varios #cabeceros a {
    width: 105px;
    height: 34px;
    padding-left: 35px;
    line-height: 34px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_varios #cabeceros a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #cabeceros .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #textil {
    background: url('/images/v3/menu_textil.png') top left no-repeat;
    width: 205px;
    height: 33px;
}

#izq #menu_productos #categoria_varios #textil a {
    width: 105px;
    height: 33px;
    padding-left: 35px;
    line-height: 33px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_varios #textil a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #textil .menu_true {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #sillones {
    background: url('/images/v3/menu_sillones.png') top left no-repeat;
    width: 205px;
    height: 34px;
}

#izq #menu_productos #categoria_varios #sillones a {
    width: 105px;
    height: 34px;
    padding-left: 35px;
    line-height: 34px;
    color: #343399;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#izq #menu_productos #categoria_varios #sillones a:hover {
    color: #C30282;
}

#izq #menu_productos #categoria_varios #sillones .menu_true {
    color: #C30282;
}

/* BANNERS */

#banners {
    padding-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

#banners #banner_consejos {
    
}

#banners #banner_localizacion {
    margin-top: 25px;
}


/* CENTRO */


#centro {
    width: 779px;
    float: left;
}

#centro #presentacion {
    width: 744px;
    height: 265px;    
    background: transparent url('/images/v3/background_presentacion.jpg') top left no-repeat;
}

#centro #presentacion #texto_presentacion {
    height: 167px;
    width: 378px;
    margin-left: 360px;
    margin-top: 37px;
    float: left;
}

#centro #presentacion #texto_presentacion p {
    width: 250px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: justify;
    font-size: 14px;
    margin-left: 80px;
    line-height: 18px;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}

#centro #presentacion #texto_presentacion #primero {
    margin-left: 50px;
    margin-top: 15px;
}

#centro #presentacion #texto_presentacion p span {
    color: #C30282;
}

#centro #presentacion #fabricantes {
    width: 731px;
    height: 48px;
    margin-left: 6px;
    margin-top: 8px;
    /*background: url('/images/v3/background_fabricantes.gif') no-repeat top left;*/
    float: left;
}

/* ##### PIE ##### */

#pie {
    width: 998px;
    height: 130px;
    clear: both;
    background: url('/images/v3/background_pie.jpg') top left no-repeat;
}

#pie #izq {
    width: 690px;
    float: left;
}

#pie #izq div {
    width: 170px;
    padding-left: 40px;
    padding-top: 10px;
    float: left;
}

#pie #izq div h3 {
    color: #C30282;
    font-family: Arial;
    font-size: 14px;
}

#pie #izq div p {
    font-size: 12px;
    font-weight: bold;
}

#pie #izq div .direccion {
    color: #343399;
    padding-left: 10px;
    padding-top: 2px;
}

#pie #izq div .telefono {
    color: #595B8F;
    font-style: italic;
    padding-left: 15px;
}

#pie #dcha {
    width: 308px;
    float: left;
}

#pie #dcha #condiciones {
    height: 30px;
    margin-top: 10px;
    color: #343399;
    font-weight: bold;
    font-size: 12px;
}

#pie #dcha #condiciones a {
    color: #343399;
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}

#pie #dcha #validaciones {

}

#pie #dcha #validaciones img {
    padding: 10px;
}

/* ####### INICIO ###### */

#listado {
    width: 779px;    
    margin-top: 20px;    
}

#listado img {
    margin-bottom: 10px;
}

#listado .producto {
    width: 370px;
    height: 210px;
    background: url('/images/v3/background_producto.png') top left no-repeat;
    float: left;
    padding: 10px 8px;
}

#listado .producto .superior {
    height: 133px;
    width: 354px;
}

#listado .producto .superior .imagen {
    margin-left: 6px;
    margin-top: 1px;
    height: 130px;
    width: 335px;
    text-align: center;
}

#listado .producto .superior .imagen img {
    height: 130px;
}

#listado .producto .inferior {
    height: 57px;
    width: 345px;
    padding-left: 10px;
}

#listado .producto .inferior h3 a {
    line-height: 22px;
    color: #343399;
    font-size: 13px;    
}

#listado .producto .inferior h3 a:hover {
    line-height: 22px;
    color: #C30282;
}

#listado .producto .inferior p {
    color: #595B8F;
    width: 320px;
    float: left;
}

#listado .producto .inferior .ver_mas {
    float: left;
    width: 8px;
    padding-top: 20px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

#listado .producto .inferior .ver_mas a {
    color: #C30282;
}

#listado .producto .inferior .ver_mas a:hover {
    color: #343399;
}

/* ####### DETALLE PRODUCTO ###### */

#detalle {
    background: url('/images/v3/background_detalle.png') top left no-repeat;
    width: 779px;   
    margin-top: 20px;
    padding-top: 40px;
}

#detalle #producto #superior {
    width: 750px;
}

#detalle #producto #superior #imagen {
    width: 750px;
    height: 335px;
    background: url('/images/v3/background_imagen_detalle.png') top left no-repeat;
    text-align: center;
}

#detalle #producto #superior #imagen img {
    height: 330px;
}

#detalle #producto #inferior {
    width: 745px;       
    margin-top: 10px;    
}

#detalle #producto #inferior #nombre {
    font-size: 20px;
    color: #343399;
}

#detalle #producto #inferior #categoria {
    color: #595B8F;
    font-style: italic;
    margin-top: 5px;
    font-size: 14px;
}

#detalle #producto #inferior #texto {
    margin-top: 10px;
    padding: 15px 20px;
    width: 705px;
    background: #E0E1F3;
}

#detalle #producto #inferior #texto h3 {
    color: #C30282;
    line-height: 20px;
    font-size: 15px;
}

#detalle #producto #inferior #texto div {
    text-align: justify;
    margin: 5px 0px;
    font-size: 12px;
}

#detalle #producto #inferior #texto div p {
    margin-bottom: 5px;
}

#detalle #producto #inferior #texto div ul {
    list-style: inside;
    margin: 8px;
}

#detalle #producto #inferior #texto div ol {
    list-style: inside;
    margin: 8px;
}

#detalle #producto #inferior #texto div li {
    margin-bottom: 5px;
}

#detalle #producto #inferior #presupuesto {
    margin-top: 20px;
    text-align: right;
}

/* PAGINACION */

#paginacion {
    width: 745px;
    padding: 6px;
    float: left;
    clear: both;
    text-align: center;
    font-weight: bold;
    color: #6F6F6F;
    font-size: 11px;
}

#paginacion a {
    margin: 2px;
    padding: 2px 5px;
    color: #C30282;    
}

#paginacion a:hover {
    color: #000000;
}

#paginacion .pagination span {
    margin: 2px;
    padding: 2px 5px;
}

#paginacion .current {
    background: #C30282;
    border: solid 1px #C30282;
    color: #FFFFFF;
}

#paginacion .total_resultados {
    margin-top: 5px;
    font-weight: normal;
}

/* EMPRESA */

#listado #empresa {
    clear: both;
    float: left;
}

#listado #empresa #mapa {
    float: left;
    width: 400px;
    height: 320px;
}

#listado #empresa #descripcion {
    float: left;
    width: 325px;
    height: 320px;
    text-align: justify;
    margin-left: 20px;
    font-size: 12px;
}

#listado #empresa #descripcion p {
    padding: 5px 0px;
}

#listado #empresa #descripcion .destacado {
    margin-top: 40px;
    height: 40px;
}

#listado #empresa #tiendas {
    float: left;
    clear: both;
    width: 745px;
    margin-top: 20px;
}

#listado #empresa #tiendas div {
    width: 200px;
    float: left;
    margin-right: 48px;
}

#listado #empresa #tiendas .pestana {
    text-align: center;    
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: url('/images/v3/background_empresa_foto.png') top center no-repeat;
    border-bottom: solid 1px #C30282;
    padding: 0px 11px;
}

#listado #empresa #tiendas .contenedor_foto {
    text-align: center;
    height: 150px;
    padding: 10px 10px;
    background: #E0E1F3;
    border-left: solid 1px #C30282;
    border-right: solid 1px #C30282;
}

#listado #empresa #tiendas .contenedor_foto img {
    margin-bottom: 5px;
}

#listado #empresa #tiendas .contenedor_foto .direccion {
    color: #343399;
    font-weight: bold;
}

#listado #empresa #tiendas .contenedor_foto .tlfno {
    color: #595B8F;
    font-weight: bold;
    font-style: italic;
}

/* VENTAJAS */

#listado #ventajas {
    
}

#listado #ventajas #razones {
    width: 700px;
}

#listado #ventajas #razones ul {    
    list-style: none;
    margin-top: 15px;
}

#listado #ventajas #razones ul li {
    font-size: 12px;
    text-align: justify;    
    line-height: 24px;
}

#listado #ventajas #razones span {
    padding-bottom: 12px;
}

#listado #ventajas #razones .ventaja {
    width: 650px;
    float: left;
    display: block;
}

#listado #ventajas #razones .numero {
    padding-left: 10px;
    width: 40px;
    float: left;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #C30282;
}

/* CONSEJOS */

#listado #consejos {
    
}

#listado #consejos #descanso {
    width: 700px;
}

#listado #consejos #descanso .seccion {
    padding: 15px 20px;
    border-bottom: dotted 1px #C30283;
}

#listado #consejos p {
    font-size: 12px;
    text-align: justify;
    font-weight: bold;
}

#listado #consejos #descanso ul {
    padding-top: 10px;
}

#listado #consejos #descanso ul li {
    font-size: 12px;
    text-align: justify;    
    list-style: inside;
    padding-left: 15px;
    padding-bottom: 10px;
}

/* CONTACTA */

#listado #contacta {
    background: url('/images/v3/contacta.jpg') bottom right no-repeat;
}

#listado #contacta #formulario {
    width: 700px;
}

#listado #contacta p {
    font-size: 12px;
    text-align: justify;    
}

#listado #contacta ul {
    margin-top: 20px;
    list-style: none;
}

#listado #contacta ul li {
    padding-bottom: 15px;
}

#listado #contacta label {
    display: block;    
    width: 200px;
    line-height: 22px;
    font-weight: bold;    
}

#listado #contacta textarea {
    height: 100px;
}

/* ERRORES */

#errorExplanation {
    
}

#errorExplanation h2 {
    color: red;
    margin-bottom: 5px;
}

#errorExplanation ul li {
    list-style: inside circle;
    color: red;
}

.info {
    line-height: 40px;
    color: green;
    font-weight: bold;
}

/* FABRICANTES */

