body { margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom:0px; background-color:#914E5D;} #base{ width:901px; height:auto; margin-right: auto; margin-left: auto;} #fondo-blanco{ float:left; width:901px; height:auto; background-color:#FFF} #txt-pie1{float:left; width:400px; height:auto; font:11px Arial, Helvetica, sans-serif; color:#D8C5C6; padding:3px 0px 0px 8px } #txt-pie2{float: right; width:400px; height:auto; font:11px Arial, Helvetica, sans-serif; color:#D8C5C6; padding:3px 8px 0px 0px; text-align:right } .right{ float:right} #fondo-pieblanco{ float:left; width:901px; height:14px; background:url(../img/fondo-pie.jpg) no-repeat;} #cont-btns{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-quienes{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-quienes.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-mon{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-mon.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-instuit{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-institut.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-atelier{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-ateliers.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-bien{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-bien.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-points{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-points.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-corps{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-corps.jpg) no-repeat top; padding-top:95px; padding-left:5px } #cont-btns-visage{ float: right; width:659px; height:105px; background: url(../img/fondo-btns-top-visage.jpg) no-repeat top; padding-top:95px; padding-left:5px } .img-top{ float:left; width:auto; height:auto;} /*CLASES BOTONES superiores*/ .btn-1 { float:left; width:100px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:75px; text-align:center; text-decoration:none} .btn-1 a{ float:left; width:100px; font: 11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center; text-decoration:none} .btn-1 a:hover{ float:left; width:100px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-2 { float:left; width:80px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:65px; text-align:center; text-decoration:none} .btn-2 a{ float:left; width:80px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center; text-decoration:none} .btn-2 a:hover{ float:left; width:80px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-3 { float:left; width:85px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:50px; text-align:center; text-decoration:none} .btn-3 a{ float:left; width:85px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center; text-decoration:none} .btn-3 a:hover{ float:left; width:85px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-4 { float:left; width:90px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:50px; text-align:center; text-decoration:none} .btn-4 a{ float:left; width:90px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center;text-decoration:none} .btn-4 a:hover{ float:left; width:90px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-5 { float:left; width:92px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:40px; text-align:center; text-decoration:none} .btn-5 a{ float:left; width:92px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center;text-decoration:none} .btn-5 a:hover{ float:left; width:92px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-6 { float:left; width:68px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:65px; text-align:center; text-decoration:none} .btn-6 a{ float:left; width:68px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center;text-decoration:none} .btn-6 a:hover{ float:left; width:68px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-7 { float:left; width:55px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:65px; text-align:center; text-decoration:none} .btn-7 a{ float:left; width:55px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center;text-decoration:none} .btn-7 a:hover{ float:left; width:55px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} .btn-8 { float:left; width:87px; font: 11px Verdana, Geneva, sans-serif; color:#333; padding-top:53px; text-align:center; text-decoration:none} .btn-8 a{ float:left; width:87px; font:11px Verdana, Geneva, sans-serif; color:#814A50; text-align:center;text-decoration:none} .btn-8 a:hover{ float:left; width:87px; font: 11px Verdana, Geneva, sans-serif; color:#460023; text-align:center; text-decoration:none} /*menu izquierda*/ #cont-menuiz{float:left; width:190px; height:auto; padding:0px 0px 0px 0px} #cont-der{ float:right; width:690px; height:auto; padding:0px 0px 10px 10px} #facebook{ float:left; width:690px; height:auto; padding:15px 0px 15px 10px; font:13px Arial, Helvetica, sans-serif; color:#333} .tit-btn1{ float:left; width:184px; height:22px; font: bold 15px "Century Gothic", Arial, Verdana; color:#FFF; text-decoration:none; background:url(../img/tit-btns1.jpg) no-repeat top; padding:3px 0px 0px 6px} .tit-btn2{ float:left; width:184px; height:22px; font:bold 15px "Century Gothic", Arial, Verdana; color:#FFF; text-decoration:none; background:url(../img/tit-btns2.jpg) no-repeat top; padding:3px 0px 0px 6px} .btns-iz-over { float:left; width:184px; height:20px; font: 11px Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; background: url(../img/fondo-btnsiz-over.jpg) no-repeat; padding:2px 0px 0px 6px} .btns-iz a{ float:left; width:184px; height:20px; font: 11px Tahoma, Geneva, sans-serif; color:#460023; text-decoration:none; padding:2px 0px 0px 6px; background: url(../img/fondo-btnsiz.jpg) no-repeat;} .btns-iz a:hover{ float:left; width:184px; height:20px; font: 11px Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; background: url(../img/fondo-btnsiz-over.jpg) no-repeat;} .btns-iz-sub a{ float:left; width:184px; height:20px; font: 11px Tahoma, Geneva, sans-serif; color:#460023; text-decoration:none; padding:2px 0px 0px 6px; background: url(../img/fondo-btnsiz-sub.jpg) no-repeat;} .btns-izpie{ float:left; width:190px; height:5px; background: url(../img/fondo-btnsiz-pie.jpg) no-repeat top; } /*index*/ #tit-index{ float:left; width:650px; height:auto; font: 17px "Century Gothic", Arial, Verdana; color:#ACC01F; padding-top:5px} #links{ float:right; width:400px; height:auto; font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#460023; padding-top:5px} #fondo-imgs{ float:left; width:230px; height:264px; /*background: url(../img/fondo-imgs.jpg) no-repeat;*/} #imgs{ float:left; width:228px; height:auto; text-align:center; padding:0px 0px 1px 0px} #txt-index{ float:left; width:650px; height:auto; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-align:justify; } #banner-inf{ float: left; width:530px; height:auto;} #txtder-inf{ float:right; width:125px; height:auto; text-align:left; padding-right:28px} /*tablas painer*/ #tabla1{ width:630px; height:auto; float:left; padding-left:15px;} #tabla2{ width:250px; height:auto; float:left; padding-left:144px; padding-top:20px} #tabla-painer{ border:1px solid #8B5F76; border-right:none; border-bottom:none; } .tit-tab{height:22px; font: 11px Tahoma, Geneva, sans-serif; background-color:#B79CAA; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; padding-top:3px; border-right:1px solid #8B5F76; border-bottom:1px solid #8B5F76; padding-left:3px; padding-right:3px;} .cont-tab{height:22px; font: 11px Tahoma, Geneva, sans-serif; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; padding-top:3px; border-right:1px solid #8B5F76; border-bottom:1px solid #8B5F76; padding-left:3px; padding-right:4px;} .cont-tab input{ color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; height:20px; border:1px solid #8B5F76; text-align:right; width:100%; } /*productos*/ .tit-prod{ float:left; width:295px; height:22px; padding:15px 0px 2px 0px; font: bold 15px "Century Gothic", Arial, Verdana; color:#460022; border-bottom:1px solid #D9C7C8; } .tits{ float:left; width:260px; height:22px; padding:15px 0px 2px 0px; font: bold 15px "Century Gothic", Arial, Verdana; color:#460022; border-bottom:1px solid #D9C7C8; } #fondo-prod{ float:left; width:230px; height:253px; background:url(../img/fondo-imgprods.jpg) no-repeat;} #img-prod{ float:left; width:229px; height:203px; text-align:center; padding:1px 0px 1px 0px} #descripcion-prod{ float:left; width:220px; height:46px; padding-top:2px; padding-left:5px; font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#460022; line-height:15px } #pestanas-txts{ float:right; width:430px; height:auto; padding:15px 0px 0px 0px; } #pestanas-prod{ float:right; width:395px; height:auto; padding:15px 0px 0px 0px; } #pestanas-prod2{ float:left; width:680px; height:auto; padding:15px 0px 0px 10px; } #pestana-atelier{ float:left; width:250px; height:19px; padding:5px 165px 0px 0px; background: url(../img/pestana-atelier.jpg) no-repeat left; font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; text-align:center;border-bottom:1px solid #D9C7C8; } /*capas textos pestanas productos*/ #txt-pestana1{ float:left; width:380px; height:auto;} #txt-pestana2{ float:left; width:380px; height:auto;} #txt-pestana3{ float:left; width:380px; height:auto;} #txt2-pestana1{ float:left; width:650px; height:auto;} #txt2-pestana2{ float:left; width:650px; height:auto;} #txt2-pestana3{ float:left; width:650px; height:auto;} .tits-pestanas{ float:left; width:380px; height:auto; padding:10px 0px 0px 0px; font:17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ACBF1F; } .tits-pestanas2{ float:left; width:650px; height:auto; padding:10px 0px 0px 0px; font:17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ACBF1F; } .txt-pestanas{ float:left; width:380px; height:auto; padding:8px 0px 0px 0px; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-align:justify; } .txt-pestanas2{ float:left; width:650px; height:auto; padding:8px 0px 0px 0px; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-align:justify; } /*capas textos pestanas txts*/ .txt-pestanas-txts{ float:left; width:415px; height:auto; padding:8px 0px 0px 0px; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-align:justify; } .tits-pestanas-txts{ float:left; width:415px; height:auto; padding:10px 0px 0px 0px; font:17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ACBF1F; } #txts-pestana1{ float:left; width:415px; height:auto;} #txts-pestana2{ float:left; width:415px; height:auto;} #txts-pestana3{ float:left; width:415px; height:auto;} /*Estilos */ .txt-links{ font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#710038; text-align:justify; text-decoration:underline;} .txt-links:hover{ font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#999; text-align:justify; text-decoration:underline;} .txt-pie{ font: 11px Arial, Helvetica, sans-serif; color:#D8C5C6; text-align:justify; text-decoration:none;} .txt-pie:hover{ font: 11px Arial, Helvetica, sans-serif; color:#ACBF1F; text-align:justify; text-decoration:none;} .clear { clear: both; } /*pag de mapa google*/ .pagMapa#cont{ padding-right:15px} #user{ background:#EFEFEF; padding:7px 0; margin-bottom:7px; height:25px} #user input[type="text"]{border:solid 1px #ccc; padding:1px; float:left;} #user input.dir[type="text"]{ width:360px} #user input.km[type="text"]{ width:100px} #user input[type="button"]{ width:90px;border:solid 1px #C06; background: #fff;color:#C06; font:bold 11px Tahoma, Geneva, sans-serif; margin-left:7px} #user label{ display:block; padding:4px; float:left;font:bold 11px Tahoma, Geneva, sans-serif;color:#C36} #map{ width:470px; height:498px; background:#e5e5e5;;border:solid 1px #ccc} #ubicaciones{ float:right; width:180px; hanging-punctuation:250px; background:#fff;border:solid 1px #ccc; padding:10px} #ubicaciones h1{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;color:#999} #ubicaciones #tiendas div{ margin-bottom:15px} #ubicaciones h2{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase; margin-bottom:0} #ubicaciones div p{ line-height:15px} #ubicaciones div p a:hover{color:#999} #nav a{ display:block;font:bold 11px Tahoma, Geneva, sans-serif;color:#900; width:50px; padding:0 7px; float:left} #nav a.off{color:#999} /**/ #ubicaciones{ height:478px; overflow-y:auto; overflow-x:hidden;}