@charset "UTF-8";
/* CSS Document */

body {
	/*background-color:#CCCCCC;*/
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #626262;
}

#wrapper {
	/*background: url(../images/bg_wrapper_bianco.png) no-repeat;*/
	background-position: top;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 0px;*/
	width: 950px;
	/*height: 585px;*/
}

.alto {
	padding-left: 560px;
	color: #ffffff;
	padding-top: 7px;
	font-size:10px;
}

#header {
	background: #fff; /*url(../images/bg_header.png) no-repeat;*/
	width: 930px;
	height: 88px
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#header img {
	padding-left: 10px;
	padding-bottom: 10px;
}

#topmenu {
	background: url(../images/bg.png) repeat-x;
	width: 930px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
}

#contenuto {
	background:#ffffff;
	width: 930px;
	height: 314px;
	margin-left: auto;
	margin-right: auto;
}

#contenuto_pagine {
	background:#ffffff;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#bottommenu {
	background: #ffffff;
	width: 930px;
	height: 165px;
	margin-left: auto;
	margin-right: auto;
	bottom-top: 0px;
}

#footer {
	background: url(../images/bg_footer.png) repeat-x;
	width: 930px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
}

#test {
	background-color: #ffffff;
	padding-left: 1px;
	width: 930px;
	height: 168px;
	margin-left: auto;
	margin-right: auto;
}

.user1 {
	margin-left: 0px;
	position: absolute;
	width: 223px;
	height: 146px;
	background-image:url(../images/quadrato.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 6px;
}

.user2 {
	margin-left: 235px;
	position: absolute;
	width: 223px;
	height: 146px;
	background-image:url(../images/quadrato.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 6px;
}

.user3 {
	margin-left: 470px; 
	position: absolute;
	width: 223px;
	height: 146px;
	background-image:url(../images/quadrato.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 6px;
}

.user4 {
	margin-left: 705px; 
	position: absolute;
	width: 223px;
	height: 146px;
	background-image:url(../images/quadrato.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 6px;
}


p {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #585858;
}

a:link, a:visited {
	text-decoration: none;	
}

img {
	border:none;
}

img a {
	text-decoration: none;
	border: none;
}



/*CSS TAB*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
    font-size: 11px;
	line-height: 13px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #ffffff;
    /*color: #27537a;*/
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #333333;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    color: #333333;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/*Menu sliding*/

.menu {
    font-family: arial, verdana, sans-serif;
    position: relative;
}

.rb_toggle {
    height: 25px;
    line-height: 25px;
    padding: 0 5px 0 0;
}
.rb_toggle span {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
    cursor: hand;
    cursor: pointer;
}
.rb_toggle span.hover {
    color: red;
}

.rb_menu {
    position: absolute;
    left: 50px;
    top: 0;
}

.rb_menu ul,
.rb_menu li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.rb_menu li {
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 0;
}
.rb_menu a {
    font-size: 16px;
    font-weight: regular;
    color: #f90;
    text-decoration: none;
}
.rb_menu a:hover {
    text-decoration: underline;
}
.rb_menu a.current {
    color: #999;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Styles for the entire LAVALAMP menu */
        .lavaLampWithImage {
            position: relative;
            height: 35px;
            width: 930px;
            background: url("../images/bg.png") no-repeat top;
            padding: 4px 0px 0px 0px;
            margin: 0px;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("../images/lava.gif") no-repeat right -30px;
                        width: 9px; height: 26px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images/lava.gif") no-repeat top left;
                            height: 26px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #333333;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     


#support {
	text-align: right;
	width: 950px;
	height: 64px;
	margin-top: 0px;
	margin-right: 0px;
	padding-right:20px;
}