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

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

#body2  /* contenitore per il doppio sfondo al top */{
}

#body3 /* contenitore per il doppio sfondo al bottom */{
}

/* Contenitore esterno principale */
#wrap{
background-image:url(../images/bg_wrapcontent.jpg)!important;
background-position:top center;
background-repeat:repeat-y;
background-color:#ffffff;
color:#3b3b47;
margin:0px auto;
width:900px;
min-height: 400px;
height: auto !important;
height: 400px;
}

/* Div al top della pagina con dentro le lingue e un eventuale extra */
.firstline{
background-color:#FFFFFF;
background-image:url(../images/bg_firstline.jpg);
background-position:top;
background-repeat:no-repeat;
width:900px;
font-size:0.8em;
min-height: 20px;
height: auto !important;
height: 20px;
padding-top:2px;	
}

#firstline-left {
display:inline;
padding: 0px 0px 0px 5px;
float:left;
}

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

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

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

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

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

/* Header del sito */
#header{
background-image:url(../images/logo.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#EEEEEE;
clear:both;
margin:0 0 0 0;
padding:0;
min-height: 163px;
height: auto !important;
height: 163px;	
}

#header h1{
width:0px;
margin:0 0 0 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:580px;
float:right;
text-align:center;
color:#CC3333;
margin:0 0 10px 0;
padding:20px 0px 0px 0px;
font-size:1.7em;
line-height:1.2em;
background-color:inherit;
}

/* Div menu verticale su 2 righe */
#menuline {
background-image:url(../images/bg_menuline.jpg);
background-position:top;
background-repeat:repeat-x;
min-height: 50px;
height: auto !important;
height: 50px;
text-align:right;
background-color:#FFFFFF;
padding:0px 0 0 0;	
}

/* Immagine dell'header */
#frontphoto{

}

/* Wrap x content, right-col e left-col */
#wrap-content {
width:900px;
background-image:url(../images/bg_wrapcontent.jpg)!important;
background-position:top center;
background-repeat:repeat-y;
background-color:#FFFFFF;
margin:0 0 -13px 0 /* margine negativo, altrimenti tra wrap-content e footer c'é una riga bianca */;
padding:0 0 10px 0;
}

/* Colonna Sinistra */
#left-col {
clear:left;
float:left;
width:155px;
margin:0 0 0px 0;
padding:0;
font-size:0.9em;

}

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

/* Parte sotto il menu sempre a sinistra */
#extra-left{
width:155px;
}

/* Parte sul lato destro della pagina */
#extra-right{
float:right;
width:155px;
}

#extra-right p{
}

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

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

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

#vmenu li a{
/*background-image:url(../images/bg_menu.jpg)!important;
background-position:bottom;
background-repeat:no-repeat;*/
font-weight:bold;
height:16px;
text-decoration:none;
color:#6699ff;
display:block;
padding:5px 0 5px 10px;
background:#ffffff;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}	
	
#vmenu li a:hover{
text-decoration:none;
/*color: #FFFFFF;
background-color:#bbd0fa;*/
border-right: 1px solid #2358c3;
border-left: 1px solid #2358c3;
}

/* Sub Menu*/

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

#vsubmenu ul{	
list-style:none;
width:155px;
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:#cccc99;
display:block;
padding:2px 0 10px 12px;
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{
text-decoration:underline;
color: #CCcc99;
border-left: 0px solid #ffffff;
}
/*****************  F  I  N  E   ******************/

/************ 	M  E  N  U     H  O  R  I  Z  O  N  T  A  L **************/
/* Menu principale */
#hmenu{
display:inline;
margin:0px 0 0px 0;
padding:0px 0px 0 0;;
font-size:0.9em;
}

#hmenu ul{	
list-style:none;
margin:0 0 0px 0;
padding:0;
font-size:1em;
line-height:25px;
}	

#hmenu li{
display:inline;
}

#hmenu li a{
font-weight:bold;
text-decoration:none;
color:#6699ff;
padding:2px 8px 2px 8px;
margin:2px 2px 2px 2px;
letter-spacing:0.05em;
border-left:1px solid #ffcc00;
}	
	
#hmenu li a:hover {
color: #cc6600;
text-decoration:none;
}

/* Sub Menu*/
#hsubmenu{
display:inline;
padding:0px 0 0 0;
font-size:1em;
}

#hsubmenu ul{	
list-style:none;
margin:0 0 0px 0;
padding:0;
line-height:24px;
}	

#hsubmenu li{
display:inline;
}

#hsubmenu li a{
font-weight:normal;
height:14px;
text-decoration:none;
color:#003366;
font-size:0.9em;
padding:0px 8px 0 8px;
/*background:#dedede;*/
}	
	
#hsubmenu li a:hover{
color: #0066CC;
text-decoration:underline;
}
/************ 	F  I  N  E    **************/


/* *************** Contenuti principali ****************** */
#content-top {
/*background-image:url(../images/bg_content_top.jpg);
background-position:bottom center;
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#003366;*/
padding:0px 0 0 4px;

}

#content-top a {
/*color:#0066cc;*/
text-decoration:none;

}

/*#content-top img {
border:1px solid #FFFFFF!important;
}*/

#content/* x modifiche in IE guardare il suo css */{
margin:0 165px 0px 165px;
border-right:1px dotted #EEEEEE;
border-left:1px dotted #EEEEEE;
padding: 0px 5px 0 5px;
line-height:1.4em;
text-align:left;
font-size:0.9em;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
padding:10px 0 0 0;
background-image:url(../images/bg_content_h2.jpg);
background-position:top right;
background-repeat:no-repeat;
}

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

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

#content td {
}

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

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

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

a img{
border:0;
}

#footer{
background-image:url(../images/bg_footer.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#0057a3;
clear:both;
margin:0 auto;
padding:0px 0 0px 0;
text-align:center;
color:#FFFFFF;
font-size:0.9em;
min-height: 183px;
height: auto !important;
height: 183px;
}

#footer p {
padding: 10px 0 0 0;

}
#footer a{
color:#FFFFFF;
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:0px 0px 0px 150px;
margin:0px 2px 0px 2px;
background:inherit;

}

.login table {
background:#ffffcc;
padding:10px;
border:2px solid #0066cc;
color:#808080;
}

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

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

.logout, .logout a {
color:#ffffff;
font-size:0.9em;
text-decoration:none;
padding: 0px 0 0 0px;
letter-spacing:0.2em;
}

.logout:hover {
text-decoration:underline;
}

/* HCAP login firstline
#username, #password, #button, #pass{
color:#000000;
font-size: 0.8em; 
}*/

.form {
width:550px;
}

/* Niente bordi per tutte i form contatto */
#noborder, #noborder tr, #noborder td {
border:0!important;
}


/* Alert Messages */
.alert {
	background: #ffffcc url(../images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 45px;
        color:#000000;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

#errore404 {
background-color:#FFFFFF;
border:2px solid #FFFF66;
padding:20px 20px 20px 20px;
color:#000000!important;
width : 800px;
}

#errore404 a {
color:#0066cc!important;
}