body  {
      background : #fff;
      color : black;
      font-family :  arial, helvetica, sans-serif, verdana;
      font-size : 0.8em;
      margin: 0; padding: 0;
      width : 700px;
      max-width: 700px;
      height: auto;
      text-align: center;
      }
      
.top { width : 700px;
       max-width: 700px;
       height: 60px;
       float: left;
       margin: 0; 
       padding: 0;
       }
       
.top img{
        position: absolute;
        top: 0em;
	left: 0em;
	margin: 0; padding:0;
	border: 0;
        }
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #339933;
	letter-spacing: normal;
	text-align: center;
	margin: 0 0 0 0;
        padding: 0.5em 1em 0em 0em;
}        
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #339933;
	letter-spacing: normal;
	text-align: left;
	margin: 0 0.5em 0 0;
       padding: 0.5em 1em 0.8em 0.8em;

}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #339933;
	text-align: left;
	margin: 0 0.5em 0 0;
       padding: 0.5em 1em 0.8em 0.8em;
       background: #fff;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #339933;
	text-align: left;
	margin: 0 0.5em 0 0;
       padding: 0.5em 1em 0.8em 0.8em;


 }
 
h5{
	
margin: 0 0.5em 0 0;
       padding: 0.5em 1em 0.8em 0.8em;

        font-weight: normal;
        font-size: 11px;
        color: #333;
        text-align: left;
}


h6{
	font-size: 10px;
	color: #333;
	margin: 0 0 0 0;
       padding: 0.3em 0em 0em 0em;


        font-weight: normal;
       
        background: #fff;
}

.page{
    margin: 0; padding: 0;
    background: #fff;
    color: black;
    text-align: left;
    width: 100%;
    max-width: 725px;
    float: left;
}


.mapa{
  float: left; 
  border-color : #ffe45d;
  border-width : 2px;
  border-style: solid; 
  width: 690px;
  height: 500px;
  text-align: left;
  vertical-align: top;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

.map-item{
  	 font-weight: bold;
        font-size: 14px;
        color: #444;
        text-align: left;
	 vertical-align: top;
	 position: relative;
 	 margin: 0;
        padding: 0;
}

.map-item a {
  background: #fff;
  text-decoration: none;
}



.main{ 
       width: 690px;
       background: #fff;
       margin: 0px; padding: 0px;
	margin-left: 15px;
       padding-top: 0em;
       background-image: url('/vino-ip/design/vert_line_yell.gif');
       background-repeat: repeat-y;
      
}

.content {
           background : #fff;
           margin: 5px 0px 0.8em 13px;
           padding: 5px 0px 1em 7px;
           text-align: left;
           height: auto;
	    background-image: url('/vino-ip/design/vert_line_yell.gif');
           background-repeat: repeat-y;
         }
         
.document {
           background : #fff;
           margin: 0em 0.7em 0.8em 1em;
           padding: 0px 1em 1em 0.8em;
           text-align: left;
           float: left;
         }
         
.right .box{
           background : #fff;
           margin: 0 0 0.5em 0.5em;
           padding: 0.3em 0.5em 0.5em 0.3em;
           text-align: left;

         }    


p      {
         margin: 0em 0 0.5em 0;
         padding: 0em 0 0.5em 0;
        }



.indexlist {
           padding : 0;
           margin:  1.2em 0em 0.5em 1em;
           }

.indexlist ul {
          margin: 0; 
          padding: 0;
         }         

.indexlist li{
          list-style-type: square; 
          margin: 0; 
          padding: 0;
          font-weight: normal; 
          font-size: 12px;
          cursor: hand;
          color: #777;
          }     

.indexlist li a {
           list-style-type: square; 
           display: block;
           text-decoration : none;
           color: #555;
           margin: 0; 
           padding: 0;
           }
.underline li a{
            text-decoration : underline;
            }
      
.indexlist li a:hover {
           border-color : #eef;
           background : #fff;
           color : #963;
           text-decoration : underline;
           }


.footer{
  color: #444;
  float: left;
  margin-left: 0px;
  margin-top: 0.8em;
  padding: 0em 0em 0em 0.3em;
  font-size: 0.8em;
  width: 100%;
  }

.footer ul{
  height: 0.8em;
  margin: 0;
  padding: 0;
  
}

.footer li
{
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #997;
  padding: 0px 0.5em 0em 0.5em;
  min-width: 3em;
  list-style: none;
}

.footer a
{
  border: 0;
  color: #111;
  font-weight: bold;
  text-decoration: underline;
}

.footer a:hover
{
   color: #777;
}

.footer li.end
{
  border: 0;
  float: left;
}


.meteotable {
  border: 2px solid #ffe45d;
  background: #fff;

 
}

.meteotable td{
  border: 2px solid #ffe45d;


}

.maptable{
 border: 2px solid #ffe45d;
 background: #fff;
}



p a {
  color: #575757;
  text-decoration: underline;
}

p a:hover{
  color: #960;
}

a {
  color: #333;

  text-decoration: none;
}

a:hover{
  color: #444;
}



form {
    font-size: 11px;
    color: #515151;
}

input{
    font-size: 11px;
    color: #111;

}

.inputlogin{
    font-size: 11px;
    color: #111;
    border: 1px solid #eeb;

}
textarea{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333;
}

#navi{
  margin: 0 0em 0px 1em;
  float: right;
 

}

ul#navi
{
  font-size: 11px;
  margin: 0 1em 0px 0em;
  padding: 2px 0em 0px 0.8em;
  width: 680px;
  float: left;
  text-align: left;

}

ul#navi li
{
  float: left;
  list-style: none;
  text-align: left;
  border: 0;
  padding: 0 0.5em 0.5em 0.5em;
  border-right: 1px solid #ddd;
} 

ul#navi li.leftlong
{
  float: left;
  list-style: none;
  text-align: left;
  border: 0;
  width: 300px;
}


ul#navi li a
{
  display: block;
  border: 0;
  color: #777;
  font-weight: bold;
  text-decoration: underline;
}
ul#navi li a:hover
{
  background: #eee;
  color: #000;
}