html {
    height: 100%;
    width: 100%;
} 

body{
    background: url(/images/fondo.jpg) repeat;
    background-color: white;
    margin: 0;
    padding: 0;
    color:#444444;
    font-family: Verdana, Arial, sans-serif, Helvetica;
    height: 100%;
    width: 100%;
    font-size: 12px;
    text-align: center;
}	

table{
    empty-cells: show;
    border-collapse: separate;
    border: 0px;
    font-size: 12px;
}

quote{
     text-align: right;
     font-size: 10px;
     padding: 50px;
}

h1{
	text-align: left;
	font-size: 18px;
    vertical-align: bottom;
    color: #7d521b;
    font-weight: normal;
    margin-left: 0px;
}   
    
h2{
    font-size: 16px;
	text-align: center;
    color:#7a7200;
}

h3{
    font-size: 14px;
	text-align: left;
    color:#7a7200;
}

h4{
    font-size: 12px;
	text-align: left;
	color: #186f4e;
}

a{
    color: #000000;
}

a:hover{
	color: #002255;
}
	

p{
  padding-left: 1em;
  line-height: 25px;
  text-align: justify;
  font-size: 12px;
}

ul{
    line-height:22px;
}

    	
.cien{
    height: 100%;
    width: 100%;
}

.gris{
    background-color: #3e443f;
}

.cat_container{
    border-bottom:1px #776655 solid;
}

.cat_image{
    border: 1px #776655 solid;
    cursor:pointer;
	transparence: 50%;
}

.cat_titulo{
    font-size: 12px;
    color: #333222111;
    font-weight: bold;
    cursor:pointer;
	text-align: center;
}

.cat_titulo_selected{
    font-size: 12px;
}

.cat_titulo_selected a{
	color: #294429;
    text-decoration: none;
    font-weight: bold;
}

.cat_titulo a:hover{
    color: #294429;
}

.cat_icon{
    text-align: center;
    padding-top: 5px;
}

.cat_items_container{
}


.cat_items{
	display: none;
    font-size: 12px;
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
}

.cat_items li{
    text-align: center;
    list-style-type:none;
}

.cat_items li:hover{
/*    list-style-type: square;*/
}

.cat_items li a{
	color: #334433;
    text-decoration: none;
}

}
.cat_items li a:hover{
    color: black;
}

#centerall{
    height: 100%;
    width: 100%;
}

    #cabeza{
	height: 15px;
    }
    
    #centro{
	height: 100%;
	vertical-align: top;
    text-align: center;


    }
    
        #twocols{
	    margin-left: auto;
	    margin-right: auto;
	    height: 100%;
	    border: 1px #2d4f00 solid;
	    width: 750px;
	}

        #lateral{
		 width: 173px;
		 margin-top: 105px;
		 /*	    margin-left: 15px; */
		 background: url(/images/fondo_lateral.jpg) top left;
		 vertical-align: top;
		 text-align: left;
	     height: 100%;
	    }
                #menu_lateral{
		    text-align: center;
		    margin-top: 0px;
		    border-collapse: collapse;
		}

        #email{
            font-size: 10px;
            margin-top: -15px;
            margin-bottom: 10px;
            margin-left: 9px;
        }

        #email a{
            color: #444444;
            text-decoration: none;
            /*color: #414d31;*/
        }

		#titulo_productos{
		    font-size: 15px;
		    font-weight: bold;
		    text-align: center;
		    padding-bottom: 15px;
		    color: #414d31;
		}


	    #principal{
		vertical-align: top;
		background: #e8e3c0;
		width: 573px;
	    height: 100%;
	    }
	    
	        #encabezado{
		    vertical-align: top;
		    height: 170px;
		    background: url(/images/encabezado_2l_v2.jpg) no-repeat top left;
		}
		
		#cuerpo{
			height: 100%;
		}
		
	        #detalle{
				background: #e8e3c0 url(/images/fondo_detalle_lateral.jpg) repeat-y;
				width: 4px;
				border: 0px;
		    }
		    
			#container_contenido{
				background: #e8e3c0 url(/images/fondo_lavandas.jpg) bottom left no-repeat;
				vertical-align: top;
				text-align: justify;
				padding: 10px;
				width: 569px;
            }

		    #contenido{
                  overflow: visible;
		    }
              #texto_largo{
                  overflow: auto;
                  width: 560;
                  margin: auto;
                  padding: 15px;
              }

              #prod_detalle, .detalle{
                  display: none;
                  text-align: center;
                  padding: 13px;
                  float:left;
                  width: 522px;
                  height:400px;
                  overflow: auto;
                  border: 1px #776655 solid;
              }

              .popup{
                  position: absolute;
                  left: 0px;
                  top: 0px;
                  z-index:5;
                  background: #e7dcc1;                  
              }

              #close_detalle{
                  float: right;
                  padding: 3px;
                  vertical-align: middle;
                  text-align: center;
                  background-color: #776655;
                  color: white;
                  cursor: pointer;
              }
              
              .prod_container{
                  float: left;
                  margin: 10px 14px 60px 14px;
                  text-align: center;
                  height: 100px;
                  width: 151px;
              }
                  .prod_leyenda{
                      text-decoration: none;
                      padding: 10px;
                      font-size: 12px;
                  }
                  .prod_leyenda a{
                      text-decoration: none;
                  }

    #base {
	height: 45px;
    }

    .pie {
	padding-left: 15px;
	padding-right: 10px;
	color: black;
	font-size: 10px;
/*	background-color: #3e443f;*/
	vertical-align:middle;
	border-collapse: separate; 
    }

    .pie a{
	text-decoration:underline;
	font-weight: normal;
	color: black;

    }


#link-logo{
    cursor: pointer;
}


#odd {COLOR:#333333;}
#even {COLOR:#333333; BACKGROUND-COLOR:#e9f1f1;}


#menu_top{
    margin-top: 122px;
/*    position: relative;*/
}


	#cssdropdown, #cssdropdown ul {
        list-style: none; 
        line-height: 24px;
    }

	#cssdropdown, #cssdropdown * {
        padding: 0px; 
        margin: 0px; 
    }
	
	#cssdropdown li.headlink { 
        position: relative;
        width: 130px; 
        float: left;
        text-align: center; 
    }

	#cssdropdown li.headlink:hover {
        margin-bottom: -2px;
        border-bottom: 2px #aa8 solid;
        border-collapse: collapse;
    }

	#cssdropdown li.headlink a {
        display: block; 
        color:  #8f6726;
    }

	#cssdropdown li.headlink a:hover {
        font-weight: bold;
    }

	#cssdropdown li.headlink ul {
        display: none; 
        text-align: left; 
        position: absolute;
        left: 0px;
        width: 130px; 
        text-align: center;
        background-color: #ffffff;
        border-top: 2px #aa8 solid;     
    }

	#cssdropdown li.headlink ul li a:hover { background-color: #eed; }
	

    .menuitem{
        text-decoration: none;
        font-size: 12px;
        color: #8f6726;
        cursor:pointer;
        font-family: Verdana, Arial, sans-serif, Helvetica;
/*        font-family: Comic Sans, Comic Sans MS, cursive;*/
    }


.leyenda {
   font-size: 12px;
   font-style:italic;
   color: #075657;
}

.foto{
    border: #776655 1px solid;
}

#pagination {
	margin-left: auto;
	margin-right: auto;
    width: 70%;
    clear: both;
    font-size: 12px;
}

#pagination a{
    text-decoration: none;
    font-weight: bold;
}

#previous{
    text-align: left;
}

#next{
    text-align: right;
    
}

.author{
    text-align: right;
    margin-right: 50px;
}

.quote{
    margin-left: 30px;
    margin-right: 30px;
}

#intro{
    margin-top: 35px;
    margin-left: 15px;
    line-height: 35px;
/*    font-size: 18px;
    font-family: Comic Sans, Comic Sans MS, cursive;
*/
}

.firma{
    margin-left: 30px;
    margin-right: 50px;
    line-height: 35px;
    font-size: 18px;
    font-family: Comic Sans, Comic Sans MS, cursive;
}

#imagen_caratula{
    text-align: center;
    vertical-align: middle;
}

#imagen_caratula img{
    border: black 1px solid;
}






ul#sitesections ul {
  display: inline;
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 15em;
  position:absolute;
  float: left;
  left: 0px;
  text-align: left;
/*  background: #e8e3c0;*/
  z-index: 999;
}

ul#sitesections a {
  display: block;
  text-decoration: none;	
}

ul#sitesections li ul li {
  padding: 0px;
  margin-top: 0px;
  margin-left: 0px;
}

#mail {
    margin-bottom: 0px;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
}

#mail a {
	color: #ffffff;
    text-decoration: none;
    vertical-align: bottom;
}

#que_necesito{
    border-collapse: collapse;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#que_necesito thead{
    font-weight: bold;
}

#que_necesito td{
     border-bottom:1px #776655 solid;
    padding: 5px;
}