/* CSS por Neticoop */
* {margin:0;padding:0}
body {background-color:#C8CDA9;color:#565656}
html {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
a {text-decoration:none;color:#f7f8b4}
a:visited {text-decoration:none;color:#fff}
a:hover {text-decoration:none;color:#fff}
li, p, td {font-size:.8em}
.clear {clear:both;height:0;overflow:hidden}
span {color:#b6ce22}

#arriba {height:90px; background: #D1D0CE url(img/fondo_arriba.jpg);color:#fff}

#central {background:#006699 url(img/fondo_central.jpg) repeat-x;color:#fff;min-width:883px}
h1 {text-indent:-9000px;height:74px; background: url(img/cabezal_ecotiendas.jpg) no-repeat}
#foto {float:right;width:137px;height:715px; background: url(img/fondo_derecha.jpg) no-repeat;border-left:2px solid #00496c}

#navegacion {float:left;width:310px;border-right:1px solid #70a3bc}
#navegacion .padding {padding:0 2em 1em 2em}
#navegacion h4 {font-size:.7em;font-weight:normal}
#navegacion .separador {border-top:1px solid #2d7ea7;height:.4em;overflow:hidden;margin:.4em 0}
#navegacion h3 {text-transform:uppercase;font-size:.8em; font-weight:bold}
#navegacion ul {list-style-type:none;margin:1em 0;width:80%}
#navegacion ul h4 {font-size:1.1em;color:#b6ce22}
#navegacion ul p a {color:#fdcf8d;font-size:1.2em;font-weight:bold}
#navegacion li {margin-bottom:.6em}
#navegacion .info {margin: .6em 0}

#contenido {background: url(img/cabezal_texto.jpg) no-repeat top right;margin:0 137px 0 310px;padding-top:74px;height:1%}
#contenido .padding {margin: 0 2em 2em 2em}
h2,h3,h4,h5 {font-weight:normal}
h2.seccion {text-transform:uppercase;font-size:1.1em;margin-bottom:.6em}
h3 {font-size:1.1em}
h5 {color:#b6ce22;font-size:1.1em}
#contenido p {font-size:.8em;padding-bottom:1em}
#contenido .separador {border-top:1px solid #2d7ea7;height:.6em;overflow:hidden}
ul.spip {margin:.4em .4em 1em 2em;font-size:1.25em;}
h3.spip {margin: 0 0 .4em 0;font-size:1.25em;font-weight:bold}
#contenido .texto {font-size:.8em}
#contenido .texto p {font-size:1em}
.spip_documents_center {text-align:center}
#documents_portfolio {background-color:#157CAF;padding:1em}
#documents_portfolio h3 {margin-top:1em}
#documents_portfolio a img {border:1px solid #fff}

/* ------ Productos ----------- */
.items {list-style-type:none}
* html .items {width:85%}
.items li {width:11em;float:left;;border: 1px solid #80B3CC;margin: 1.5em 1.5em 0 0;text-align:right;font-size:.75em}
.items a {position:relative;display:block;background-color:#00608F;color:#fff;padding: 3em .3em .1em 0em}
.items a:hover {display:block;background-color:#003F5F;background-image:none}
.item8 {background: url(img/item_verdura.gif) no-repeat}
.item9 {background: url(img/item_mermeladas.gif) no-repeat}
.item10 {background: url(img/item_casa.gif) no-repeat}
.item11 {background: url(img/item_catering.gif) no-repeat}
.item13 {background: url(img/item_pan.gif) no-repeat}
.item14 {background: url(img/item_verduras.gif) no-repeat}
.item15 {background: url(img/item_limpieza.gif) no-repeat}
.item16 {background: url(img/item_hierbas.gif) no-repeat}
.item17 {background: url(img/item_ecobar.gif) no-repeat}
.item20 {background: url(img/item_libros.gif) no-repeat}
.item21 {background: url(img/item_regalos.gif) no-repeat}
.item22 {background: url(img/item_lacteos.gif) no-repeat}
.item23 {background: url(img/item_paseos.gif) no-repeat}

.subitems {list-style-type:none;margin-bottom:1em; line-height:150%}
.subitems li {display:inline;font-size:.7em;border:1px solid #2D7EA7;padding: 0 .3em;margin-right:.4em}
.subitems li.on {background-color:#2D7EA7}

/* tablas -----------*/ 
table.spip {border-spacing:.5em;width:96%}
table.spip th {text-align:left}
table.spip tr:hover {border: 1px solid #000}
table.spip td {position:relative;font-size:1em;border: 1px solid #80B3CC;padding:.1em .2em}
table.spip .row_even td {background-color:#00608F}

/* formularios ------------ */
fieldset {border:0;margin: 1em 0;width:90%}
* html form {margin-top:1em}
legend {font-weight:bold;margin-bottom:1em;padding:0}
label {display:block;width:5em;float:left}
.forml {border:0 none;border:2px solid #006699;width:80%;font-size:1em}
.forml:focus {border:2px solid #B6CE22}
textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1em}
.spip_bouton {text-align:right;padding-right:1%}
.spip_bouton input {cursor:pointer}
.previsu {border: 2px solid #B6CE22;padding:.2em .6em}
.previsu legend {padding:0 .4em}
.previsu input {border:0;background-color:#006699;color:#fff;font-weight:bold}


#pie {padding:1em 2em;clear:both;background-color:#C8CDA9;color:#565656;border-top:2px solid #00496c}
#pie ul {list-style-type:none}
#pie ul li {display:inline;border-right:1px solid #828472;padding:.6em .9em .6em .6em}
#pie a {color:#6F6F6F;background-color:inherit}
#pie a:hover {color:#000;background-color:inherit}
#pie p {float:right;width:27.5em;font-weight:bold;font-size:.7em;position:relative;top:-.4em}