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

@font-face {
    font-family: 'eurofurencelightRegular';
    src: url('fonts/eurof35-webfont.eot');
    src: url('fonts/eurof35-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurof35-webfont.woff') format('woff'),
         url('fonts/eurof35-webfont.ttf') format('truetype'),
         url('fonts/eurof35-webfont.svg#eurofurencelightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationLight';
    src: url('fonts/sansation_light-webfont.eot');
    src: url('fonts/sansation_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sansation_light-webfont.woff') format('woff'),
         url('fonts/sansation_light-webfont.ttf') format('truetype'),
         url('fonts/sansation_light-webfont.svg#SansationLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {

}

body{
margin:0px auto;
padding:0px;
font:90%  SansationLight, Verdana, Arial, Tahoma,sans-serif;
background: #fff url(../images/bg.jpg) repeat left top;
color:#fff;
}


.body2 {
/*background: transparent url(../images/bg2.png) no-repeat top center fixed;*/
}

.body3 {
/*background: transparent url(../images/bg3.png) no-repeat top right fixed;*/
}

/********************** F I R S T     L I N E  ********************/
.firstline-wrap {
/*background-color:#bac8e2;
border-bottom:1px solid #fff;*/
/*border-bottom:1px solid #ccc;
background-image:url(../images/bg_firstline_wrap.jpg);
background-position:top center;
background-repeat:no-repeat;*/
}

.firstline{
background: #cc0000 url(../images/nav-bar-bg.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(#bf1e2e), to(#cc0000));
background: -moz-linear-gradient(top,  #bf1e2e,  #cc0000);
background: linear-gradient(-90deg, #bf1e2e, #cc0000);
background-color:#fff;
width:960px;
font-size:0.8em;
min-height: 50px;
height: auto !important;
height: 50px;
padding-top:0px;	
/*color:#4e54a5;*/
color:#fff;
margin:0 auto;
}

.firstline-left {
display:block;
padding: 3px 0px 0px 5px;
float:left;
}

.firstline-left a {
color:#4582c4;
text-decoration:none;
}

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

.firstline-right {
text-align:right;
padding:3px 5px 0px 0px;
float:right;
}

.firstline-right a {
color:#4582c4;
text-decoration:none;
}

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

/********************** H E A D E R   ********************/
.header-wrap {
background: #cc0000;
background: -webkit-gradient(linear, left top, left bottom, from(#bf1e2e), to(#cc0000));
background: -moz-linear-gradient(top,  #bf1e2e,  #cc0000);
background: linear-gradient(-90deg, #bf1e2e, #cc0000);
position:fixed;
top:0;
width:100%;
height:50px;
}

.header{
clear:both;
margin:0 auto 0px auto;
padding:0;
min-height: 160px;
height: auto !important;
height: 160px;
width:960px;
}

.header-logo {
position:absolute;
top:0px;
left:0;
margin:0 auto;
padding:0;
min-height: 160px;
height: auto !important;
height: 160px;
width:280px;
z-index:20;
}

.header-menu {
position:absolute;
bottom:0;
right:0;
width:960px;
z-index:30;
}

.header-lang {
position:absolute;
top:10px;
right:10px;
width:200px;
z-index:10;
color:#ccc;
font-size:0.8em;
text-align:right;
}

/********************** M E N U    L I N E   ********************/
.menuline-wrap {
/*background-image:url(../images/bg_menuline_wrap.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#efefef;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:4px 0 0 0;*/
}

.menuline {
background-image:url(../images/bg_menuline.jpg);
background-position:top center;
background-repeat:repeat-x;
background-color:#fff;
clear:both;
min-height:30px;
height: auto !important;
height: 30px;
padding:0px;
margin:0px auto;
width:960px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.menuline span {
}


.banner {
margin:0 0 10px 0;
}
/* Contenitore esterno principale */
.wrap{
background-color:#fff;
color:#666;
margin:60px auto 200px auto;
width:960px;
min-height: 600px;
height: auto !important;
height: 600px;
}

/* Wrap x content, right-col e left-col */
#wrap-content {
margin:0;
padding:10px 5px;
}

.banner-wrap {
margin:0 auto;
width:960px;
position:relative;
}

.banner {
width:960px;
position:relative;
}

/* Colonna Sinistra */
#left-col {
background-image:url(../images/bg_menu.jpg);
background-position:top;
background-repeat:no-repeat;
clear:left;
float:left;
width:0px;
margin:0 0 0px 0;
padding:0px 0 0 0;
font-size:0.9em;
}

.left-address {
margin:27px 0 10px 0;
padding:10px 5px;
border:1px solid #ccc;
}

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

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

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

#extra-right p{
}

/* *************** Contenuti principali ****************** */
.banner-homepage {
background-image:url(../images/bg_banner_homepage.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#fff;
min-height: 250px;
height: auto !important;
height: 250px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#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:0px 0px 0px 0px;
/*border-right:1px dotted #000000;
border-left:1px dotted #EEEEEE;*/
padding: 0px 10px 0 5px;
line-height:1.4em;
text-align:left;
font-size:1em;
/*color:#003772;*/
color:#333;
}

#content b {
color:#212121;
}

#content img{
padding-right:3px;
}


#content ul {
width:auto; /* Per IE vedi il CSS specifico */
background-color:#eee;
border:1px solid #ccc;
padding:10px 10px 10px 30px;
/* CSS3 spicing */
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#content ul b {
}

#content li {

}

#content tr:hover {
/*color:#000!important;
font-weight:bold!important;*/
}

#content td {
}

#content a {
text-decoration:none;
color:#cc0000;
}

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

/********************************* GLOSSARIO ************************************/
.glossary {
border:1px solid #ccc;
padding:5px;
margin:0 0 3px 0;
}

.glossary:hover {
background-color:#eee;
border:1px solid #999;
}

.glossary h2 {
background-color:#005696;
color:#fff;
padding:3px;
border:0px;
margin:5px 0;
text-shadow:1px 1px 1px #333;
}
/******************************* FINE GLOSSARIO *********************************/

h1{
/*letter-spacing:0.1em;*/
font-size:1.4em;
font-weight:normal;
color:#cc0000;
margin:0 0 0px 0;
border-bottom:1px solid #ccc;
padding:0px 0 6px 0;
line-height:20px;
text-shadow:2px 2px 2px #bbb;
}

h2{
font-size:1.4em;
font-weight:normal;
color:#111;
line-height:20px;
padding:0px 0 6px 0;
border-bottom:1px solid #C00;
text-shadow:3px 3px 3px #ccc;
/* CSS3 spicing 
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;*/
}

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

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

h5{
background:url(../images/information.png) no-repeat scroll 1px 5px;
font-size:1em;
font-weight:normal;
color:#369;
margin:0 0 0px 0;
padding:5px 0 5px 20px;
}

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:none;
color:#cc0000;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

#footer{
background: transparent url(../images/bg_footer.png) repeat-x top center;
margin:0 auto;
padding:0px 0 0px 0;
/*min-height: 50px;
height: auto !important;
height: 50px;*/
font-size:1em;
position:fixed;
bottom:0;
width:100%;
}

#footer-content {
background: transparent url(../images/logo_footer.png) no-repeat top center;
width:960px;
color:#212121;
min-height: 200px;
height: auto !important;
height: 200px;
margin:0 auto;
padding:0;
}

#footer-content p {
margin:0;
padding:180px 0 0 0;
text-align:center;
}
#footer-content a {
color:#212121!important;
text-decoration:underline;
}

#footer-content a:hover {

}

#footer-credits {
width:940px;
margin:0px;
/*color:#4e54a5;*/
color:#fff;
font-size:1em;
text-align:left;
padding:70px 0 0 20px;
}

#footer-credits p {
margin:0;
padding:2px 0 0 0;
}

#footer-credits a{
color:#fff!important;
text-decoration:none;
}

#footer-credits a:hover{
color:#000!important;
}

#footer-extra {
margin:5px 0 0 0px;
min-height: 50px;
height: auto !important;
height: 50px;
color:#0d6aa9;
font-size:0.9em;
}

.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 {
background-color:#4582c4;
padding: 3px;
text-align:center;
}

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

.logout:hover {
text-decoration:underline;
color:#ffffff;
}

/* Alert Messages */
.alert {
background: #ffffcc url(../images/icons/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;
}

.info {
background: #f8fafc url(../images/icons/info.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #b5d4fe;
border-bottom: 2px solid #b5d4fe;
}

/* CSS per la pagina 404.htm */
#errore404 {
background-color:#FFFFFF;
border:2px solid #FFFF66;
padding:20px 20px 20px 20px;
color:#000000!important;
width : 800px;
}

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

.hr-404 {
color:#000000;
width:80%;
}