/*:::::pirolab.it 09/2008*/

/*:::::REGOLE GENERALI:::::*/
body {margin:0;padding:0;background:#fff url(bg.gif) left top repeat-x;font:normal 80% Arial}
img {border:none}
ul,li,p,h2,h3,h4 {margin:0;padding:0;list-style-type:none}
h1 {position:absolute;text-indent:-999em}
a {color:#2f326b;text-decoration:none;outline:none}
a:hover {color:#708794;text-decoration:none;outline:none}
/*::::::FINE:::::::*/

/*::::::REGOLE SITO::::*/
#main {margin:0 auto;width:950px}
#header {float:left;width:377px;height:109px;background:url(logo.gif) no-repeat}
#nav_up {float:right;width:500px;color:#fff;height:19px;background:url(menu_up.gif)}
#nav_up ul {float:left;width:100%;height:19px;margin-left:10px;background:url(menu_up_li.gif) center left no-repeat}
#nav_up li {float:left;padding:0;margin:0;margin-left:10px!important;margin-left:8px;background:url(menu_up_li.gif) center right no-repeat;padding-right:10px}
#nav_up li a {color:#fff}
#nav_up li a:hover {color:#f9c13a}
#nav {margin-top:60px;float:right;width:573px;height:30px;background:url(nav.gif) top left no-repeat}
#nav li {float:left;height:30px; text-align:center; line-height:30px; font-size:18px;}
#nav li.uno a {float:left;height:30px;width:136px;display:block;color:#557789}
#nav li.uno.un-active a {background:transparent url(nav.gif) 0 -29px no-repeat; color:#fff}
#nav li.uno.un-active a:hover {background:transparent url(nav.gif) 0 -58px no-repeat;color:#ccc}
#nav li.due a {float:left;height:30px;width:113px;display:block;color:#fff}
#nav li.due.active a {background:transparent url(nav.gif) -136px -29px no-repeat;color:#557789}
#nav li.due a:hover {background:transparent url(nav.gif) -136px -58px no-repeat;color:#ccc}
#nav li.due.active a:hover {background:transparent url(nav.gif) -136px -29px no-repeat;color:#708794}
#nav li.tre a {float:left;height:30px;width:112px;display:block;color:#fff}
#nav li.tre.active a {background:transparent url(nav.gif) -249px -29px no-repeat;color:#557789}
#nav li.tre a:hover {background:transparent url(nav.gif) -249px -58px;color:#ccc}
#nav li.tre.active a:hover {background:transparent url(nav.gif) -249px -29px no-repeat;color:#708794}
#nav li.quattro a {float:left;height:30px;width:101px;display:block;color:#fff}
#nav li.quattro.active a {background:transparent url(nav.gif) -361px -29px no-repeat;color:#557789}
#nav li.quattro a:hover {background:transparent url(nav.gif) -361px -58px no-repeat;color:#ccc}
#nav li.quattro.active a:hover {background:transparent url(nav.gif) -361px -29px no-repeat;color:#708794}
#nav li.cinque a {float:left;height:30px;width:110px;display:block;color:#fff}
#nav li.cinque.active a {background:transparent url(nav.gif) -462px -29px no-repeat;color:#557789}
#nav li.cinque a:hover {background:transparent url(nav.gif) -462px -58px no-repeat;color:#ccc}
#nav li.cinque.active a:hover {background:transparent url(nav.gif) -462px -29px no-repeat;color:#708794}
#content {float:left;width:950px}
.content_up {float:left;width:950px;height:3px; display:block;background:url(up_content.gif) no-repeat}
.content {float:left;width:930px;background:url(center_content.gif) repeat-y;padding:15px}
.content h2 {background:url(hr_oriz.gif) bottom left repeat-x;padding:3px;font-size:24px;font-weight:normal;color:#3c5562;width:395px}
.content p {background:url(hr_oriz.gif) bottom left repeat-x;padding:3px;width:395px}
.content img {float:right;margin:0px}
.content ul {float:left;width:395px;margin-top:20px}
.content li {float:left;background:url(lock_li.jpg) top left no-repeat;padding:2px 0 2px 16px;width:380px;display:block;margin-top:10px;margin-bottom:10px}	
.content_bottom {float:left;width:950px;height:13px;background:url(bottom_content.gif) no-repeat}
#content_down {float:left;width:940px;margin-top:30px;margin-bottom:30px;margin-left:10px!important;margin-left:5px}
#content_down h3 {width:270px;float:left;background:url(hr_oriz.gif) repeat-x bottom;font-size:18px;font-weight:normal;margin-right:16px;padding:3px;margin-bottom:15px;color:#3c5562}
#content_down ul {float:left;width:280px;background: url(hr_vert.gif) center right repeat-y;padding-bottom:10px}
#content_down li {float:left;width:260px;display:block;background:url(bullett_li.gif) center left no-repeat;padding:3px 0 3px 25px}
#content_down li a {display:block}
.box_down {float:left;width:285px;background:#fff;border:1px solid #ddd;margin-right:15px;padding:5px}
.box_down p {text-indent:0}
#footer {clear:both;float:left;width:938px;background:#fff;border:1px solid #ddd;padding:7px}
#footer p {text-align:left;float:left}
#footer ul {float:right;margin-right:10px;background:url(menu_footer_li.gif) center left no-repeat}
#footer li {float:left;padding:0;margin:0;margin-left:10px!important;margin-left:8px;background:url(menu_footer_li.gif) center right no-repeat;padding-right:10px}
/*::::::::FINE REGOLE SITO::::::::*/


/*::::::SLIDE PANEL:::::::::*/
.csw {width: 100%; height:500px; overflow:scroll; background:url(../js/ajax-loader.gif) center center no-repeat}
.csw p{border:none;width:100%;background:none}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer {position: relative;overflow: hidden; margin: auto;width: 920px; clear: both}
.stripViewer .panelContainer { position: relative;left: 0; top: 0;width: 100%;list-style-type: none}
.stripViewer .panelContainer .panel { float:left; height:100%;position: relative;width: 930px}
.stripViewer .panelContainer .panel .wrapper { padding:0}
.panel{ float:left; height:100%; display:block; width:930px}
.panel h2 {background:url(hr_oriz.gif) bottom left repeat-x;padding:3px;font-size:24px;font-weight:normal;color:#3c5562;width:395px}
.panel p {background:url(hr_oriz.gif) bottom left repeat-x;padding:3px;width:395px}
.panel img {float:right;margin:0px}
.panel ul {float:left;width:395px;margin-top:20px}
.panel li {float:left;background:url(lock_li.jpg) top left no-repeat;padding:2px 0 2px 16px;width:380px;display:block;margin-top:10px;margin-bottom:10px}	
.stripNav {display:none}	
.stripNavL, .stripNavR {position: absolute;top: 330px;text-indent: -9000em}		
.stripNavL a, .stripNavR a {display: block;height: 37px;width: 24px}
.stripNavL {left: 50%;margin-left:-495px!important;margin-left:-500px}		
.stripNavR {right: 50%;margin-right:-495px!important;margin-right:-490px}
.stripNavL {background: url(prev.gif) no-repeat center}
.stripNavR {background: url(next.gif) no-repeat center}
/*::::::FINE SLIDE PANEL:::::::::*/