html {
padding: 0;
margin: 0;
}
body {
margin: 0;
font-size: 12px;
font-family: Arial, "Times New Roman", serif;
background: #fff url(../img/fondo-body.png) repeat-x;
text-align: center;
color: #4F4F4F;
margin-top:60px;
}
/*========- GLOBALES ======================================================================================================================================*/
img {border: 0;}
ul, ol, li, dl, dt, dd { list-style-type: none; margin: 0; padding: 0; }
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}
form,fieldset,label,input {padding: 0;margin: 0;}
fieldset {border: 0;}
p {margin: 1em 0;}
.hidden, .invisible {display: none;}
.clear {clear: both;}
/*========- TEXTO EDITADO =====================================================================================================*/
#texto { }
#texto p { margin:10px 0; font-size:12px; }
#texto h5 { margin:5px 0; font-size:14px; font-weight:bold; }
#texto ul { clear:both; margin:5px 10px; }
#texto li { display:block; }
#texto a { color:#95161c; text-decoration:underline; }
#texto a:hover { color:#898989; }
#fram { height:195px; overflow:auto; padding-right:5px; width:250px; margin-top:10px;}
/*========- ESTRUCTURA =========================================================================================================*/
#fondoWrapper { width:1000px; display:block; margin:0 auto; background: url(../img/top-wrapper.png) no-repeat; height:11px; text-align:left; }
#wrapper { width:1000px; clear:both; display:block; margin:0 auto; position:relative; background: url(../img/fondo-wrapper.png) repeat-y; border-bottom:53px solid #666666;}
.bice { display:block; position:absolute; left:612px; top:-59px; }
#top { display:block; width:990px; height:157px; margin:0 5px; background: url(../img/fondo-top.png) no-repeat; }
#top #logo { display:inline; float:left; width:487px; height:105px; }
#top #logo h1 a { display:inline; float:left; width:155px; height:86px; background: url(../img/logo-manzo.png) no-repeat; text-indent:-9000px; margin:9px 0 0 28px; overflow:hidden; cursor:pointer; }
#top #logo h2 { display:inline; float:left; width:207px; height:23px; background: url(../img/desde-1956.png) no-repeat; text-indent:-9000px; margin:32px 0 0 10px; }
#top #logoDer { display:inline; float:left; width:503px; height:105px; }
#top #logoDer ul.idiomas { background: url(../img/banderas.png) no-repeat; display:inline; float:left; height:16px; margin:39px 0 30px; overflow:hidden; position:relative; width:76px;}
#top #logoDer .idiomas li { float:left; }
#top #logoDer .idiomas li a { height:16px; width:76px; display:block; background:url(../img/banderas.png) no-repeat; text-indent:-9000px; cursor:pointer; }
#top #logoDer .idiomas #es a { background-position:0 -16px; width:27px; }
#top #logoDer .idiomas #es .seleccionado, #top #logoDer .idiomas #es a:hover { background-position:0 0; }
#top #logoDer .idiomas #it a { background-position:-27px -16px; width:22px; margin-right:5px; }
#top #logoDer .idiomas #it .seleccionado, #top #logoDer .idiomas #it a:hover { background-position:27px 0; }
#top #logoDer .idiomas #en a { background-position:-54px -16px; width:22px; }
#top #logoDer .idiomas #en .seleccionado, #top #logoDer .idiomas #en a:hover { background-position:54px 0; }
#top #logoDer ul.nav { clear:both; display:inline; float:left; font:bold 12px Arial; color:#fff; margin:38px 22px 0 69px; }
#top #logoDer .nav li { display:inline; }
#top #logoDer .nav li a { color:#fff; }
#top #logoDer .nav li a:hover { color:#d1d1d1; }
#top #logoDer #musicaFlash { display:inline; float:right; height:33px; margin:32px 26px 0 0; width:21px; }
#botonera { clear:both; position:relative; background: url(../img/botonera.png) no-repeat 0 0; width:990px; height:52px; padding-left:23px; }
.dropdown1 {float:left; margin-right:11px; }
.dropdown1 dt, .dropdown1 a { display:block; width:90px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -23px 0; text-indent:-9000px;}
.dropdown1 dt:hover, .dropdown1 .sele { display:block; width:90px; height:52px; background: url(../img/botonera.png) no-repeat -23px -52px; }
.dropdown2 {float:left; margin-right:11px; }
.dropdown2 dt, .dropdown2 .nada { display:block; width:79px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -124px 0; text-indent:-9000px;}
.dropdown2 dt:hover, .dropdown2 .sele { display:block; width:79px; height:52px; background: url(../img/botonera.png) no-repeat -124px -52px; }
.dropdown3 {float:left;margin-right:11px; }
.dropdown3 dt, .dropdown3 .nada { display:block; width:52px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -214px 0; text-indent:-9000px;}
.dropdown3 dt:hover, .dropdown3 .sele { display:block; width:52px; height:52px; background: url(../img/botonera.png) no-repeat -214px -52px; }
.dropdown4 {float:left; margin-right:11px;}
.dropdown4 dt, .dropdown4 .nada { display:block; width:82px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -277px 0; text-indent:-9000px;}
.dropdown4 dt:hover, .dropdown4 .sele { display:block; width:82px; height:52px; background: url(../img/botonera.png) no-repeat -277px -52px; }
.dropdown5 {float:left;margin-right:11px; }
.dropdown5 a { display:block; overflow:hidden; }
.dropdown5 dt, .dropdown5 .nada { display:block; width:99px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -370px 0; text-indent:-9000px;}
.dropdown5 dt:hover, .dropdown5 .sele { display:block; width:99px; height:52px; background: url(../img/botonera.png) no-repeat -370px -52px; }
.dropdown6 {float:left;margin-right:11px; }
.dropdown6 a { display:block; overflow:hidden; }
.dropdown6 dt, .dropdown6 .nada { display:block; width:78px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -480px 0; text-indent:-9000px;}
.dropdown6 dt:hover, .dropdown6 .sele { display:block; width:78px; height:52px; background: url(../img/botonera.png) no-repeat -480px -52px; }
.dropdown7 {float:left;margin-right:11px; }
.dropdown7 a { display:block; overflow:hidden; }
.dropdown7 dt, .dropdown7 .nada { display:block; width:134px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -569px 0; text-indent:-9000px;}
.dropdown7 dt:hover, .dropdown7 .sele { display:block; width:134px; height:52px; background: url(../img/botonera.png) no-repeat -569px -52px; }
.dropdown8 {float:left; margin-right:11px;}
.dropdown8 a { display:block; overflow:hidden; }
.dropdown8 dt, .dropdown8 .nada { display:block; width:63px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -714px 0; text-indent:-9000px;}
.dropdown8 dt:hover, .dropdown8 .sele { display:block; width:63px; height:52px; background: url(../img/botonera.png) no-repeat -714px -52px; }
.dropdown9 {float:left; margin-right:11px;}
.dropdown9 a { display:block; overflow:hidden; }
.dropdown9 dt, .dropdown9 .nada { display:block; width:58px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -788px 0; text-indent:-9000px;}
.dropdown9 dt:hover, .dropdown9 .sele { display:block; width:58px; height:52px; background: url(../img/botonera.png) no-repeat -788px -52px; }
.dropdown10 {float:left; margin-right:11px;}
.dropdown10 a { display:block; overflow:hidden; }
.dropdown10 dt, .dropdown10 .nada { display:block; width:110px; height:52px; cursor:pointer; background: url(../img/botonera.png) no-repeat -857px 0; text-indent:-9000px;}
.dropdown10 dt:hover, .dropdown10 .sele { display:block; width:110px; height:52px; background: url(../img/botonera.png) no-repeat -857px -52px; }
dd {position:absolute; overflow:hidden; width:204px; display:none; z-index:200; opacity:0; text-align:left;}
ul.ulDrop { list-style:none; border-top:none; margin-left:0; }
.ulDrop li {display:inline; color:#fff; text-align:left; }
.ulDrop li a {display:block; padding:5px; color:#fff; text-decoration:none; background:#94151b; border-bottom:1px solid #bf7376;}
.ulDrop li a:hover {background:#840f14; color:#fff;}
#cuerpo { display:block; width:990px; margin:0 5px; }
#cuerpo #fotoCentral { clear:both; display:block; position:relative; width:990px; height:300px; background:#d1d1d1; border-bottom:2px solid #fff; text-align:left; }
#cuerpo #fotoCentral .imagen { display:block; margin-left:0; width:650px; height:300px; }
#cuerpo #fotoCentral .estilo { display:block; position:absolute; background: url(../img/un-estilo.png) no-repeat; width:424px; height:146px; text-indent:-9000px; left:566px; top:57px; }
#cuerpo #fotoCentral #fondoProducto { display:block; position:absolute; background: url(../img/fondo-productos.png) no-repeat; width:424px; height:255px; left:566px; top:22px; color:#fff;}
#cuerpo #fotoCentral #fondoProducto .imagenes { display:inline; float:left; height:237px; margin:9px 20px 0 27px; position:relative; width:114px; }
#cuerpo #fotoCentral #fondoProducto .imagenes img { display:block; width:110px; height:110px; border:2px solid #fff; }
#cuerpo #fotoCentral #fondoProducto .descripcion { float:left; height:235px; position:relative; top:9px; width:250px; }
#cuerpo #fotoCentral #fondoProducto .tituloProd { display:block;font:bold 18px "Trebuchet MS"; color:#fff; }
#cuerpo #fotoCentral #fondoProducto .descripcion .precio { display:block; background: url(../img/fondo-precio.png) no-repeat; padding:1px 5px; color: #fff; font-weight: bold; float:left; margin-top:5px; width:80px; height:19px; font-size:14px; font-family: "Trebuchet MS"; font-weight:bold; }
#cuerpo .seccion { display:block; width:990px; height:26px; background:#5b6673; border-bottom:2px solid #fff; font:bold 12px Arial; color:#fff; text-align:left; }
#cuerpo .seccion .titulo { display:inline; float:left; height:21px; font:bold 14px Arial; color:#fff; padding:5px 0 0 16px; background:#9a0006; margin-right:10px; }
#cuerpo .seccion .descripcion { font-size:13px; display:inline; float:left; height:21px; padding-top:5px; }
#muestras { clear:both; position:relative; display:block; text-align:left; width:990px; overflow:hidden; background: #efefef url(../img/bullets.png) no-repeat; min-height:41px; margin:0 5px 18px 5px; }
#muestras #fondo { background: url(../img/linea-muestras.png) repeat-y; width:990px; display:block; top:37px; overflow:hidden; position:relative; margin:0 0 37px 0; }
#muestras #showrooms { position:relative; float:left; display:inline; width:280px; margin:0 0 0 44px; }
#showrooms h3 { text-indent:-9000px; margin:-5px 0 0 0; }
#showrooms .mdp { position:relative; display:block; height:17px; width:280px; background: url(../img/show-mardelplata.png) no-repeat; text-indent:-9000px; }
#showrooms .bue { position:relative; display:block; height:17px; width:280px; background: url(../img/show-buenosaires.png) no-repeat; text-indent:-9000px; margin:6px 0 0 0; }
#showrooms ul { clear:both; position:relative; display:block; width:280px; }
#showrooms li { border-bottom:1px solid #d4d4d4; padding:6px 0 6px 0; width:280px; display:block; height:60px; font-size:12px; }
#showrooms li img { float:left; display:inline; width:60px; margin:0 11px 0 0; clear:left; border:1px solid #ccc; }
#showrooms li p { display:inline; margin:0; }
#showrooms li a { color:#436184; font-size:12px; }
#showrooms li a:hover { color:#808080; }
#imageContainer { position:relative; margin:auto; }
#imageContainer img { display:none; position:absolute; top:0; left:0; }
#imageContainer img a { border:0; }
.imgShow { clear:both; position:relative; display:inline; overflow:hidden; float:left; width:60px; height:60px;margin:0 11px 0 0; }
#muestras #ambientaciones { position:relative; float:left; display:inline; width:280px; margin:0 0 0 31px;}
#ambientaciones h3 { text-indent:-9000px; margin:-7px 0; }
#ambientaciones ul.imagenes { clear:both; display:block; position:relative; overflow:hidden; width:280px; margin:11px 0 11px 0; }
#ambientaciones li { display:inline; float:left; margin:0 6px 4px 0;}
#ambientaciones img { width:85px; height:85px; border:1px solid #ccc; }
#muestras #listasbodas { position:relative; float:right; display:inline; width:280px; margin:0 44px 75px 0;}
#listasbodas h3 { text-indent:-9000px; margin:-8px 0 10px 0; }
#listasbodas .colegio { border-color:#D4D4D4; border-style:solid; border-width:1px 0; display:block; margin:10px 0; padding:10px 0; width:280px; }
#listasbodas .capba { clear:both; display:block; margin:0 0 0 53px; overflow:hidden; width:163px; height:64px; }
#listasbodas h4 { display:block; margin-top:18px; font:bold 12px Arial; color:#5B6673; }
#listasbodas a { color:#436184; font-size:12px; }
#listasbodas a:hover { color:#808080; }
#listasbodas #formNews { width:280px; display:block; position:relative; margin:10px 0 0 0; }
#listasbodas #formNews label { width:70px; font-weight:bold; color:#5b6673; float:left; display:inline; margin:7px 0 0 0; }
#listasbodas #formNews input { border:1px solid #d6d5d2; width:205px; float:left; display:inline; margin:5px 0 0 0; font-size:12px; padding:0 0 0 3px; color: #5b6673; }
#listasbodas #formNews select { border:1px solid #d6d5d2; width:210px; float:left; display:inline; margin:5px 0 0 0; font-size:12px; padding:0 0 0 3px; color: #5b6673; }
#listasbodas #formNews button { clear:both; position:relative; background:url(../img/enviar-registro.png) no-repeat 0 10px; width:71px; height:36px; overflow:hidden; border:0; margin:10px 0 0 212px; display:block; cursor:pointer; text-indent:-9000px; }
/*========- LA EMPRESA ======================================================================================================================================*/
.la-empresa { clear:both; position:relative; border-bottom:20px solid #9faab7; width:990px; display:block; overflow:hidden; background: url(../img/fondo-la-empresa.png) repeat-y; text-align:left; }
.la-empresa #colLeft { position:relative; float:left; display:inline; width:622px; padding:24px 0 0 28px; text-align:left; }
.la-empresa #colLeft h2 { width:622px; height:54px; display:block; background: url(../img/tit-perfil.png) no-repeat; text-indent:-9000px; margin:0 0 19px 0; }
.la-empresa #colLeft img {float:left; display:inline; margin: 0 15px 15px 0; width:146px; height:176px; }
.la-empresa #colLeft p { color:#4f4f4f; padding-right:20px; }
.la-empresa #colLeft .firma { width:191px; height:55px; position:relative; display:block; background: url(../img/empresa-firma.png) no-repeat; margin:20px 0 20px 400px; }
.la-empresa #colRight { position:relative; display:inline; float:left; width:340px; margin:24px 0 0 0; overflow:hidden; }
.la-empresa #colRight h2 { width:340px; height:54px; display:block; background: url(../img/tit-mueblesmanzo.png) no-repeat; text-indent:-9000px; margin:0 0 19px 0; }
.la-empresa #colRight h3 { width:280px; height:205px; display:block; background: url(../img/text-manzo.png) no-repeat; text-indent:-9000px; margin:52px 0 0 30px; }
/*========- PREGUNTAS ========================================================================================================================================*/
.preguntas-frecuentes { clear:both; position:relative; border-bottom:20px solid #9faab7; width:990px; display:block; overflow:hidden; background: url(../img/fondo-la-empresa.png) repeat-y; text-align:left; }
.preguntas-frecuentes #colLeft { position:relative; float:left; display:inline; width:622px; padding:24px 0 0 28px; text-align:left; }
.preguntas-frecuentes #colLeft h2 { width:622px; height:54px; display:block; background: url(../img/tit-preguntas-frecuentes.png) no-repeat; text-indent:-9000px; margin:0 0 19px 0; }
.preguntas-frecuentes ul.preguntas { margin:0 0 10px 0; }
.preguntas-frecuentes .preguntas li { display:block; }
.preguntas-frecuentes .preguntas li a { font-size:13px; font-weight:bold; color: #4f4f4f; background: url(../img/bullet-preguntas.png) no-repeat 16px 1px; padding:0 28px 0 37px; display:block; height:20px; margin:10px 0 0 0; cursor:pointer; }
.preguntas-frecuentes .preguntas span { font-size:13px; font-weight:normal; padding: 0 13px 0 38px; margin:0 28px 0 0; border-bottom:1px solid #cacaca; }
.preguntas-frecuentes #colRight { position:relative; display:inline; float:left; width:340px; margin:24px 0 0 0; overflow:hidden; }
.preguntas-frecuentes #colRight h2 { width:340px; height:54px; display:block; background: url(../img/tit-mueblesmanzo.png) no-repeat; text-indent:-9000px; margin:0 0 19px 0; }
.preguntas-frecuentes #colRight h3 { width:280px; height:205px; display:block; background: url(../img/text-manzo.png) no-repeat; text-indent:-9000px; margin:52px 0 0 30px; }
.preguntas-frecuentes #colRight p { margin:0; width:280px; margin:0 0 0 30px; color: #5b6673; font-size:13px; }
.preguntas-frecuentes #formPreg { width:280px; display:block; position:relative; margin:20px 0 0 30px; }
.preguntas-frecuentes #formPreg label { width:59px; font-weight:bold; color:#5b6673; float:left; display:inline; margin:5px 0 0 0; }
.preguntas-frecuentes #formPreg input, .preguntas-frecuentes #formPreg select { border:1px solid #AFAFAF; width:216px; float:left; display:inline; margin:5px 0 0 0; font-size:12px; padding:0 0 0 3px; color: #5b6673; }
.preguntas-frecuentes #formPreg textarea { border:1px solid #AFAFAF; width:213px; float:left; display:inline; margin:5px 0 0 0; height:100px; padding:3px; color: #5b6673; }
.preguntas-frecuentes #formPreg button { clear:both; position:relative; background:url(../img/enviar.png) no-repeat 0 10px; width:73px; height:36px; overflow:hidden; border:0; margin:10px 0 20px 209px; display:block; cursor:pointer; text-indent:-9000px; }
/*========- CONTACTO ======================================================================================================================================*/
.contacto { clear:both; position:relative; border-bottom:20px solid #9faab7; width:990px; display:block; overflow:hidden; background: url(../img/fondo-la-empresa.png) repeat-y; text-align:left; }
.contacto #colLeft { position:relative; float:left; display:inline; width:622px; padding-left:28px; padding-top:24px; text-align:left; }
.contacto #colLeft h2 { width:622px; height:54px; display:block; background: url(../img/tit-contacto.png) no-repeat; text-indent:-9000px; margin-bottom:19px; }
.contacto #colLeft #izq { position:relative; float:left; display:inline; width:296px; margin-left:15px; border-right:1px solid #b0b0b0; }
.contacto #izq p { margin:0; padding-right:10px; }
.contacto #colLeft #der { position:relative; float:left; display:inline; width:267px; margin:0 0 0 15px; }
.contacto #colLeft #der .mdp { position:relative; display:block; background: url(../img/contacto-mardelplata.png) no-repeat; width:267px; height:17px; margin:0; margin:0 0 9px 0; }
.contacto #colLeft #der .bue { margin: 0; position:relative; display:block; background: url(../img/contacto-buenosaires.png) no-repeat; width:267px; height:17px; margin:0; margin:0 0 9px 0; }
.contacto #colLeft #der li { margin: 0; color:#4f4f4f; border-bottom:1px solid #b0b0b0; margin:0 0 9px 0; padding:0 0 9px 0; clear:both; position:relative; width:267px; font-size:12px; }
.contacto #colLeft #der li a { color:#807240; }
.contacto #colLeft #der li a:hover { color:#95161c; }
.contacto #colRight { position:relative; display:inline; float:left; width:340px; margin:24px 0 0 0; overflow:hidden; }
.contacto #colRight h2 { width:340px; height:54px; display:block; background: url(../img/tit-ubicacion.png) no-repeat; text-indent:-9000px; }
.contacto #colRight h3 { width:280px; height:205px; display:block; background: url(../img/text-manzo.png) no-repeat; text-indent:-9000px; margin:52px 0 0 30px; }
.contacto #colRight p { margin:0; width:280px; margin:0 0 0 30px; color: #5b6673; font-size:13px; }
.contacto #formContacto { width:280px; display:block; position:relative; margin:20px 0 0 0; }
.contacto #formContacto label { width:59px; font-weight:bold; color:#5b6673; float:left; display:inline; margin:5px 0 0 0; }
.contacto #formContacto input, #formContacto select { border:1px solid #d6d5d2; width:216px; float:left; display:inline; margin:5px 0 0 0; font-size:12px; padding:0 0 0 3px; color: #5b6673; }
.contacto #formContacto textarea { border:1px solid #d6d5d2; width:213px; float:left; display:inline; margin:5px 0 0 0; height:100px; padding:3px; color: #5b6673; }
.contacto #formContacto button { clear:both; position:relative; background:url(../img/enviar-contacto.png) no-repeat 0 10px; width:71px; height:36px; overflow:hidden; border:0; margin:10px 0 0 209px; display:block; cursor:pointer; text-indent:-9000px; }
#pie { clear:both; position:relative; display:block; width:990px; margin: 0 auto; margin-top:5px; padding:0 0 15px 0; height:45px; }
#pie .logos { display:block; height:53px; background: url(../img/logos-pie.png) no-repeat; position:absolute; top:-59px; left:15px; width:603px; }
#pie .logos .logo1 { display:inline; float:left; text-indent:-9000px; width:120px; height:25px; position:relative; overflow:hidden; left:-1px; top:13px;}
#pie .logos .logo2 { display:inline; float:left; text-indent:-9000px; width:135px; height:25px; position:relative; overflow:hidden; left:12px; top:13px;}
#pie .logos .logo3 { display:inline; float:left; text-indent:-9000px; width:145px; height:25px; position:relative; overflow:hidden; left:24px; top:13px;}
#pie .logos .logo4 { display:inline; float:left; text-indent:-9000px; width:70px; height:25px; position:relative; overflow:hidden; left:36px; top:13px;}
#pie .logos .logo5 { display:inline; float:left; text-indent:-9000px; width:90px; height:25px; position:relative; overflow:hidden; left:45px; top:13px;}
#pie .sobre { width:44px; height:45px; display:inline; position:relative; float:left; background: url(../img/contacto-sobre.png) no-repeat; text-indent:-9000px; overflow:hidden; }
#pie address { text-align:left; float:left; display:inline; font-size:12px; font-style:normal; margin:12px 0 0 9px; }
#pie .osmosis { color:#95161c; font-weight:bold; overflow:hidden; }
#pie .futon { position:relative; float:right; display:inline; width:330px; height:175px; background: url(../img/imagen-pie.png) no-repeat; margin:-124px -5px 0 0;; }