@charset "utf-8";
/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {margin: 0; padding: 0;}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}
/* Class for clearing floats */
.clear {clear:both;}
/* Remove border around linked images */
img {border: 0;}
/* =Typography */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/*-----------------------------------------------------------------------------*/

body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#004628 url(../Img/Layout/fondo.gif) top repeat-x;}
#wrapper {
width:778px;
margin:0 auto;
padding:0;
background:#FFFFFF url(../Img/Layout/base.gif) bottom no-repeat;}


/* =Headings
-----------------------------------------------------------------------------*/
#header {
height:82px;
background:#FFF url(../Img/Layout/header.jpg) 0 0 no-repeat;
border:none;
border-bottom:#A9FEDA 1px solid;}
#logohead a{
float:left;
width:241px;
height:80px;
display:block;}
#menu_01 {
float:right;
text-align:right;
color:#3A8F6B;
font-size:9px;
width:500px;
border-bottom:#A9FEDA 1px solid;
padding:10px 12px 21px 0;}
#menu_01 a{
color:#3A8F6B;}
#menu_02 {
padding:0 12px 0 0;}
#menu_sobrenos a{
display:block;
float:right;
height:38px;
width:113px;
background:url(../Img/Layout/menu_02.gif) 0 -38px no-repeat;}
#menu_sobrenos a:hover {
background-position:0 0;}
#menu_quehacemos a{
display:block;
float:right;
height:38px;
width:116px;
background:url(../Img/Layout/menu_02.gif) -133px -38px no-repeat;
margin-left:20px;}
#menu_quehacemos a:hover {
background-position:-133px 0;}
#menu_calidad a{
display:block;
float:right;
height:38px;
width:52px;
background:url(../Img/Layout/menu_02.gif) -269px -38px no-repeat;
margin-left:20px;}
#menu_calidad a:hover {
background-position:-269px 0;}
#menu_contacto a{
display:block;
float:right;
height:38px;
width:95px;
background:url(../Img/Layout/menu_02.gif) -341px -38px no-repeat;
margin-left:20px;}
#menu_contacto a:hover {
background-position:-341px 0;}

/* =Links
-----------------------------------------------------------------------------*/


/* =Branding
-----------------------------------------------------------------------------*/


/* =Main Nav
-----------------------------------------------------------------------------*/
#col_izq {
width:190px;
float:left;}
#lineas_izq {
margin:0;
list-style-type:none;}
#lineas_izq li {
margin:0;
border-bottom:#EBFFF7 1px solid;}
#lineas_izq li a{
display:block;
background:#DBEDE4 url(../Img/colizq/li_on.gif) center center repeat-x;
font-size:12px;
color:#00834C;
padding:5px 0 5px 15px;
.padding:3px 0 4px 15px;}
#lineas_izq li a:hover {
background:#BEDECE url(../Img/colizq/li_off.gif) center center repeat-x;
text-decoration:none;
font-weight:800;
color:#004025;
padding-left:19px;}

#lineas2_izq {
margin:0;
list-style-type:none;}
#lineas2_izq li {
margin:0;
border-top:#EBFFF7 1px solid;
_border:none;
border-bottom:none;
_display:inline;}
#lineas2_izq li a{
display:block;
border-top:#EBFFF7 1px solid;
background:#BEDECE url(../Img/colizq/li_off.gif) center center repeat-x;
font-size:11px;
color:#00A861;
padding:5px 0 5px 25px;
.padding:3px 0 4px 25px;
_padding:5px 0 6px 25px;}
#lineas2_izq li a:hover {
background:#A0CFB8 url(../Img/colizq/li_off2.gif) center center repeat-x;
text-decoration:none;
font-weight:800;
color:#004025;
padding-left:19px;}

#registro_izq {
background:#E2F3EC url(../Img/colizq/zona_clientes.gif) 0 0 no-repeat;
padding:30px 0 10px 0;}
#registro_izq form {
margin:0 15px;
color:#009959;
font-size:11px;}
.registro_izq_input {
border:#BBE3D2 1px solid;
font-size:11px;
color:#333;
display:block;
padding:1px;
margin:4px 0 0 10px;}

/* =LinksInf
-----------------------------------------------------------------------------*/
.migas {
text-align:right;
font-size:9px;
color:#999;}
.migas a {
color:#999;}

/* =Login
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/
#contenedor {
background:url(../Img/Layout/l_vert.gif) 190px 0 repeat-y;}
#col_der {
width:582px;
float:right;}
#novedades {
width:561px;
margin:0 auto;
background:#D9F7F7 url(../Img/home/bg_novedad.gif) bottom repeat-x;
padding:0 0 15px 0;}
#novedades h1 {
height:30px;
margin:0;
background:url(../Img/home/novedades.gif) 0 0 no-repeat;}
#novedades h2 {
color:#009D9D;
font-size:13px;
margin:10px 0 0 10px;
_margin:5px 0 0 10px;}
#novedades a{
color:#009D9D;}
#novedades p {
color:#666;
margin:10px 0 0 15px;
font-size:11px;}
#novedades img {
float:right;
margin:10px;}

#sobrenos {
width:561px;
margin:0 auto;
padding:0 0 15px 0;}
#sobrenos h1 {
margin:0;
font-size:18px;
color:#00CCCC;
font-weight:normal;
border-bottom:#C7FEE7 1px solid;
padding:5px 0 5px 0;}
#sobrenos h2 {
margin:0;
font-size:15px;
color:#008282;
font-weight:bold;
padding:5px 0 5px 0;
display:inline;}
#sobrenos h3 {
font-size:11px;
color:#666666;
font-weight:normal;
display:inline;
margin:0 0 0 5px;}

#sobrenos p {
color:#009959;
font-size:12px;
margin:10px 4px 0 8px;}
#sobrenos p a {
color:#006699;
text-decoration:underline;}
#sobrenos ul {
color:#00C672;
font-size:11px;
margin:10px 4px 0 22px;
list-style-type:circle;}

#sobrenos form {
margin:10px 4px 0 8px;
color:#008C8C;
font-size:12px;}
#sobrenos form table {
margin:0;}
#sobrenos form table td {
padding:2px;
border-bottom:#E6FFFF 1px solid;}

#conoceademas {
border-top:#C7FEE7 1px solid;
margin-bottom:10px}
#conoceademas h2{
border-bottom:#C7FEE7 1px solid;
margin:0;
background:url(../Img/home/concoeademas.gif) 10px 8px no-repeat;
height:30px;
_height:20px;}
#conoceademas h3{
border-bottom:#C7FEE7 1px solid;
margin:0;
background:url(../Img/Layout/otrosprods.gif) 10px 8px no-repeat;
height:30px;}
#conoceademas table {
margin:5px auto;
font-size:12px;}
#conoceademas table td {
padding:5px 1px;}
#conoceademas table td a {
background:url(../Img/home/bullet_inf.gif) center left no-repeat;
padding-left:7px;
color:#00834C}
#popper { margin:10px; 
background:#FFFFFF; 
border:#66CC66 1px solid; 
padding:10px;} 
#popper h1 { 
margin:0 0 5px 0; 
padding:0 0 3px 0; 
font-size:14px; 
color:#003333; 
border-bottom:#006633 1px solid;} 
#popper h3 { 
margin:0px 0 15px 0; 
font-size:11px; 
color:#006666; 
font-weight:normal;} 
#popper p { 
font-size:12px; 
margin:0px; 
padding:0 0 5px 0; 
color:#009999;} 
#popper a { 
float:right; 
color:#003366; 
font-size:11px; 
font-weight:normal; 
margin:0px; 
padding:2px;} 
#popper a:hover { 
background:#003366; 
color:#FFFFFF; 
text-decoration:none;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
width:758px;
border-top:#71FDC1 1px solid;
margin:7px auto;
padding:7px 0;
color:#007543;
font-size:11px;
}
#correo {
margin:35px 15px;
color:#009959;
}
#correo a {
background:url(../img/mail.gif) center left no-repeat;
padding-left:70px;
padding-right:71px;
padding-top:15px;
padding-bottom:15px;
}

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}


/* =Tables
-----------------------------------------------------------------------------*/
table {border-spacing: 0;border-collapse: collapse;margin:0;}
td {text-align: left;font-weight: normal;}


/* =Productos
-----------------------------------------------------------------------------*/
#listado_cate {
margin:12px 0 0 7px;}
#listado_cate h4 {
	color:#009959;
	margin:5px 10px 8px 0;
	padding:3px 0 5px 20px;
	border-bottom:#8CFFCE 1px solid;
}
#listado_cate table {
width:562px;
margin:10px 0 0 0;}
#listado_cate table td {
border-bottom:#C7FEE7 1px solid;
padding:15px 2px;}
#listado_cate table td h3 {
font-size:18px;
font-weight:normal;
color:#00CCCC;
margin:3px 20px 0 20px;}
#listado_cate table td p {
color:#009959;
font-size:12px;
margin:7px 20px 3px 20px;}

#producto_cate {
margin:12px 0 0 7px;
padding:0 12px 15px 0;}
#producto_cate h2 {
font-size:18px;
font-weight:normal;
color:#00CCCC;
width:312px;
float:left;
margin:15px 0 8px 0;
padding:0 0 0 6px}
#producto_cate h3 {
float:right;
margin:15px 0 0 0;}
#producto_cate p {
width:300px;
margin:0 0 8px 0;
padding:0 0 0 20px;
color:#00834C;
font-size:12px;}
#producto_cate table {
margin:5px;
color:#00834C;
font-size:11px;
border-color:#00CCCC;;}
#producto_cate table td {
padding:2px;}
#presentaciones {
border-top:#C7FEE7 1px solid;
margin-bottom:10px}
#presentaciones h3{
border-bottom:#C7FEE7 1px solid;
margin:0;
background:url(../Img/Layout/presentaciones.gif) 10px 8px no-repeat;
height:30px;}
#presentaciones table {
margin:5px auto;}
#presentaciones table td {
border-bottom:#E1FFF2 1px solid;
padding:5px 2px;
color:#00834C;
font-size:12px;}

/* =Misc 2
-----------------------------------------------------------------------------*/
#que_hacemos {
margin:12px 0 0 7px;
padding:0 12px 15px 0;
font-size:12px;
color:#333333}
#que_hacemos a {
font-size:11px;
color:#333333;
padding:0 0 0 10px;}

#que_hacemos p {
color:#009959;
font-size:12px;
margin:10px 4px 0 8px;}
.queha_izq {
margin:15px 0 0 0;
padding:0;}

.queha_der {
margin:15px 0 0 0;
padding:0;}

.queha_izq h3 {
width:310px;
float:left;
margin:0 0 12px 0;
color:#00CCCC;
font-size:18px;
font-weight:normal;
padding:10px 0 0 10px;}
.queha_izq p {
width:300px;
float:left;
color:#006037;
font-size:12px;
margin:0 0 8px 0;
padding-left:20px;}
.queha_izq img{
float:right;
margin:0;}


.queha_der h3 {
width:310px;
float:right;
margin:0 0 12px 0;
color:#00CCCC;
font-size:18px;
font-weight:normal;
padding:10px 0 0 0;}
.queha_der p {
width:290px;
float:right;
color:#006037;
font-size:12px;
margin:0 0 8px 0;
padding-right:10px;}
.queha_der img{
float:left;
margin:0;}

.verprodsbot  {
width:100px;
clear:left;
margin-left:20px;}
.verprodsbot a{
display:block;
width:100px;
height:22px;
background:url(../Img/Layout/ver_prods.jpg) 0 0 no-repeat;}
.verprodsbot2  {
width:100px;
clear:right;
float:right;}
.verprodsbot2 a{
display:block;
width:100px;
height:22px;
background:url(../Img/Layout/ver_prods.jpg) 0 0 no-repeat;}

/* =Tienda
-----------------------------------------------------------------------------*/
#tienda {
padding:0 10px 0 5px;
margin:0;
text-align:center;}
#carrito {
margin:0 0 10px 0;
width:100%}
#carrito th {
padding:3px 1px;
background:#00CCCC;
font-size:13px;
font-weight:bold;
color:#FFFFFF;}
#carrito td {
color:#666666;
padding:6px 1px 4px 1px;
font-size:11px;
text-align:right;
border-bottom:#F4F4F4 1px solid;}
#carrito td input {
font-size:11px;
color:#666666;
text-align:right;}

#carrito2 {
margin:0 0 10px 0;
width:100%}
#carrito2 th {
padding:3px 1px;
background:#00CCCC;
font-size:13px;
font-weight:bold;
color:#FFFFFF;}
#carrito2 td {
color:#666666;
padding:6px 1px 4px 1px;
font-size:11px;
text-align:center;
border-bottom:#F4F4F4 1px solid;}
#carrito2 textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:3px}

.totalizar {
text-align:right;
font-weight:bold;
color:#000000;
background-color:#F4F4F4;}

#botones {
width:100%;
text-align:right;}
#botones input {
background:#0099CC;
border:1px solid #003366;
color:#FFFFFF;
margin-left:5px;
padding:3px;
.padding:0;
font-size:12px;
width:auto}
