/*  softCodex Sagl - www.softcodex.ch */

body{
margin:0px;
padding:0px;
font:70% /*Times New Roman,*/ Georgia, Tahoma,sans-serif;
background-color:#4B689A;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}

hr {
color:#FFFFFF;
width:70%;
height:1px;
}

/* Contenitore esterno principale */
#wrap{
margin-top:50px;
background:#365181;
color:#FFFFFF;
margin:0 auto;
width:750px;
border-left:1px solid #00FFFF;
border-right:1px solid #00FFFF;
}

/* Div al top della pagina con dentro le lingue e un eventuale extra */
.firstline{
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:top center;
min-height: 295px;
height: auto !important;
height: 295px;	
}

#lingue {
color:#000066;
padding: 0px 0px 0px 5px;
float:left;
}

#lingue a {
color:#000066;
text-decoration:none;
}

#lingue a:hover {
text-decoration:underline;
}

#extra-firstline {
color:#000066;
text-align:right;
padding:0px 5px 0px 0px;
}

#extra-firstline a {
color:#000066;
text-decoration:none;
}

#extra-firstline a:hover {
text-decoration:underline;
}

/* Header del sito */
#header{
clear:both;
margin:20px 0 0 0;
padding:0;
min-height: 79px;
height: auto !important;
height: 79px;	
}

#header h1{
width:0px;
margin:0 0 10px 0;
float:left;
}

#header p{
width:400px;
float:right;
text-align:center;
color:#6666CC;
margin:0 0 10px 0;
font-size:1em;
line-height:1.2em;
background-color:inherit;
}

#header h3{
width:400px;
float:right;
text-align:center;
color:#6666CC;
margin:0 0 10px 0;
padding:20px 0px 0px 0px;
font-size:1.7em;
line-height:1.2em;
background-color:inherit;
}

/* Immagine dell'header */
#frontphoto{
margin:0 0 10px 0;
border:0;
width:750px;
background-color:#365181;
}

/* Colonna Sinistra */
/*#left-col {
clear:left;
float:left;
width:150px;  Mettere la larghezza che corrisponde con il left margin del contenuto
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}*/

/* Colonna Destra */
/*#right-col {
clear:right;
float:right;
 width: 130px;     Mettere la larghezza che corrisponde con il right margin del contenuto
margin: 0 10px 0 0;
padding:0;
font-size:0.9em;
}*/

/************ 	M  E  N  U     V  E  R  T  I  C  A  L **************/
/* Menu principale */

#vmenu ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#vmenu li{
margin-bottom:4px;
}

#vmenu li a{
font-weight:bold;
height:16px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}	
	
#vmenu li a:hover{
background:#ebe8fd;
color: #660000;
border-left: 4px solid #0000CC;
}

/* Sub Menu*/

#vsubmenu{
clear:left;
width:150px;
padding:0;
font-size:0.9em;
}

#vsubmenu ul{	
list-style:none;
width:150px;
margin:1px 0 5px 0;
padding:0;
font-size:1.1em;
}	

#vsubmenu li{
margin-bottom:1px;
}

#vsubmenu li a{
font-weight:normal;
height:14px;
text-decoration:none;
color:#505050;
display:block;
padding:4px 0 0 20px;
/*background:#dedede;*/
background-image:url(../images/bg.jpg);
border-left:4px solid #FFFFFF;
border-right:4px solid #ffffff;
letter-spacing:0.1em;
}	
	
#vsubmenu li a:hover{
background:#ebe8fd;
color: #0000cc;
border-left: 4px solid #ffffff;
}
/*****************  F  I  N  E   ******************/

/************ 	M  E  N  U     H  O  R  I  Z  O  N  T  A  L **************/
/* Menu principale */
#hmenu{
/*clear:left;*/
text-align:center;
width:100%;
margin:0 0 0px 0;
padding:0;
font-size:1.2em;
}

#hmenu ul{	
list-style:none;
margin:0 0 0px 0;
font-size:1.1em;
}	

#hmenu li{
margin-bottom:4px;
display:inline;
}

#hmenu li a{
font-weight:normal;
height:16px;
text-decoration:none;
color:#CCCCCC;
padding:6px 2px 2px 2px;
border-bottom:1px solid #00FFFF;
}	
	
#hmenu li a:hover{
border-bottom: 2px solid #FFFFFF;
}

/* Sub Menu*/
#hsubmenu{
clear:left;
width:150px;
padding:0;
font-size:0.9em;
}

#hsubmenu ul{	
list-style:none;
width:150px;
margin:0 0 5px 0;
padding:0;
font-size:1.1em;
}	

#hsubmenu li{
margin-bottom:0px;
}

#hsubmenu li a{
font-weight:normal;
height:14px;
text-decoration:none;
color:#505050;
display:block;
padding:4px 0 0 20px;
/*background:#dedede;*/
background-image:url(../images/bg.jpg);
border-left:4px solid #FFFFFF;
border-right:4px solid #ffffff;
letter-spacing:0.1em;
}	
	
#hsubmenu li a:hover{
background:#ebe8fd;
color: #0000cc;
border-left: 4px solid #ffffff;
}
/************ 	F  I  N  E    **************/

/* Parte sotto il menu sempre a sinistra */
#extra-left{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

/* Parte sul lato destro della pagina */
#extra-right{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extra-right p{
margin:0 0 1.5em 0;
}

/* Contenuti principali */
#content{
margin:0 0px 20px 0px;
padding:0 20px 0 10px;
line-height:1.6em;
text-align:left;
/*background-color:#365181;*/
background-color:#fff;
color:#4b689a;
/* background-image:url(../images/bg_content.jpg);  Solo se si vuole un bg nei contenuti statici
background-repeat:no-repeat;
background-position:center top; */
min-height: 450px;
height: auto !important;
height: 450px;	
font-size:1.3em;
}

#content img{
padding:0px 3px;
}

#content li {
list-style-image:url(../images/li_icon.png);
vertical-align:middle;
margin-left:-10px;
}

#content td {
line-height:16px;
}

h1{
/*letter-spacing:0.1em;*/
font-size:1.4em;
font-weight:normal;
color:#333;
margin:0 0 0px 0;
border-bottom:1px solid #efefef;
padding:5px 0 5px 0;
line-height:20px;
}

h2{
font-size:1.3em;
font-weight:normal;
color:#006;
line-height:20px;
background-color:#eee;
padding:3px;
}

h3{
font-size:1.2em;
font-weight:normal;
color:#222;
}

h4{
font-size:1.1em;
font-weight:normal;
color:#444;
}

h5{
font-size:1em;
font-weight:normal;
color:#123dc8;
margin:0 0 0px 0;
padding:0px 0 5px 0;
}

h6 {
font-size:1em;
color:#262122;
margin:0;
padding:0 0 10px 0;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0.1em;
}

a{
text-decoration:underline;
color:#333;
}

a:hover{
text-decoration:underline;
color:#000;
}

a img{
border:0;
}

#footer{
clear:both;
background-color:#365181;
background-image:url(../images/bg_footer.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
padding:10px 0 10px 0;
border-top:0px solid #f0f0f0;
width:750px;
text-align:center;
color:#FFFFFF;
font-size:1em;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}