/*** CSS for Default visualNav HTML ***/
/* side menu with visualNav */
#sidemenu             { text-align: center; position: fixed; top: 30px; left: 10px;  width: 210px; z-index: 10; padding: 20px; 
background:url(../images/fondor.png);}
#sidemenu ul          { list-style-type: none; margin: 0; padding: 0; }
#sidemenu li          { color: #000000;margin: 5px 0 0 10px; padding: 2px; width: 170px; text-align: center; 
border: transparent 1px solid; }
#sidemenu a           { text-decoration: none;  font-size:20px;color: #000000;}
#sidemenu a:hover     { color:#404040;}



#sidemenu li.selected   { background:#ff0000}
#sidemenu li.selected a  { color:#ffffff;}
/* main content header & wrapper */
.content           { margin: 0 20px 10px 70px;padding:20px 0 0 0 ; }
.inner-content     {position:relative;width:100%;height: 640px;  }
.inner-content img { max-width: 450px; }

/*** Demos ***/
body               { background: url(../images/f22.png); color: #ddd;}


/* demo content */
.content h2        { margin: 5px 5px 20px 5px; }
.content br        { clear: both; }
.content li        { padding-right: 25px; }




#container         { margin: 0 auto; width: 100%; }
.section           { border-bottom: 5px solid #ccc; padding:25px; }
.section h3        { margin-top: 0; }

.section p:last-child { margin-bottom: 0; }

.menu {
position:relative;
width:80%;
top:300px;
left:10%;
background:url(../images/fondor.png);
}

.menu a           { 
text-decoration: none; 
color: #000000;
font-size:16px;

 }
.menu a:hover     { color: #ffffff;}

.menu  .sel  { background: #000000;padding:0 5px 0 1px;color:#ffffff}

.menu td {
padding:0 40px 0 10px;
margin:0;

}