@import url('reset.css');

  @import url('ui.css');

  @import url('form.css');

  @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);



/* General Demo Style */

body{

color: rgb(112, 113, 114);

font-family: 'Open Sans', sans-serif;

font-size: 13px;

line-height: 1.8em;

text-align:left;



}



ul{

margin: 0;    

padding: 0;    

list-style: none;

}



li{}



a{

	color: #00376f;

	text-decoration: underline;

}

a:hover{

	color: #00376f;	text-decoration: none;

}

.clr{

	clear: both;

}

p{

text-align:left;

}

div#wrapper{

width:100%; 

text-align:center;

position:relative;

overflow:hidden;

background-color:#f2f2f2;

box-shadow: 0px 1px 1px 1px rgba(180, 180, 180, 0.5);



}



div#header{

width:100%;  

text-align:left;

height:150px;

border:1px solid #e8e8e8;

background-color:#ffffff;

position:fixed;

z-index:11;

box-shadow: 0px 1px 1px 1px rgba(180, 180, 180, 0.5);

}

div#content_header{

margin:0px auto;

width:950px; 

height:150px;

}



div.logo{

float:left;

display:block;

margin-top:0px;

margin-left:50px;

}

div.wellcome{

float:right;

width:158px;

height:50px;

border:0px solid red;

}



div#nav{

float:right;

width:750px; 

text-align:right;

margin-top:55px;

border:0px solid red;

}





ul#menu{

margin: 0;    

padding: 0;    

list-style: none;



}



ul#menu li{    



display:inline;

font-size: 12px;

color: #333;

line-height:1.8em;	

text-transform:uppercase;

	}	

ul#menu li a{    

display:inline;	



padding:5px;	

color:#000;	

font-size: 14px;	

text-decoration:none;	}



ul#menu li a:hover{

text-decoration:underline;

color:#00b7e2;

text-decoration:none;

}



ul#menu li a.active{

text-decoration:underline;

color:#00b7e2;

}

ul#main_categories{margin-bottom:10px;}	

ul#main_categories h3{width:250px;font-size:16px!important;background-color:#00376f;color:#fff;padding:5px;}

ul#main_categories li{padding-left:15px;}

ul#main_categories li a{}

ul#main_categories li a:hover{}



div#swf{

width:100%;

text-align:left;

/*margin-top:150px;*/

}

div#content_swf{

margin:0px auto;

width:950px; 

/*height:370px;*/

}



div#inside{

width:100%;  

text-align:left;

min-height:600px;

}

div#content{

margin:0px auto;

width:950px; 

min-height:100px;

padding:20px 20px 50px 20px;

text-align: left;



}/*paging */		

span.current{float:left;display:block;padding:2px 10px 3px 10px;margin-right:2px;background-image: url('../images/pagina_active.png');font-size:13px;font-weight:bold;color:#ffffff;}		

span.nocurrent{float:left;display:block;padding:2px 10px 3px 10px;margin-right:2px;font-size:13px;font-weight:bold;background-image: url('../images/pagina.png');}		

span.nocurrent a:link{color:#000000;text-decoration:none;}		

span.nocurrent a:visited{color:#000000;text-decoration:none;}		

span.nocurrent a:hover{color:#000000;text-decoration:none;}



div.content_promo{float:left;display:block;width:100%;min-height:200px;}

div#promo{position:absolute;width:100px;height:100px;margin-top:-18px;margin-left:117px;}

div.left_index{float:left;display:block;width:630px;padding-right:20px;}

div.right_index{float:right;display:block;width:260px;}

div.left{float:left;display:block;border-right:1px solid #e8e8e8;width:630px;padding-right:20px;}

div.right{float:right;display:block;width:260px;}

div.right ul{}

div.right ul li{}

div.right ul li a{display:block;color:#fff;border-bottom:1px solid #fff;padding:5px;text-align:right;  background-color:#00873a;}

div.right ul li a:hover{  background-color:#322d29;}

.img{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

div#footer{

width:100%;  

text-align:left;

min-height:100px;

background-color:#fafafa;

border-top:5px solid #00b7e2;

}

div#content_footer{

margin:0px auto;

width:940px;

color:#004c98;

min-height:60px;

text-align:left;

padding:20px 20px 20px 20px;

 }

div#content_footer a:link{color:#004c98;text-decoration:underline;}div#content_footer a:visited{color:#004c98;text-decoration:underline;}

div#content_footer a:hover{color:#004c98;text-decoration:underline;}div#content_footer h1{font-size:16px!important;}

h1, h1 a{font-size: 2.3em!important;line-height: 1.8em;color: rgb(0, 0, 0);font-weight: 300;margin: 0px;padding: 0px;}

h2, h2 a{color: rgb(112, 113, 114);font-size: 1.4em;line-height: 1.9em;font-weight: 300;margin: 0px;padding: 0px;}

h3{font-size: 1.1em;color:#333;line-height:1.8em;}h3 a{font-size: 1.1em;color:#333;line-height:1.8em;}

h4{font-size: 1.0em;line-height: 1.8em;color: rgb(0, 0, 0);margin: 0px;padding: 0px;}

div#content_element{float:left;display:block;border:0px solid green;width:100%;padding:10px 0px 10px 0px;}



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

ul#element li{	float:left;	display:inline;}

ul#element li a{padding:10px;border:1px solid #e8e8e8;}

ul#element li a:hover{padding:10px;color:#fff;border:1px solid #e8e8e8;background-color:#004c98;}

ul#element li a.active{color:#fff;background-color:#004c98;}

div#catalog{float:left;display:block;width:100%;padding:20px 0px 50px 0px;min-height:200px;}



div.box{float:left;display:block;padding:10px;margin:8px 8px 20px 8px;background-color:#fff;}

div.box_news{float:left;display:block;padding:10px 10px 10px 10px;border-bottom:1px solid #e8e8e8;width:610px;margin-bottom:10px;}

div.box_news_img{float:left;display:block;width:180px;}

div.box_img{float:left;display:block;padding:5px;margin:5px;}

div.box_news_content{float:right;display:block;width:410px;}

div.read_more{float:right;}

div.risorse{float:left;display:block;width:100%;margin:20px 0px 20px 0px;}



table#content_risorse{border-collapse:collapse;width:100%;border:1px solid #e8e8e8;}

table#content_risorse th{padding:5px;background:#fff url('../images/top.png') bottom repeat-x;color:#333;}

table#content_risorse td{border-bottom:1px solid #e8e8e8;padding:5px;}

table#tabella{border-collapse:collapse;width:100%;border:1px solid #e8e8e8;}

table#tabella th{padding:5px;background:#3972c4;color:#fff;}

table#tabella td{border-bottom:1px solid #e8e8e8;padding:5px;}

.radius{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.shadow {    box-shadow: 0px 1px 1px 1px rgba(180, 180, 180, 0.5);}

table#shopping{border:0px solid red;width:100%;border-collapse:collapse;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}

table#shopping th{border-bottom:5px solid green;padding:5px;font-weight:bold;color:#fff;font-size:12px;background-image:url('../images/green_bg.png');

background-position:bottom;background-repeat:repeat-x;}

table#shopping td{padding:5px;border-bottom:1px solid #e8e8e8;}

table#riepilogo{width:100%;border-collapse:collapse;border:0px solid red;}

table#riepilogo td{border:0px solid red;padding:10px;}

table#riepilogo td.right{border:0px solid red;padding:10px;text-align:right;}



#submit {    

border:1px solid #e8e8e8;    

border-radius:3px;    

-moz-border-radius:3px;    

font-weight:bold;    

font-size:12px;    

width:auto;    

float:left;    

background-color:#339cdf;    

color:#fff;    

padding:7px 10px 8px 10px;    

text-shadow:0px -1px #278db8;    

border:1px solid #339cdf;    

box-shadow:none;    

-moz-box-shadow:none;    

-webkit-box-shadow:none;    

margin:0 12px 0 0;    

cursor:pointer;    

*padding:7px 2px 8px 2px; /* IE7 Fix */}



#procedi {    

border:1px solid #e8e8e8;    

border-radius:3px;    

-moz-border-radius:3px;    

font-weight:bold;    

font-size:15px;    

width:auto;    

float:right;    

background-color:#339cdf;    

color:#fff;    

padding:7px 10px 7px 10px;     

text-shadow:0px -1px #278db8;    

border:1px solid #339cdf;    

box-shadow:none;    

-moz-box-shadow:none;    

-webkit-box-shadow:none;    

margin:0 12px 0 0;    

cursor:pointer;  

text-decoration:none;  

*padding:7px 2px 8px 2px; /* IE7 Fix */

}

#procedi:hover {    

border:1px solid #e8e8e8;    

border-radius:3px;    

-moz-border-radius:3px;    

font-weight:bold;    

font-size:15px;    

width:auto;    

float:right;    

background-color:#184073;    

color:#fff;    

padding:7px 10px 7px 10px;     

text-shadow:0px -1px #184073;    

border:1px solid #184073;    

box-shadow:none;    

-moz-box-shadow:none;    

-webkit-box-shadow:none;    

margin:0 12px 0 0;    

cursor:pointer;    

*padding:7px 2px 8px 2px; /* IE7 Fix */

}



span.date{color:#999;}





table#contatti{width:100%;border:1px solid #e8e8e8;border-collapse:collapse;}



table#contatti th{padding:5px;border:1px solid #e8e8e8;background-color:#00b7e2;color:#fff;}



table#contatti td{padding:5px;border:1px solid #e8e8e8;}









#v-nav

{

    height: 100%;

    margin: auto;

    color: #333;

    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;

}



#v-nav >ul

{

    float: left;

    width: 210px;

    display: block;

    position: relative;

    top: 0;

    border: 1px solid #DDD;

    border-right-width: 0;

    margin: auto 0 !important;

    padding:0;

}



#v-nav >ul >li

{

    width: 180px;

    list-style-type: none;

    display: block;

    text-shadow: 0px 1px 1px #F2F1F0;

    font-size: 1.11em;

    position: relative;

    border-right-width: 0;

    border-bottom: 1px solid #DDD;

    margin: auto;

    padding: 10px 15px !important;  

    background: whiteSmoke; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* W3C */     

cursor:pointer;



}



#v-nav >ul >li.current

{

    color: black;

    border-right: none;

    z-index: 10;

    background: white !important;

    position: relative;

    moz-box-shadow: inset 0 0 35px 5px #fafbfd;

    -webkit-box-shadow: inset 0 0 35px 5px #fafbfd;

    box-shadow: inset 0 0 35px 5px #fafbfd;

}



#v-nav >ul >li.first.current

{

    border-bottom: 1px solid #DDD;

}



#v-nav >ul >li.last

{

    border-bottom: none;

}



#v-nav >div.tab-content

{

    margin-left: 210px;

    border: 1px solid #ddd;

    background-color: #FFF;

    min-height: 400px;

    position: relative;

    z-index: 9;

    padding: 12px;

    moz-box-shadow: inset 0 0 35px 5px #fafbfd;

    -webkit-box-shadow: inset 0 0 35px 5px #fafbfd;

    box-shadow: inset 0 0 35px 5px #fafbfd;

    display: none;

    padding: 25px;

}



#v-nav >div.tab-content >h4

{

    font-size: 1.2em;

    color: Black;

    text-shadow: 0px 1px 1px #F2F1F0;

    border-bottom: 1px dotted #EEEDED;

    padding-top: 5px;

    padding-bottom: 5px;

}