@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
/*
table { border-collapse:separate; border-spacing:0; }
*/
img {border:none;}
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

h1 {color:#0072C6; font-size:18px;}
h2 {color:#1EB53A; font-size:14px;}

a {color:#58585A; text-decoration:none;}


.pulsanteO {background:url(../img/sf_pulsanti.jpg) repeat-x; height:20px; padding:2px 10px 4px 10px; color:#FFFFFF; font-size:10px; font-weight:bold;}

body {font-family: 'Muli', sans-serif; background:#000000;}

#container {width:990px; background-color:#FFFFFF; margin:auto;}

#header {width:990px; height:180px; text-align:center;}
#header .sep {width:990px; height:1px; background-color:#1EB53A;}
#sottoHeader {width:990px; background:#1EB53A; padding:0; color:#1EB53A; border-top:solid 2px #FFFFFF}
#sottoHeader .loggato {width:320px; font-style:italic; padding:5px 0 5px 4px; font-size:12px; text-align:left; color:#FFFFFF; background:#1EB53A;}
#sottoHeader .titAdmin {font-weight:bold; text-align:center; width:342px; font-size:14px; color:#FFFFFF; background:#0072C6; padding:5px 0;}
#sottoHeader .slogga {width:320px; text-align:right; padding:5px 4px 5px 0; font-size:12px; color:#FFFFFF; background:#1EB53A;}


#menu {width:990px; margin:auto; padding:0 10px;}
#menu a:visited {color:#FFFFFF;}
#menu > nav { 
position:absolute;
/*
padding:20px 0 0 0;
*/
}
#menu > nav > ul { float:left; }
#menu > nav > ul > li { display:inline; margin-right:5px; 
	background:#1EB53A;
	float:left;
	position:relative;
    z-index:500;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	}
#menu > nav > ul > li:last-child { margin-right:0; }
#menu > nav > ul > li a { 
padding:10px 10px; 
font-size:18px;

display:block;
}

#menu > nav > ul > li > ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 0;
    padding:0;
    list-style:none;
}

#menu > nav > ul > li > ul li {
    width:157px;
	background:#0072C6;
    border-top:2px solid #FDBE0F;
}
#menu > nav > ul > li > ul li:last-child:hover {
    /*
	-webkit-transform: translate(+10px,0);
	*/
}

#menu > nav > ul > li > ul > li:last-child {
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
#menu > nav > ul > li > ul a {
    display:block;
    height:auto;
    padding: 8px 5px;
    color:#666;
	font-size:14px;
}

#menu > nav > ul > li > ul a:last-child {
    -webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

#menu > nav a:link, header nav a:visited  { 
color:#FFFFFF;  
}
#menu > nav a:hover, header nav a:focus, header nav a:active, header nav a.selected { 
color:#FFFFFF; 
background:#0072C6;
}


#menuH {width:982px; height:23px; padding:2px 0 0 8px; list-style:none; background:#CCCCCC;}
#menuH li {display:inline; padding:0 25px 0 0;}
/*
#menuH a {color:#840200; font-size:12px; text-decoration:none;}
*/
#menuH a {color:#0072C6; font-size:12px; text-decoration:none;}

#sottoMenuH {height:25px;}

#indice {width:200px; float:left; text-align:left; padding:10px 0 0 0;}
#indice .bloccoMenu {margin-bottom:20px;}
#indice .titolo {font-size:24px; color:#602B49; text-align:left; padding:0 0 0 5px; font-weight:normal;}
#indice .titoloCat {font-size:18px; color:#602B49; text-align:left; padding:0 0 0 5px;}
#indice .menuItem{text-align:left; padding:5px 0 5px 5px; font-size:10px; color:#666666;}
#indice a {font-size:12px; text-decoration:none; color:#666666; text-align:left; font-weight:bold;}
#indice a:hover {color:#602B49;}
#indice .sep {width:190px; background-color:#1EB53A; height:1px;}
#indice .sepBOLD {width:190px; background-color:#1EB53A; height:4px;}
#indice .testoIndice {text-align:left; color:#999999; font-size:12px; font-weight:bold;}

#loginForm {width:600px; padding:40px 0 40px 0; font-size:12px; color:#666666; text-align:left; margin:0 0 0 195px;}
#loginForm .titolo{width:300px; height:21px; background-color:#0072C6; font-size:12px; font-weight:bold; color:#FFFFFF; padding:4px 0 0 5px;}
#loginForm .sep {width:600px; background-color:#1EB53A; height:1px;}
#loginForm .rigaForm {margin:5px 0 5px 0;}
#loginForm .colA{width:295px; text-align:right; float:left; padding:0 5px 0 0;}
#loginForm .colB{width:300px; text-align:left; float:left;}
#loginForm .campo {height:18px; font-size:10px; border: 1px solid #1EB53A;}
#loginForm .pulsante {height:20px; font-size:12px; border: 1px solid #1EB53A; background:#999999;}
#loginForm .errore{color:#FF0000;}

#main {width:960px; padding:30px 0 15px 30px;  font-size:14px; color:#666666; text-align:left; line-height:150%;}
#main .privilegiInsufficienti {font-size:14px; font-weight:bold; color:#FF0000;}
#main .colonna {width:200px;}

#main .colonnaSingola {width:400px;}

#schedaClassi {width:390px; height:250px; overflow:auto; border:1px solid #CCCCCC; padding:5px;}
#tabella-classi td {padding:5px 5px;}
#tabella-classi thead {font-size:14px; font-weight:bold; color:#0072C6; text-transform:uppercase;}

#tabella-versamenti td {padding:5px 5px;}
#tabella-versamenti thead {font-size:14px; font-weight:bold; color:#0072C6; text-transform:uppercase;}

#contatti {width:390px;}
#contatti .contatti-item {width:390px; margin-bottom:10px; border-top:1px solid #1EB53A;}
#contatti .contatti-azioni {width:30px;}
#contatti .contatti-info {width:360px;}
#contatti .contatti-nominativo {font-weight:bold; color:#000000;}


#contMovimenti {width:390px; height:250px; overflow:auto; border:1px solid #CCCCCC; padding:5px;}

#ricercaCLI {display:none;}

#pagineNavigazione {width:880px;}
#pagineNavigazione a {color:#1EB53A; font-weight:bold; text-decoration:underline;}
#navigazione a.ON {color:#1EB53A; font-weight:bold; text-decoration:underline;}

#form {width:720px; float:left; padding:15px 0 0 30px; font-size:12px; color:#666666; text-align:left;}
#form .rigaForm {margin:0 0 5px 0;}
#form .sepForm {margin:5px 0 5px 0; background:#1EB53A; height:1px; width:720px;}
#form .colA{width:175px; padding:0 5px 0 0; font-size:11px; color:#666666; float:left; text-align:right;}
#form .colB{width:340px; font-size:11px; color:#666666; float:left; text-align:left;}
#form .colC{width:150px; font-size:11px; color:#666666; float:left; text-align:left;}
#form .colD{width:400px; font-size:11px; color:#666666; float:left; text-align:left;}
#form .titolo {font-size:24px; color:#602B49; text-align:left;}
#form .campo {height:18px; font-size:10px; border: 1px solid #1EB53A;}
#form .campoSfoglia {height:25px; font-size:10px; border-color:#1EB53A;}
#form .campoA {font-size:11px; border: 1px solid #1EB53A;}
#form .pulsante {font-size:12px; border: 1px solid #1EB53A; background:#999999; padding:2px 2px 4px 2px;}
#form .cellaTitoloL{height:20px; background-color:#C4C4C4; font-size:12px; color:#602B49; text-align:left; font-weight:bold; padding:3px 0 0 2px;}
#form .cellaTitoloC{height:20px; background-color:#C4C4C4; font-size:12px; color:#602B49; text-align:center; font-weight:bold; padding:3px 0 0 2px;}
#form .cellaTestoL1{height:20px; background-color:#E8DDE3; text-align:left; font-size:12px; color:#000000;}
#form .cellaTestoC1{height:20px; background-color:#E8DDE3; text-align:center; font-size:12px; color:#000000;}
#form .cellaTestoL2{height:20px; background-color:#1EB53A; text-align:left; font-size:12px; color:#000000;}
#form .cellaTestoC2{height:20px; background-color:#1EB53A; text-align:center; font-size:12px; color:#000000;}
#form .itemGiorno{float:left; margin:0 10px 0 0;}
#form .calendario{width:16px; height:13px; vertical-align:middle;}
#form .colPaesi {width:150px; float:left; text-align:left;}
#form .colFrm {width:520px; float:left; text-align:left;}
#form a {font-size:12px; text-decoration:none; color:#000000;}

#lista {width:960px; font-size:12px; color:#666666; text-align:left;}
#lista .titolo {font-size:24px; color:#602B49; text-align:left;}
#lista .pulsante {height:20px; font-size:12px; border: 1px solid #602B49;}
#lista a {color:#1EB53A; text-decoration:none;}
.cellaTitolo{height:20px; background-color:#0072C6; font-size:12px; color:#FFFFFF; font-weight:bold; padding:3px 3px 0 3px;}
.cellaTesto{height:20px; font-size:12px; color:#000000; padding:3px 3px 0 3px;}
.riga1 {background-color:#E8DDE3;}
.riga2 {background-color:#C4C4C4;}
#lista .aggiungi{width:700px; text-align:left; margin:5px 0 0 0;}
#lista .aggiungiSottocategoria{width:300px; text-align:left;}
#lista .cellaTestoDispL1{height:20px; background-color:#E8DDE3; text-align:left; font-size:10px; color:#000000;}
#lista .cellaTestoDispC1{height:20px; background-color:#E8DDE3; text-align:center; font-size:10px; color:#000000;}
#lista .cellaTestoDispL2{height:20px; background-color:#1EB53A; text-align:left; font-size:10px; color:#000000;}
#lista .cellaTestoDispC2{height:20px; background-color:#1EB53A; text-align:center; font-size:10px; color:#000000;}
#lista .avanti{width:100px; float:right; text-align:right; color:#79287F; font-weight:bold;}
#lista .indietro{width:100px; float:left; color:#79287F; font-weight:bold;}
#lista .corrente{width:500px; float:left; text-align:center;}
#lista a.giorno {font-size:10px; text-decoration:none; color:#000000; font-weight:normal;}
#lista .itemCategoria {width:300px; padding:0 20px 30px 20px; float:left;}
#lista .titoloC{width:300px; height:20px; background-color:#C4C4C4;  font-size:12px; color:#602B49; text-align:center; font-weight:bold; padding:3px 0 0 2px;}

#tabella a {color:#000000;}

#tabellaCercaClienteF {width:770px; height:300px; overflow:auto;}

#azienda-convenzioni table {border:#1EB53A solid 1px;}
#azienda-convenzioni td {border:#1EB53A solid 1px; padding:2px;}

#azienda-convenzioni-passate table {border:#1EB53A solid 1px;}
#azienda-convenzioni-passate td {border:#1EB53A solid 1px; padding:2px;}

#offerte-hotels .itemCamere {padding:0 0 4px 20px;}
#offerte-hotels .camera_nome_check {width:350px; display:inline-block;}
#offerte-hotels .camera_prezzo_uno {width:100px; display:inline-block;}
#offerte-hotels .sec_tariffa {display:inline-block;}
#offerte-hotels .hotel-nome {font-size:16px; font-weight:bold;}


#offerte-filtro-categoria li {float:left; padding-right:10px;}
#offerte-filtro-categoria li.selez {text-decoration:underline;}

#footer {width:982px; height:20px; padding:8px 4px 4px 4px; text-align:right; background-color:#0072C6; font-size:11px; color:#FFFFFF;}
#footer .colA{width:295px; padding:0 0 0 5px; float:left; text-align:left;}
#footer .colB{width:535px; float:right; text-align:right;}
#footer .sep {width:735px; background-color:#C4C4C4; height:1px;}
#footer a {color:#BAA668; text-decoration:none;}


/******************************************************************************************/
/***MENU A TENDINA*************************************************************************/
/******************************************************************************************/
/* tabs
*************************/

ul.tabs {position: relative;}

ul.tabs li {position: relative;}

ul.tabs a {position: relative;}

/* dropdowns
*************************/

ul.dropdown
{
width:120px;
display: block;
position: absolute;
z-index: 999;
top: 24px;
left: 0;
display: none;
background:#CCCCCC;
padding:0 5px 5px 10px;
}

ul.dropdown li
{
float: none;
position: relative;
list-style: none;
display: block;
font-size:12px;
text-align:left;
}

ul.dropdown li a {display: block;}


.cl {clear:both;}
.fSx {float:left;}
.fDx {float:right;}

.taSx {text-align:left;}
.taDx {text-align:right;}
.taCx {text-align:center;}

.mT20 {margin-top:20px;}

.mR10 {margin-right:10px;}
.mR40 {margin-right:40px;}
.mR80 {margin-right:80px;}

.mB20 {margin-bottom:20px;}
.mB40 {margin-bottom:40px;}

.vis {display:block;}
.inv {display:none;}

.rosso {color:#FF0000;}
.blu {color:#0000FF;}

.barrato {text-decoration:line-through;}

.pulsante-verde {background:#1EB53A; padding:5px 10px; text-align:center; color:#FFFFFF !important;}
.pulsante-blu {background:#0072C6; padding:5px 10px; text-align:center; color:#FFFFFF !important;}