html {height:100%;width:780px}
body {height:100%;width:100%;margin:0px; padding:0px;background: teal url(pru.gif);overflow:hidden;font:10px "Arial",Helvetica,sans-serif;color:#333;text-transform:uppercase;overflow:auto}
#horizontal {z-index:2;position:absolute;left:50%;width:auto;height:auto;margin-left:-400px}
#total {z-index:1;height:750px;width:100%;position:absolute;margin:0;top:0;left:0}
#fondo {width:366px;height:auto;position:absolute;top:0;left:300px;background:#205C5C;z-index:6}
#copy {width:11px;height:144px;position:absolute;top:3px;left:677px;z-index:3}
.div1 {width:360px;height:10px;background:#366;border:solid 3px White;border-top:none;z-index:2}
#div2 {z-index:2;width:360px;height:250px;background:#205C5C url(diagsep.gif);margin-top:6px;border:3px solid white}
#izq1 {width:75px;height:250px;background:url(mosaico3.gif);float:left}
#der1 {width:70px;height:auto;float:right;font:bold 22px sans-serif;color:white;text-align:left;margin-top:5px}
.der2 {position:absolute;visibility:hidden;width:62px;height:98px;float:left;font:36px "Verdana",Arial,sans-serif;margin:3px;font-stretch:ultra-condensed;color:#6ff;text-align:right;background:url(hojas.gif) no-repeat;z-index:6}
#a {visibility:visible}
#der1 .peq {font:bold 12px sans-serif;color:#6ff}
#der1 .idm {font:bold 9px sans-serif;color:white}
img.der1 {width:45px;height:57px;float:left}
#img {width:210px;float:left;height:250px;background:white}
#div3 {width:360px;height:340px;background:#E6E6D5;z-index:2;margin:6px 0 0;padding:0;border:3px solid white}
.hojas {position:absolute;left:3px;top:364px;width:360px;height:259px;visibility:hidden;z-index:8;margin:0;border-top:3px solid white}
#hoja1 {visibility:visible}
#div4 {width:360px;height:55px;z-index:2;background:#E6E6D5;font:bold 10px Arial,Helvetica,sans-serif;color: #666;border-width:0 3px 3px;border:solid white;text-transform:none;text-align:right}
#div4 blockquote {background:#F0F0E8 url(orla.gif) no-repeat;margin:3px;padding:3px 10px 3px 3px;width:auto;height:50px;position:relative}
.bold {font:bold 10px sans-serif;color:teal}
#menu a {text-decoration:none;font:10px sans-serif;color:#dff;width:205px;height:15px;padding:0 0 0 5px;border-top:1px solid #A6DCE6;float:left}
#menu a:link {background:#1D656B}
#menu a:visited {background:#1D656B}
#menu a:hover {color:white;background:url(claro2.gif)}
#menu a:active {background:white;color:#333}
#menu {width:205px;height:80px;float:left}
#uno {width:150px;height:80px;float:right;background:#205C5C url(diagsep.gif)}
#uno #flores {text-decoration:none;font:10px sans-serif;color:white;width:70px;height:80px;padding:0 0 0 5px;background:url(mosaico3.gif);float:left}
h1 {text-indent:10px;margin-left:3px;margin-top:5px;font:24px "Arial",Helvetica,sans-serif;color:#1D656B;margin-bottom:-25px}
h2 {text-indent:10px;margin-left:3px;font:24px "Arial",Helvetica,sans-serif;color:#0CC;margin-bottom:0}
.lista {width:203px;height:185px;overflow:hidden;margin:1px;display:block}
ul {width:199px;height:auto;list-style:none inside url(li.gif);margin:1px 1px 3px;padding:1px;float:left}
li {text-transform:none;margin:2px 0 0;padding:0;font:12px "Arial",Helvetica,sans-serif;color:#666;background:#D9D9C8}
.li2 {list-style:none none;margin:2px 0 0;padding:0; height:auto;background:#F0F0E8}
.fotomenu {width:150px;height:100%;margin:0;padding:0;position:absolute;right:0}
.foto {background:url(imagenes/derecha2.jpg) no-repeat}
.foto1 {background:url(imagenes/derecha1.jpg) no-repeat}
.foto2 {background:url(imagenes/derecha3.jpg) no-repeat}
#teal {width:195px;height:auto;position:absolute;left:40px;top:0;background:url(puntitios.gif)}
#teal1 {left:10px;position:relative;border-left:1px dotted white;width:170px;height:530px;font:10px sans-serif;color:white;padding:6px}
#fleuron {width:367px;height:285px;bottom:0;right:0;float:right;position:absolute;background:url(fleurons.gif)}
#opic {float:left;height:250px;width:210px;background:white}
hr {height:1px;border:1px solid #0CC;margin:4px}
h5 {font:bold 16px/10px sans-serif; padding:0px;margin:5px;}
.rece {width:14px;height:14px;position:static;background:#DAA520;border:1px solid white;margin:4px;padding:8px 1px 0 6px;float:left;text-align:right}
.gris {background:silver}
.cele {background:#20B2AA}
.verd {background:#9ACD32}
.rosa {background:#FF69B4}
.nara {background:#F90}
a {text-decoration:none;font:10px sans-serif;color:#dff}
a:link {color:white}
a:visited {color:white}
a:hover {color:black}
a:active {color:#0FF}
.tarjeta img{width:200px;height:150px}
.sombra1 {width:20px;height:697px;position:absolute;top:0;left:280px}
.sombra2 {width:20px;height:697px;position:absolute;top:0;left:666px}
#container {margin:10px 2px 0;background:url(rayas.gif);float:left;width:300px;height:auto}
#cont2 {background:#F0F0E8;float:right;padding:1px;margin:10px 1px 1px;width:45px;height:180px}
.bot {width:8px;height:8px;border:1px solid gray;margin:2px;padding:0 4px 4px;float:left}
#snow {position:absolute;left:245px;top:550px;width:50px;height:115px}
.boton {border:1px solid white;margin:3px}
p{width:199px;height:auto;margin:1px; padding:2px; float:left ; background:#D9D9C8; text-align:center}
.orna{margin: 0px 0px 0px 70px}

#ver{position: absolute; left: 50px; top: 20px; width: 64px; height: 64px;}
li a {height:10px; width:10px; top:50px; color: #000; text-decoration: none; }
li a:hover{position:absolute; background-repeat: no-repeat; width: 180px; height: 180px; padding:3px; border:1px solid black; }
li a:visited,li a:link{color: #000;}
li a:hover.t1{background-image:url(imagenes/imagen1.jpg)}
li a:hover.t2{background-image:url(imagenes/imagen2.jpg)}
li a:hover.t3{background-image:url(imagenes/imagen3.jpg)}
li a:hover.t4{background-image:url(imagenes/imagen4.jpg)}
li a:hover.t5{background-image:url(imagenes/imagen5.jpg)}
li a:hover.t6{background-image:url(imagenes/imagen8.jpg)}
li a:hover.t7{background-image:url(recetas/receta3.jpg)}
li a:hover.t8{background-image:url(recetas/receta2.jpg);background-position: -30px -10px; }
#galeria  {width:205px;height:185px;overflow:hidden;margin:2px; background:#D9D9C8;}
.cuadro{width:56px; height:56px; border:3px solid white; margin:3px; float:left;}
.cuadro img{border:none;}
a.cuadro{ z-index:24;text-decoration:none;}
a.cuadro:hover{z-index:25;border: 3px solid teal;background-image: url(imagenes/galeria.jpg);}
a.cuadro span{display: none}
a.cuadro:hover span,#texto{display:block;background:#D9D9C8; position:absolute; top:55px; left:210px; width:135px;height:175px; color:#000; text-align:left; padding:4px;}
a.cuadro:hover span{ z-index:25; }
#texto{ z-index:20; }
.n{color:white; font: 9px arial;}
#tiempo{width:130px; height:165px;overflow:hidden; border:2px solid white;margin-left:10px;}