body {
margin: 0;
padding : 0;
background: #ccc url(images/bg.jpg) center repeat;
color: #000000;


/* color: #555; */
}
.tituloItem{
          cursor: auto;
          font-weight: bold;
          text-decoration:none;

       }


       .contenidoItem{
          border-left: 1px solid #aaaaaa;
          border-bottom: 1px solid #aaaaaa;
          padding-left: 10px;
          padding-bottom: 3px;
          font-weight: bold; /* normal  */
          color: black; 

          margin-bottom: 10px;
          margin-top: 0;
       }
       .contenidoItem p{
          margin: 3px;
       }
            /*WRAP*/
#container {
width: 760px;
margin-left: auto;
margin-right: auto;
padding: 0;
font: 76% "Trebuchet MS","lucida sans", tahoma, sans-serif;
font-weight: bold; /* normal  */
line-height: 1.8em;
background: transparent;
color: black;   /*  color:  */
}
            /*TOP BANNER*/
#banner {
padding: 0;
margin-bottom: 0;
height: 150px;
border-bottom:3px solid #fff;
background: #82B64D url(images/main_logo.jpg);
/*background: #82B64D url(images/wine.jpg);*/
color: #000;
}
#banner2 {
padding: 0;
margin-bottom: 0;
height: 150px;
border-bottom:3px solid #fff;
background: #82B64D url(images/wine.jpg);
/*background: #82B64D url(images/wine.jpg);*/
color: #000;
}



            /*TOP NAVIGATION*/
#navbar ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
font-size: 130%;
text-align: center;
border-bottom:0px solid #fff;
background: #385900;
color: #000;
}
#navbar a {
float:left;
width:6em;
height:30px;
text-decoration:none;
color:#fff;
background:#385900;
padding:0.5em 0.6em;
border-right:1px solid #fff;
}
#navbar a:hover {
background:#8BBA00;
color: #000;
}
#navbar li {
display:inline;
}
/* css para manejo de imagenes */
.left {
    float: left;
}
.right {
    float: right;
}

/* codigo del menu tabs y form search*/

/* horizontal tabbed menu */    
#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000;  height: 64px; text-align: center; padding: 0 0 0 220px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg2.gif) no-repeat; color: #808080; padding: 7px 0; width: 110px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent2.gif) no-repeat; color: #000; }    
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }   
.key { text-decoration: underline; }

/* search form */
#search { 
    float: left;
    clear: both;
    color: #000;
    background: #fff url(images/searchbg.gif) no-repeat;
    padding: 18px 0px 0px 0px;
	*padding: 18px 0px 40px 0px;
	_padding: 18px 0px 10px 0px;
    width: 500px;
    margin: -7px 10px 0px 5px;
	
	/*z-index:2;*/
}
    #search p { padding: 0; margin: 0; }
/* codigo del menu tabs y form search*/

/* ***************************************
css de recent post 
*******************************************
*/
/* Recent Posts Box */

#recent-posts {
    float: right;
    overflow : auto;
    width: 200px;
    margin : 0 0 0 30px;
    height: 450px;
}

#recent-posts h3 {
    width: 190px;
    height: 32px;
    padding: 12px 0 0 10px;
    background: #5A5A5A url(images/img13.gif);
    font-size: 1em;
    color: #FFFFFF;
}

#recent-posts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#recent-posts li {
    padding: 5px 10px;
    border-bottom: 1px solid #5A5A5A;
}

#recent-posts li:hover {
    background: #EFEFEF;
        /*EFEFEF  */
    
}
/*********************************  */


/*  *************************************
/*SCROLLBAR*/
div.scroll {
overflow : auto;
height : 40em;
width : 570px;
border : 0px solid #a0ad78;
padding : 1em;
background: transparent;
/* background : #f9f9f9; */
font-size: 1.2em;
font-weight: bold; /* normal  */
color : #666;
color: black;
margin : 0px 0 0 0px;
}

/*fin de css scroll bar*/
/*****************************************
*/


            /*MAIN CONTENT*/
#content {
padding: 5px;
/*padding: 5em;*/
margin-left: 150px;
}
            /*SIDEBAR*/
#sidebar {
float: left;
width: 140px;
background: #fff;

/* width: 160px; */
margin: 0;
padding: 0px 0em 5px 15px;
font-size: 1em;
/* font-size: 85%; */
color: white;
font-weight: bold;
}
            /*SIDE MENU*/
#sidebar li             
 { font-size: 1em;
   color: white;font-weight: bold;
    }
/*
#sidebar li:hover { font-size: 2em; }
//#sidebar li:hover + li { font-size: 1.6em; }
//#sidebar li:hover + li + li { font-size: 1.3em; }
*/
#sidebar ul {
list-style: none;
margin: 0 0 20px 0;
background: #2ABF55;
color: white;
padding: 0;
}
#sidebar ul li { 
display: inline;
color: white;
padding: 4;
margin: 0;

}
#sidebar ul li a {
display: block;
color: white;
/*color: #385900;*/
background: inherit;
text-decoration: none;

margin: 0;
padding: 5px 0 5px 5px;
border-bottom: 1px solid #C0C0C0;
border-left: 5px solid red;

}
#sidebar ul li a:hover {
text-decoration: none;
border-right: 5px solid red;
border-left: 0px solid red;
background: #007FFF;
}

#sidebar li:hover { font-size: 1.4em; }
#sidebar li:hover + li { font-size: 1.2em; }
#sidebar li:hover + li + li { font-size: 1.1em; }
/*
#sidebar li:hover { font-size: 2em; }
#sidebar li:hover + li { font-size: 1.6em; }
#sidebar li:hover + li + li { font-size: 1.3em; }
*/

/* 
background: #007FFF  azul;
background: #E6E7E9 gris; 
color: #DA7910;*/
color: #FFFFFF;
font-weight: bold;

}
 #tabla_clientes li:hover { font-size: 1.3em; 
    text-decoration: none;
    color: #2A1FFF;
}
 
#tabla_clientes li:hover + li { font-size: 1.1em; }
/* #tabla_clientes li:hover + li + li { font-size: 1em; } */
 
 
 
            /*FOOTER*/
#footer {
clear: both;
width:750px;
padding: 5px;
margin: 0;
font-size: 0.8em;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background: #88C706;
color: #000;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #000; 
}
#footer a:hover {
text-decoration : underline;
background : inherit;
color :  #fff;
}
            /*LINKS*/
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #DA7910;
}
a:hover {
text-decoration : underline;
background : inherit;
color :  #385900; 
}
            /*TYPOGRAPHY*/
h1 {
margin: 0;
padding: 30px 0 0 20px;
font-size: 175%;
letter-spacing: 3px;
}
h2 {
margin-top: 10px;
padding: 10px 0 10px 0;
font-size: 160%;
letter-spacing: 3px;
background : transparent;
color :   #385900;

}
h3 {
margin: 0;
padding: 10px 0 10px 0;
font-size: 160%;
letter-spacing: 3px;
background : inherit;
color :  #88D900;
/* color :  #385900; */
}
.titulos {

margin-top: 10px;
/*padding: 10px 0 10px 0;*/
font-size: 160%;
letter-spacing: 3px;
background:url(images/vineta_css.gif) no-repeat 95px 0 #FFFFFF; border:none;
    width:260px; height:213px; float:left; margin:0 0 0 10px; padding:0 20px 0 0; 
color :  #88D900;

}




blockquote {
font-weight : bold;
font-style : italic;
color : #2A1FFF;
font-size: 140%
/* color : #b29b35;*/
}
            /*CLASS*/
.clear {
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
.slogan {
/*margin: 0 0 0 50px;
letter-spacing: 3px;  */
/* margin-top: 10px;
padding: 10px 0 10px 0;
letter-spacing: 3px;*/
font-size: 140%;
background : transparent;
font-weight: bold;
font-style : italic;
}

.post{
background: #E6E7E9;
padding: 3px;
margin: 20px 10px 10px 5px;
font-size: 80%;
}
.post .date {
background: url(images/clock.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .comments {
background: url(images/comment.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .readmore {
background: url(images/document.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
/* codigo css para Jscript ocultar datos haciendo click
 .tituloItem{
          cursor: pointer;
          font-weight: bold;
          text-decoration:none;

       }


       .contenidoItem{
          border-left: 1px dotted #aaaaaa;
          border-bottom: 1px solid #aaaaaa;
          padding-left: 10px;
          padding-bottom: 3px;
          font-weight: normal;
          margin-bottom: 10px;
          margin-top: 0;
       }
       .contenidoItem p{
          margin: 3px;
       }

 fin de codigo css para jscript ocultar datos*/
 
 /* Empieza codigo css para formulario de contacto*/  
 
 #contact{
    width:312px; float:right;}
#contact span.ctop{
    background:url(images/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
    line-height:0; font-size:0; height:14px; display:block;}
#contact span.cbottom{
    background:url(images/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
    line-height:0; font-size:0; height:25px; display:block;}
#contact form.contact{
    background:url(images/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
    width:272px; padding:0 20px; float:left;}
#contact form.contact h2.text3{
    background:url(images/contact_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
    padding:0 0 10px 55px; float:left; width:228px; height:37px;
    font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact h2.text3 span{
    background-color:#FFFFFF; color:#A60101;
    font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact label{
    background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
    font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input{
    background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
    width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
    font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact textarea{
    background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
    width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
    font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact input.submit{
    background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
    width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
    font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input.reset{
    background:url(images/more_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
    width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
    font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.spacer{
    font-size:0; line-height:0; clear:both;}

 
 /* tarmina codigo css para formulario de contacto*/