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

body{
margin:0px auto;
padding:0px;
font:79% Arial, Verdana,Tahoma,sans-serif;
background-color:#FF0000;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
color:#303030;
}


/* Contenitore esterno principale */
#wrap{
background:#FFFFFF;
color:#303030;
margin:0 auto;
width:850px;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

/* Div al top della pagina con dentro le lingue e un eventuale extra */
.firstline{
background-color:#ff0000;
width:850px;
font-size:0.9em;
}

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

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

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

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

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

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

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

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

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

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

/* Immagine dell'header */
#frontphoto{
margin:0 0 10px 0;
border-top:1px #000000 solid;
border-bottom:1px #000000 solid;
width:850px;
}

/* Colonna Sinistra */
#left-col {
clear:left;
float:left;
width:150px;
margin:0 0 0px 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 0px 0;
padding:0;
font-size:1.1em;
}	

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

#vmenu li a{
font-weight:bold;
height:16px;
text-decoration:none;
color:#000000;
display:block;
padding:6px 0 0 10px;
background:#f0f0f0;
border-left:3px solid #cccccc;
}	
	
#vmenu li a:hover{
background:#FFCCCC;
color: #000000;
border-right: 3px solid #000000;
}

/* Sub Menu*/

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

#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:#FFFFFF;
/*background-image:url(../images/bg.png);*/
border-left:4px solid #FFFFFF;
border-right:4px solid #ffffff;
letter-spacing:0.1em;
}	
	
#vsubmenu li a:hover{
background:#EEEEEE;
color: #CC0000;
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;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

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

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

#hmenu 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;
}	
	
#hmenu li a:hover{
background:#ebe8fd;
color: #660000;
border-left: 4px solid #0000CC;
}

/* 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 0px 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 10px 0px 160px;
border-left:1px solid #999999;
border-right:1px solid #999999;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
/*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: 600px;
height: auto !important;
height: 600px;	
}

#content h2{
font-size:1.5em;
margin:0 0 0em 0;
}

#content img{
padding:1px;
display:inline;
background:#FFFFFF;
color:#303030;
border:4px solid #FFFFFF;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#CC3333;
}

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

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:0px 0 0px 0;
border-top:4px solid #FF0000;
width:850px;
text-align:center;
color:#000000;
font-size:0.9em;
}

#footer a{
color:#000000;
text-decoration:underline;
}

#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;
}

.login {
padding:20px 0 20px 0;
margin:2px 2px 2px 2px;
background:inherit;
}

.login table {
background:#EEEEEE;
padding:10px;
border:1px dotted #dcdcdc;
color:#808080;
}

.login table:hover {
background:#ffcccc;
padding:10px;
border:1px dotted #dcdcdc;
color:#808080;
}
.login input {
background:#FFFFFF;
font-size:0.8em;
color:#666666;
border: 1px solid #dcdcdc;
padding:1px;
}

.login #button {
border: 1px solid #DCDCDC;
}

/* x swissengineering TABELLA ISCRITTI */

.tab-iscritti {
overflow:auto;
height:600px;
width=100%;
}