* {margin:0; padding:0;}

body {background: #FFF; text-align: center; font-size: 10px; padding:0;}

body,div,p,h1,h2,h3,h4,h5,h6,address,label,legend,input {font-family: "Trebuchet MS",tahoma, verdana, arial,helvetica,sans-serif; font-style: normal; font-weight: normal; color: #777;}

img {display: block; border:0;}

img.floatright {float: right;}

img.floatleft {float: left;}

a, a:visited {text-decoration: none; color: blue;}

a:hover, a:active {color: red;}

#todo {padding:5px; text-align: left; margin:10px auto; width:779px; voice-family: "\"}\""; voice-family:inherit; width:769px;}

html>body #todo {width:769px;}


/* CABECERA
-------------------------------------------------------------- */

#cabecera {position: relative; height:119px; text-align: left; vertical-align: top; padding:0; margin:0;}

#cabecera img.logo {float:left; text-align: left; vertical-align: top; padding:0; margin: 0 0 1px 0;}

#cabecera img.lema {float:right; text-align: right; vertical-align: top; padding:0; margin: 0 0 1px 0;}


/* BLOQUE
-------------------------------------------------------------- */

#bloque {height:auto; margin-top:5px;}

#bloque #col_izq {width:205px; margin:0px; background: url(../images/section-bg-1.gif) repeat-x;}

#bloque #col_izq, #bloque #col_der {float: left; position:relative;}



#bloque #col_izq dl { margin-top:20px; dtst-style-type: none;}

#bloque #col_izq dt {display: indtne; dtst-style-type: none; padding: 0; margin: 0;}

#bloque #col_izq dt a {background: #fff url(../images/section-bg-1.gif) repeat-x bottom; display: block; font-size: 11px; font-weight: bold; padding: 3px 8px 0; margin: 0; width:205px; height:25px; voice-family: "\"}\""; voice-family:inherit; width:189px; height:21px;}

html>body #bloque #col_izq dt a {width:180px; height:21px;}

#bloque #col_izq dt a:hover {/*background-color:#D4EEB5; /* kept in color/#.css */}

#bloque #col_izq dl {border-bottom-color:#E2E4DD; /* COLOR: 3 -- kept in color/#.css */}

#bloque #col_izq dt a {color:#4D4B50; /* COLOR: 4 -- kept in color/#.css */ border-top-color:#E2E4DD; /* COLOR: 3 -- kept in color/#.css */}

#bloque #col_izq dt a:hover {background-image:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:right;}

#bloque #col_izq dd a {font-family: "Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #A8A8A8; width:199px; display: block;}

#bloque #col_izq ul { list-style: none; padding: 5px 0 10px 8px; line-height: 1.45em; width:199px; }

#bloque #col_izq li {line-height: 1.95em; width:199px;}

#bloque #col_izq li a {color:#A8A8A8; /* COLOR: 4 -- kept in color/#.css */ border-top-color:#E2E4DD;  width: 199px;}

#bloque #col_izq li a:hover {background: #ffffff url(../images/pto.jpg) no-repeat 175px center; width: 199px;}



#bloque #col_izq dd p {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #777; padding: 5px 0 10px 8px; line-height: 1.45em;}


#bloque #col_der {width:561px; margin: 0 0 0 3px; background: #fff url(../images/section-bg-1.gif) repeat-x top;}

#bloque #col_der a {/*color:#E87A46; /* kept in color/#.css */ text-decoration: none;}

#bloque #col_der a:hover {/*background-color:#FCC4AC; /* kept in color/#.css */}

#bloque #col_der div.muestra {background-color:#fff; margin:20px 0 0 0; padding:0;}

#bloque #col_der div.bloque {width:530px; margin:20px 0 30px 8px;}

#bloque #col_der div.bloque h1 {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.429em; color: #777; margin:0 0 1.643em 0;}

#bloque #col_der div.bloque p, #bloque #col_der div.bloque ul, #bloque #col_der div.bloque ol {font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.45em; margin: 0 0 1em 0; color: #777;}

#bloque #col_der div.bloque ul {list-style:none; list-style-type:none;}

#bloque #col_der div.bloque ul ul, #bloque #col_der div.bloque ul ol, #bloque #col_der div.bloque ol ol, #bloque #col_der div.bloque ol ul {font-size:1em;}

#bloque #col_der div.bloque li {margin:0; padding:0 0 0 8px; background-image:url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px;}

#bloque #col_der div.bloque h2 {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.45em; font-weight: bold; margin: 2.273em 0 0.4em 0;}

#bloque #col_der div.bloque div {position:relative; margin:0; padding:0;}

#bloque #col_der div.bloque div div {margin:0; padding:0 8px; border-left:1px solid #CCC; position:absolute; top:0; right:-196px; width:186px; voice-family: "\"}\""; voice-family:inherit; width:169px;}

html>body #bloque #col_der div.bloque div div {width:169px;}

#bloque #col_der div.bloque div div p, #bloque #col_der div.bloque div div ul, #bloque #col_der div.bloque div div ol, #bloque #col_der div.bloque div div dt {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; margin: 0 0 1em 0;}




/* NEWSLETTER
-------------------------------------------------------------- */

#bloque #col_izq form {margin: 5px 0 1px 8px;}

#bloque #col_izq form p {margin: 0; padding: 0 0 8px 0;}

#bloque #col_izq form div {clear: left; margin: 0 0 0.9em;}

#bloque #col_izq .input label {float: left; margin: 0 15px 0 0; width: 34px; font-weight: bold; text-align: left;}

#bloque #col_izq .text input {margin: -1px; padding: 1px;}

#bloque #col_izq .submit input {margin: 0 0 0 48px; padding: 2px 4px; cursor: pointer; background: #fff url(../images/bg_envio.gif) repeat-x; font-family: "Trebuchet MS",tahoma, arial, Helvetica, sans-serif; font-size: 1.1em; color:#777; border: 1px solid #fff;}

.conf {height:13px; border:1px solid #eee; font-family: "Trebuchet MS",tahoma, arial, Helvetica, sans-serif; font-size: 1.1em; color:#9C988B; margin:0; padding:0;}

.conf2 {width:130px; height:70px; border:1px solid #eee; font-family: "Trebuchet MS",arial, Helvetica, sans-serif; font-size: 1.1em; color:#9C988B; margin:0; padding:0;}


/* PIE
-------------------------------------------------------------- */

#pie {clear: both; margin:0 0 10px 1px; padding:0; background: #fff url(../images/section-bg-2.gif) repeat-x bottom;}

#pie div.bloque {margin:0 8px; padding: 10px 0 0 0;}

#pie div.bloque p {color:#999; font-family: "Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.4em; margin: 0 0 1em 0; padding:0; text-align:right;}

#pie div.bloque a {/*color:#E87A46; /* kept in color/#.css */ text-decoration: none;}

#pie div.bloque a:hover {/*background-color:#FCC4AC; /* kept in color/#.css */}


/* AJUSTE ELEMENTOS
-------------------------------------------------------------- */

.clearfix:after {
    bloque: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.mac-clearfix {
	clear:both;
	height:0;
	overflow:hidden;
}

/* OTROS AJUSTES
-------------------------------------------------------------- */


.intro {font-family: "Trebuchet MS",tahoma, arial, Helvetica, sans-serif; font-size: 1.05em; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; margin-left: 0px; background-color: #E4E2DD; color: #444444; border-color: #A0A0A0; }

.intro ul {font-family: "Trebuchet MS",arial, Helvetica, sans-serif; font-size: 1em; list-style:none; margin:0 0 15px 5px; padding:0;}

.intro li {border-right:1px solid #acada9; float:left; padding:0 3px;}

.intro li.last {border:none;}

.intro li a {color:#6E6D6D;}

.intro li.active a {color:#333;}

.intro li form {float: right; border:none;}

.intro li.cart input {float: right; border:none; margin:0 10px 0 0; font size: 80%; background: #F5F2EA; padding: 2px 6px;}

.intro form {float: right;} 

.intro input {margin:-20px 10px 0 0; font-family: "Trebuchet MS",arial, Helvetica, sans-serif; font-size: 1.05em; background: #F5F2EA; padding: 1px 5px; border:none; color:#6E6D6D;}

.intro p a { background: #F5F2EA; padding: 1px 5px; border:none; color:#6E6D6D; margin-top: 10px;}

.intra {font-family: "Trebuchet MS",tahoma, arial, Helvetica, sans-serif; font-size: 12px; padding-right: 8px; padding-left: 10px; padding-top: 5px; padding-bottom: 10px; margin-left: 0px; background-color: #fff; color: #444444; border-color: #A0A0A0; }

.intra p { background: #eee; padding: 1px 5px; border:none; color:#6E6D6D; margin-top: 10px;}

.intra a { background: #fff; border:none; color:#9C988B; margin-top: 10px;}

.imder {float:right; background:#fff; padding: 0 0 10px 10px;}

div#menu {width:550px;margin: 0 auto; font: 100% "Trebuchet MS",Arial,sans-serif;text-align:left}

div#menu dl {width: 100%; overflow: auto; margin: 0 0 1em; background: url(../images/dot1.gif) repeat-x 0 1.0em}

div#menu dt,div#menu dd.price {background: #FFF;font-size: 110%;font-weight: bold}

div#menu dt {font: normal 120% "Trebuchet MS",Georgia,Times,sans-serif;float: left;padding-right: 3px;color: #333}

div#menu dd {margin:0}

div#menu dd.price {float: right; padding-left: 3px; color: #AAA}

div#menues {width:550px; margin: 0 auto; font: 100% "Trebuchet MS",Arial,sans-serif; text-align:center; line-height: 1.6em;}

div#menues p {font: normal 120% "Trebuchet MS",Georgia,Times,sans-serif; color: #333}



.foto{margin:3px; position:relative; width:180px; height:130px; float:left}

.foto img{background:#fff; border:solid 1px #ccc; padding:4px}

.foto a{text-decoration:none}

.foto_marco span{width:170px; height:120px; display:block; position:absolute; top:5px; left:6px; background:url(../images/round-corner.png) no-repeat}

.foto_marco img{border:none; padding:5px 6px 6px;}