body{ background:#DCDFBF url(../imagenes/bgBody.jpg) left top repeat-x;} .home{ background:#DCDFBF url(../imagenes/bgHome.jpg) left top repeat-x;} #principal{ width:100%; float:left; margin:0; text-align:center; padding:0 0 4% 0;} #contenedor{width:946px; text-align:left; margin:auto; } #contenido{float:left; width:946px; text-align:left; margin:0; padding:0;} #contenidoHome{float:left; width:946px; text-align:left; margin:0; } #headerHome{width:946px; margin:0; float:left; margin:5px; } #footerHome{background:url(../imagenes/bgHomeFooter.gif) left top no-repeat; width:100%; float:left; margin:6px 0 0px 0; padding:2% ;} #footerHome div { margin:2px; } #contenido1{width:936px; text-align:left; background:#FFFFFF url(../imagenes/bgContenido.jpg) left top no-repeat; float:left; margin:0 5px 5px 9px; padding:0px 0 0 0px;} #top{width:946px; float:left;} #header{width:946px; margin:0; float:left; margin:5px 5px 0 5px ;} #footer{ width:940px; border-top:4px solid #999900; background-color:#333333; padding:10px 0 10px 0px; float:left; margin:0 0 0 6px;} h1{ margin:10px 0 10px 0; font-size:1.8em; font-weight:bolder; letter-spacing:-2px; padding:0 0 0 18px;} h3{ margin:6px 0 6px 0; font-size:1.1em; letter-spacing:-1px;} h4{ margin:6px 0 6px 0; font:bold 1em "Trebuchet MS", Arial, Helvetica; letter-spacing:0px;} h5{ font-size:13px; padding:4px 0 0 0 px; margin:4px 0 10px 0; font-weight:bolder; font-family:Tahoma,Arial, Helvetica, sans-serif; color:#CC3366;} #colIzq{float:left; margin:0 0 0 10px;} #colDer{ float:right;} #menu { width:700px; float:right; clear:both; /*background:url(../imagenes/bg_menu.gif) left top no-repeat;*/ margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0; } #nav { margin: 0 0 0 0px; } #nav li { float:left; } #nav li a { display:block; float:left; text-align:center; margin: 0 0 0; font:12px bold Tahoma, Arial, Helvetica, sans-serif; width:98px; color:#FFFFFF; text-decoration:none; padding:10px 0 10px 0; } #nav li a:hover { color:#FFFFCC; } /*Clases*/ #item1 .acercabtn {background: url(../imagenes/btnAcercaHover.gif) center center no-repeat!important;} .acercabtn {background:url(../imagenes/btnAcerca.gif) center center no-repeat;} .acercabtn:hover {background: url(../imagenes/btnAcercaHover.gif) center center no-repeat; } #item2 .misionbtn {background: url(../imagenes/btnMisionHover.gif) center center no-repeat!important;} .misionbtn {background:url(../imagenes/btnMision.gif) center center no-repeat;} .misionbtn:hover {background: url(../imagenes/btnMisionHover.gif) center center no-repeat;} #item3 .serviciosbtn{background: url(../imagenes/btnServiciosHover.gif) center center no-repeat!important;} .serviciosbtn {background:url(../imagenes/btnServicios.gif) center center no-repeat;} .serviciosbtn:hover {background: url(../imagenes/btnServiciosHover.gif) center center no-repeat;} #item4 .locacionesbtn{background: url(../imagenes/btnLocacionesHover.gif) center center no-repeat;} .locacionesbtn {background:url(../imagenes/btnLocaciones.gif) center center no-repeat;} .locacionesbtn:hover {background: url(../imagenes/btnLocacionesHover.gif) center center no-repeat;} #item5 .pastelesbtn{background: url(../imagenes/btnLocacionesHover.gif) center center no-repeat;} .pastelesbtn {background:url(../imagenes/btnCake.gif) center center no-repeat;} .pastelesbtn:hover {background:url(../imagenes/btnCakeHover.gif) center center no-repeat} #item6 .paquetesbtn{background: url(../imagenes/btnLocacionesHover.gif) center center no-repeat;} .paquetesbtn {background:url(../imagenes/btnPaquetes.gif) center center no-repeat;} .paquetesbtn:hover {background:url(../imagenes/btnPaquetesHover.gif) center center no-repeat;} #item7 .contactobtn{background: url(../imagenes/btnLocacionesHover.gif) center center no-repeat;} .contactobtn {background:url(../imagenes/btnContacto.gif) center center no-repeat;} .contactobtn:hover { background: url(../imagenes/btnContactoHover.gif) center center no-repeat;} .ancho10 {width:8%;} .ancho20 {width:18%;} .ancho30 {width:28%;} .ancho35 {width:32%;} .ancho40 {width:38%;} .ancho50 {width:46%;} .ancho60 {width:58%; padding:0 1% 0 1%; } .ancho70 {width:68%; padding:0 1% 0 1%;} .ancho80 {width:78%;} .ancho90 {width:88%;} .ancho100 {width:100%;} .columna{ float:left;} .fila{ clear:left; float:left; padding:1%;} .bloque{ clear:left; float:left; padding:1%; width:98%;} .izq{ float:left;} .der{ float:right;} .imagen{ padding:6px;} .negrita { font-weight:bold;} .locacion{ margin:10px; float:left; min-height:120px; height:120px; border:1px solid #CCCCCC; width:420px; padding:4px;} .titulo{ font:normal 1em Arial, Helvetica, sans-serif; color:#CC0033; letter-spacing:-1px; float:left;} .desc{font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3C422D; padding:10px; } .bordeAbajo{width:94%; border-bottom:1px solid #EEE;} #locs li { float:left;} #locs li a { float:left; width:120px; display:block; padding:10px 0 4px 0; text-align:center; font:bold 0.7em Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#CC0033; background:url(../imagenes/bgBtnLoc.jpg) left top no-repeat; } #locs li a:hover { color:#999999; background:url(../imagenes/bgBtnLocOver.jpg) left top no-repeat;} .thumb{ float:left; padding:6px; border:1px solid #D3D5BB; background:#E9F1DC;} .thumb:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #cakeShop{ background:url(../imagenes/cakeOn.gif) left top no-repeat; } #cakeShop:hover{ background:url(../imagenes/cakeOver.gif) left top no-repeat; } #paquetesHome{ background:url(../imagenes/paquetesOn.gif) left top no-repeat; } #paquetesHome:hover{ background:url(../imagenes/paquetesOver.gif) left top no-repeat; } #contactoHome{ background:url(../imagenes/contactoOn.gif) left top no-repeat; } #contactoHome:hover{ background:url(../imagenes/contactoOver.gif) left top no-repeat; } .enlaceHome{ font:normal 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; margin:6px 0 20px 0; display:block; } .enlaceHome:hover{ color:#000; } .telefono{ display:block; float:right; width:140px; background:url(../imagenes/phone.jpg) left center no-repeat; padding: 0 0 0 20px; font: bold 1em "Trebuchet MS" , Arial, Helvetica, sans-serif; text-decoration:none; color:#EEE;} .mail{ display:block; float:right; width:150px; background:url(../imagenes/mail.jpg)left center no-repeat; padding: 2px 0 0 20px; font: bold 0.7em "Trebuchet MS" , Arial, Helvetica, sans-serif; text-decoration:none; color:#EEE;} /*Colores*/ .rojo{ color:#CC0033;} /*Textos*/ .texto1{font:normal 0.8em "Trebuchet MS" , Arial, Helvetica, sans-serif; color:#636752; line-height:18px; text-align:justify;} .slogans{ font: italic 1em "Times New Roman", Times, serif; color:#545636; line-height:22px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:10px 0 10px 0; } .copy { font:normal 11px Arial, Helvetica, sans-serif; color:#EEE; margin:0 0 0 10px;} .agua { background:url(../imagenes/bgAqua.jpg) center center no-repeat;} .ulpaquete { list-style:url(../imagenes/vineta.gif); padding:0 0 0 26px; margin:10px 0 0 0; } .ulpaquete li { font:normal 0.8em Tahoma, Arial, Verdana; color:#333333; margin:1px 0 1px 0; padding:0px 0 0px 0; } #locs li { float:left;} #locs li a { float:left; width:120px; display:block; padding:10px 0 4px 0; text-align:center; font:bold 0.7em Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#CC0033; background:url(../imagenes/bgBtnLoc.jpg) left top no-repeat; } #locs li a:hover { color:#999999; background:url(../imagenes/bgBtnLocOver.jpg) left top no-repeat;} .bgFragment{background:url(../imagenes/bgLocaciones.jpg) left top no-repeat!important; }