/**
 * Jurru.ro
 *
  */

#nav {background:transparent url(../images/bg_navigation.gif) repeat-x scroll 0 0;font-size:1.1em;margin:0 auto;padding:0;width:980px; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;}
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li {  float:left; padding: 14px 10px 15px; background:url(../images/bg_navigation_on.gif) top right; }
#nav li.active a { color:#000; }
#nav a { float:left; color:#e2e2e2; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#FFF; }
#nav li.over,
#nav li.active { background: url(../images/bg_nav_hover.gif) repeat-x top left; color:#000}
#nav li.active a {color:#000000}

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { padding-bottom:0; }


#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }


/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:40px; left:-10000px; border:1px solid #bbb; border-bottom:1px solid #999; padding:3px 8px; background:#fcfcfc; font-size:12px;  }

/* Show menu */
#nav li.over > ul { left:-1px; }
#nav li.over > ul li.over > ul { left:150px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { padding:5px 3px; color:#444 !important; border-bottom:1px dotted #CCCCCC; }
#nav ul li a:hover {  padding:5px 3px; color:#225b7f !important;  background-color:#F0F0F0}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

/*********** SLIDER *****/
#slider{height:500px; position:relative; width:665px; margin:0 auto; overflow:hidden; margin-bottom:13px; border:1px solid #ccc}
div.scroller{height:500px; overflow:hidden; width:665px; zoom:1}
div.scroller .content{padding:0}
div.slidercontrolwr{position:absolute; right:15px; top:15px}
div.scroller img{border:none}
div.scroller div.section{float:left; height:500px; overflow:hidden; width:665px}
div.scroller div.content{width:10000px; float:left}
.slidercontrol{list-style:none; margin:0px; padding:0px}
.slidercontrol a{color:#aaa; filter:alpha(opacity=60); float:left; height:14px; margin:0px 2px; opacity:0.6; overflow:hidden; padding:0px; text-decoration:none; text-indent:-1000px; width:14px}
.slidercontrol a:hover{filter:alpha(opacity=100); opacity:1}
.content .sliderdescription{background:url(../images/grid.gif) repeat left top; color:#222; filter:alpha(opacity=50); font:12px bold Helvetica,sans-serif; left:15px; opacity:0.5; padding:10px; position:relative; top:-100px; width:650px}
div.sliderdescription:hover,.sliderdescription.active{background-color:#fff !important}
.content a{font:12px bold Helvetica,sans-serif; text-decoration:none}
.aprev{background:url(../images/aprev.gif) no-repeat 3px 3px}
.anext{background:url(../images/anext.gif) no-repeat 3px 3px}
.astop{background:url(../images/astop.gif) no-repeat 3px 3px}
.aplay{background:url(../images/aplay.gif) no-repeat 6px 3px}