* {margin:0; padding:0;}

body {background: #FFF url(../images/top.jpg) repeat-x 0 0; text-align: center; font-size: 10px; padding:0;}

body,div,p,h1,h2,h3,h4,h5,h6,address,label,legend,input {font-family: arial,helvetica,sans-serif; font-style: normal; font-weight: normal; color: #444;}

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; border-bottom:10px solid #EDEDED; text-align: left; margin:10px auto; width:759px; voice-family: "\"}\""; voice-family:inherit; width:749px;}

html>body #todo {width:749px;}


/* 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:185px; margin:0px; background: url(../images/bg_barras.gif) repeat-x;}

#bloque #col_izq, #bloque #col_der {float: left; position:relative;}



#bloque #col_izq dl {/*border-bottom-color: #BCE49F; /* kept in color/#.css */ border-bottom-width: 1px; border-bottom-style: solid; 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 {/*color: #639916; /* kept in color/#.css */ /*border-top-color: #BCE49F; /* kept in color/#.css */ border-top-width: 1px; border-top-style: solid; display: block; font-size: 11px; font-weight: bold; padding: 3px 8px 0; margin: 0; width:185px; height:20px; voice-family: "\"}\""; voice-family:inherit; width:169px; height:16px;}

html>body #bloque #col_izq dt a {width:169px; height:16px;}

#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: url(../images/bg_menu.gif) repeat-x; /* COLOR: 1 -- kept in color/#.css */}

#bloque #col_izq dd a {font-family: arial, Helvetica, sans-serif; font-size: 1em; color: #9C988B; }

#bloque #col_izq ul { list-style: none; padding: 5px 0 10px 8px; line-height: 1.45em;  }

#bloque #col_izq li {line-height: 1.75em;}

#bloque #col_izq li a {color:#9C988B; /* COLOR: 4 -- kept in color/#.css */ border-top-color:#E2E4DD; /* COLOR: 3 -- kept in color/#.css */}

#bloque #col_izq li a:hover {background: url(../images/bg_menu.gif) repeat-x; /* COLOR: 1 -- kept in color/#.css */}

#bloque #col_izq dd p {font-family: arial, Helvetica, sans-serif; font-size: 1em; color: #777; padding: 5px 0 5px 8px; line-height: 1.25em;}

#bloque #col_izq dd p a.red {color: #E4312A;}

#bloque #col_izq dd p a:hover.red {color: #9C988B;}

#bloque #col_izq dd p a.checkout {padding: 2px 4px; cursor: pointer; background: #fff url(../images/bg_menu.gif) repeat-x; float: right; margin: 10px 10px 10px 0;}

#bloque #col_izq dd p .red {color: #E4312A;}

#bloque #col_izq dd p .green {color: #168B0E;}
 

#bloque #col_der {width:561px; margin: 0 0 0 3px; background: #fff url(../images/bg_barras.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: 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: arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.45em; margin: 0 0 1em 0; color: #777;}

#bloque #col_der div.muestra span {	width: 200px;
	height: 20px;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	background: url(../images/barra.png);
	color: #fff;
	padding: 5px 0 0 5px;
}

/* NEWS
-------------------------------------------------------------- */

#bloque #col_der div.news {background-color:#fff; margin:20px 0 0 0; padding:0; font-size: 1.05em;}

#bloque #col_der div.news p { background: #fff; border:none; color:#333; margin: 10px 0 0 5px;}

#bloque #col_der div.news p a { background: #fff; border:none; color:#9C988B; }

#bloque #col_der div.bloque {width:530px; margin:20px 0 30px 8px;}

#bloque #col_der div.news span {	
	width: 200px;
	height: 20px;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	background: url(../images/barra.png);
	color: #fff;
	padding: 5px 0 0 5px;
}

/* 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_menu.gif) repeat-x; font-family: arial, Helvetica, sans-serif; font-size: 1.1em; color:#777; border: 1px solid #fff;}

.conf {height:13px; border:1px dotted #CCC; font-family: arial, Helvetica, sans-serif; font-size: 1.1em; color:#9C988B; margin:0; padding:0;}

.conf2 {width:110px; height:50px; border:1px dotted #CCC; font-family: arial, Helvetica, sans-serif; font-size: 1.1em; color:#9C988B; margin:0; padding:0;}


/* PIE
-------------------------------------------------------------- */

#pie {clear: both; margin:0 5px 10px 188px; padding:0;}

#pie div.bloque {margin:0 8px; padding:0;}

#pie div.bloque p {color:#999; font-family: arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; margin: 0 0 1em 0; padding:0;}

#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: 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: 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: 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: 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: #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;}


















