/* CSS Reset */

body {padding: 0;margin: 0;font: 12px Arial, Helvetica, Garuda, sans-serif;*font-size: small;*font: x-small;}

h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {padding: 0;margin: 0;line-height: 1em;font-size: 100%;font-weight: normal;font-style: normal;}

table {font-size: inherit;font: 100%;}

ul {list-style: none;}

img {border: 0;}

p {margin: 0.2em 0 0.9em;}

strong {font-weight: bold;}

a {outline: none;}
.mappasito ul{
    padding-left: 20px;
}
.mappasito ul li{
    padding: 4px 0;
}
/***************************************************************/

/*   General  				                                   */

/***************************************************************/

body {

	background: #5491EC url(../img/background.jpg) no-repeat top center;

}

#container {

    width: 975px;

    margin: 0 auto;

}

#logo {

    margin: 10px 0 0 -25px;

}

.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading ul li a span, .cufon-loading  #header ul li a { /* for Cufon.replace('h1') */

	visibility: hidden !important;

}

h1, h2, h3, h4, h5, h6, p{

    margin: 0 15px 0;

}

h1 {

    font-size: 23px;

    text-transform: uppercase;

    color: black;

    border-bottom: 1px dotted #cfcfcf;

    padding-bottom: 4px;

    margin-bottom: 5px;

    clear: both;

}

p{

    text-align: justify;

    font-size: 14px;

    line-height: 22px;

    padding: 10px 0 20px;

    color: #434343;

}

a{

    color: blue;

    text-decoration: none;

}

a:hover{

    color: red;

}

.noslide h1 {padding-top: 15px; }

.noslide #promozioni {margin-top: 49px;}

/* header */

#menu-left {

	position: relative;

    background: url(../img/menu-left-trans.png) no-repeat top center;

    width: 5px;

    height: 53px;

}

#languages{

    position: absolute;

    top: -33px;

    right: 0;

    background: url(../img/bg-language-trans.png) no-repeat top right;

    width: 226px;

    height: 33px;

    text-align: right;

    margin: 0 0 0 0;

}

#languages img{

    margin: 7px 5px 0 0;

}

#languages div{

    margin: 0 5px 0 0;

}

#logo {

	display: block;

	padding: 5px 20px 0;

	width: 255px;

}

#header {

    position: relative;

    margin: 10px 0 0;

    background: url(../img/menu.jpg) no-repeat top center;

    z-index: 5;

}

/* Menu */

#header ul {

    position: absolute;

    top: 20px;

    left: 15px;

    font-size: 17px;

    text-transform: uppercase;

}

#header ul li{

    float: left;

    background: url(../img/menu-split.jpg) no-repeat -2px 0;      

}

#header ul li.first{

    background: none;      

}

#header ul li a{

    display: block;

    height: 40px;

    color: #FFEAA9;

    text-decoration: none;  

    padding: 0 24px 0 24px;

}

#header ul li a:hover{

    color: white;

}

#header ul li.active{

    position: relative;

    top: -20px;

    background: url(../img/current.jpg) repeat-x top center;

    height: 57px;

}

#header ul li.active a{

    color: white;   

}

#header ul li.active span{

    position: relative;

    top: 20px;

    margin-left: -2px;

    display: block;

    height: 41px;

    background: url(../img/triangle-trans.png) no-repeat bottom center;

}

/* Drop Down Menu */

#header li ul{

	background: #E16800 url(../img/drop-down.jpg) repeat-x top center;

	display:none;

	height:auto;

	padding:0px;

	margin:0px;

	border:0px;

	position:relative;

    top: -8px;

    margin-left: -200px;

	width:200px;

    left: 200px;

	z-index:200;

	/*top:1em;

	/*left:0;*/

}

#header li li span{

    top: 10px;

    position: relative;

    left: 10px;

}        

#header li:hover ul{

	display:block;

}

#header li li {

	background: none;

	display:block;

	float:none;

	margin:0px;

	padding: 0 0 0;

	width:200px;

    border-bottom: 1px dotted #FF9A48;

}

#header li:hover li a{

	background:none;

}

#header li ul a{

	display:block;

	height:35px;

	font-style:normal;

	margin:0px;

	padding: 0px 10px 0px 15px;

	text-align:left;

}

#header li ul a:hover, #header li ul li:hover a{

	background: #FF9A48;

	border:0px;

	color:#ffffff;

	text-decoration:none;

}

.drop-down  {

    position: relative;

    top: 10px;

}

#header ul li.active ul {

    position: relative;

    top: 13px;

}

#header ul li.active ul li {

    position: static;

    top: 0px;

    background: none !important;

    height: auto;

}

#header ul li.active ul li a{

    color: #FFEAA9;     

}

#header ul li.active ul li span{

    position: relative;

    top: 10px;

    margin-left: 0;

    display: block;

    height: auto;

    background: none !important;

}

/* Skype */

#skype {

    position: absolute;

    top: 12px;

    right: 14px;

    width: 166px;

    height: 29px;

    background: url(../img/skype.jpg) no-repeat top center;

    text-decoration: none;

}

#skype span{

    position: relative;

    top: 7px;

    left: 46px;

    color: white;

    font-size: 16px;

}

a#skype:hover {

    color: #FFEAA9;    

}

/* Content */

#shadow{

    width: 982px;

    background: url(../img/shadow.png) repeat-y top center;

}

#content{

    margin-top: 7px;

    width: 975px;

    background: white url(../img/bg-content.jpg) repeat-x 0 0px; 

    min-height: 450px;

}

#content h2{

    font-size: 17px;   

}

#content h3{

    font-size: 15px;

    font-weight: bold;

}

#content ol{

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 0;

    padding-bottom: 0;

}

#content ol li{

    font-size: 14px;

    color: #434343;

    padding: 4px 0 4px;

}

#content ol p{

    width: 650px !important;

    padding: 0 !important;

    margin: 0 !important;

}

#clearboth {

    clear: both;

    padding: 10px 0;

}

/* Footer */

#footer-navigation {

    width: 975px;

    background: white; 

    padding: 20px 0 20px;

    border-top: 1px dotted #cfcfcf;

    color: #888888;

    clear: both;

}

#footer-navigation ul{

    list-style: none;

    font-size: 15px;

}

#footer-navigation ul li{

    display: inline;

}

#footer-navigation ul li a{

    padding: 0px 15px 0;   

    text-decoration: none;

    color: #2d2d2d;

}

#footer-navigation .active a{

    font-weight: bold;

}

#footer-navigation ul li a:hover{

    color: blue;

}

#footer{

    clear: both;

}

#footer p{

    color: white;

    padding: 10px 7px 10px 0;

    text-align: left;

}

#footer a{

    color: white;

}

/* Slider */

#animation  {

    width: 961px;

    padding: 7px;

    padding-bottom: 40px;

    z-index: 0;

    background: url(../img/bg-slideshow.jpg) repeat-x top center;

} 

#slider {

    position: relative;

    top: 0;

    width: 960px; /* important to be same as image width */

    height: 252px; /* important to be same as image height */

    margin-bottom: 0px;

}

#sliderContent {

    width: 960px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.sliderImage {

    float: left;

    position: relative;

	display: none;

}

.sliderImage span {

    position: absolute;

    bottom: 2px;

	font: 12px/15px Arial, Helvetica, sans-serif;

    padding: 6px 0px 6px 13px;

    width: 947px;

    background-color: #341801;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

	-khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

}

.clear {

	clear: both;

}    

.sliderImage span strong {

    font-size: 16px;

}

.top {

	top: 0;

	left: 0;

}

.bottom {

	bottom: 0;

    left: 0;

}

/*    Images   */

.img-right{

    border: 1px solid #A9A9A9;

    float: right;

    margin: 5px 0 5px 15px;

    padding: 5px;

}

.img-left{

    border: 1px solid #A9A9A9;

    float: left;

    margin: 5px 0 5px 15px;

    padding: 5px;

}

.img-center {

	display: block;

	margin-left: auto;

	margin-right: auto;

    margin-bottom: 5px;

	padding: 5px;	

	border: 1px solid #A9A9A9;	

}

/***************************************************************/

/*   Sidebar 				                                   */

/***************************************************************/

.sidebar p{

    width: 680px;

    padding-right: 15px;

}

.email {

    display: inline !important;

}

#promozioni {

    margin-top: 6px;

    margin-bottom: 10px;

    margin-right: 5px;

    width: 240px;

    float: right;

    padding: 10px;

}

#promozioni ul {

    margin-bottom: 10px;

}

#promozioni ul a{

    display: block;

    font-weight: normal;

    padding: 10px 0 10px;

}

#promozioni ul a:hover{

    background: #FFF5EA;

    color: #FD8602;

}

#promozioni ul li {

    margin: 0;

    border-bottom: 1px dotted #A9A9A9;

}

#promozioni ul li.last{

    border: none;

}

#promozioni ul li.active a{

    font-weight: bold;

}

#promozioni span{

    display: block;

    border-bottom: 1px dotted #A9A9A9;

    padding: 0 0 0;

    margin-bottom: 10px;

}

#promozioni h2{

    font-size: 16px;

    background: #FD9D36;

    padding: 6px 3px 4px;

    margin: 0 0 10px;

    color: white;

    text-decoration: none;

    font-weight: bold;

}

#promozioni a{

    font-size: 15px;    

    font-weight: bold;

    padding: 10px 0 0;

    margin: 0;

    color: blue;

    text-decoration: none;

}

#promozioni a:hover{

    color: #FD8602;

}

#promozioni p{

    padding: 0;

    margin: 0;

    border: none;

    width: 230px;    

}

#promozioni p a{

    padding: 0;

    color: #434343;

    font-weight: normal;

}

#promozioni p a:hover{

    color: #434343;

}

/* FAQ */

#faqRoot {margin: 0;padding: 0;}

#faq {margin-top: -20px; width: 705px;}

#faq {margin-bottom: 5px;}

#faq .faqcontent {margin: 0 10px 0 10px;font-size: 95%;}

#faq h3.faqopened, #faq h3.faqclosed {cursor: pointer;padding: 7px 0 7px 20px;border-bottom: dotted 1px #ccc;margin-bottom: 0;}

#faq h3.faqclosed:hover {color: white;}

#faq h3.faqclosed {background: url(../img/faq.jpg) repeat-x top center; margin-bottom: 7px; color: white; font-size: 16px;}

#faq h3.faqopened {background: url(../img/faq2.jpg) repeat-x top center;}

#faq p {padding: 10px 0; margin: 0;}

#GB_overlay{ background-color:#000; position:absolute; margin:auto; top:0; left:0; z-index:100}#GB_window{ left:0; top:0; font-size:1px; position:absolute; overflow:visible; z-index:150}#GB_window .content{ width:auto; margin:0; padding:0}#GB_frame{ border:0; margin:0; padding:0; overflow:auto; white-space:nowrap}.GB_Gallery{ margin:0 22px 0 22px}.GB_Gallery .content{ background-color:#fff}.GB_header{ top:10px; left:0; margin:0; z-index:500; position:absolute; border-bottom:2px solid #555; border-top:2px solid #555}.GB_header .inner{ background-color:#333; font-family:Arial,Verdana,sans-serif; padding:2px 20px 2px 20px}.GB_header table{ margin:0; width:100%; border-collapse:collapse}.GB_header .caption{ text-align:left; color:#eee; white-space:nowrap; font-size:20px}.GB_header .close{ text-align:right}.GB_header .close img{ z-index:500; cursor:pointer}.GB_header .middle{ white-space:nowrap; text-align:center}#GB_middle{ color:#eee}#GB_middle img{ cursor:pointer; vertical-align:middle}#GB_middle .disabled{ cursor:default}#GB_middle .left{ padding-right:10px}#GB_middle .right{ padding-left:10px}.GB_Window .content{ background-color:#fff; border:3px solid #ccc; border-top:none}.GB_Window .header{ border-bottom:1px solid #aaa; border-top:1px solid #999; border-left:3px solid #ccc; border-right:3px solid #ccc; margin:0; height:22px; font-size:12px; padding:3px 0; color:#333}.GB_Window .caption{ font-size:12px; text-align:left; font-weight:bold; white-space:nowrap; padding-right:20px}.GB_Window .close{text-align:right}.GB_Window .close span{ font-size:12px; cursor:pointer}.GB_Window .close img{ cursor:pointer; padding:0 3px 0 0}.GB_Window .on{border-bottom:1px solid #333}.GB_Window .click{border-bottom:1px solid red}

#faq div {background: #FFF5EA;}

#faq div p{padding: 0 0 20px 6px; width: 650px;}

#faq div a{display: block; height: 24px; width: 126px; padding: 10px 0 0; font-weight: bold; color: white; background: url(../img/btn-faq.jpg) no-repeat 0px 4px; text-align: center; position: relative; top: -8px;}

#faq div a:hover {color: white;}

#faq div div { height: 30px; width: 680px !important; border-bottom: 1px dotted #A9A9A9; margin-bottom: 3px; padding-bottom: 6px;}

#faq div div  p{width: 126px; display: block; float: right; margin: 4px 0 0; padding: 0 0 0 6px;}

#faq strong{padding: 10px 0 0; margin: 0; line-height: 22px;}

.lightbox {display: none;}



/*    Table   */  

#faq table p {

    width: auto !important;

    padding: 0;

    margin: 0;

}

#faq table h3{

    font-size: 18px;

    text-transform: uppercase;

    border: none;

    margin: 0;

    padding: 0;

}

#faq table a{

    display: block;

    float: left;

    padding: 3px 7px;

    margin: -10px 6px 0;

    text-decoration: none;

    color: #5e78ff;    

    border: 1px solid #a9b7ff; 

}

#faq table a:hover{

    background: white;

    color: #adbaff;

    border: 1px solid #ebeefb;

}

#faq table {

    empty-cells: show;

    font-size: 90%;

    padding: 5px 0 0px;

    text-align: left;

    width: 99%;

	border: 0px;

    margin: 0 0 10px;

    clear: left;

}

#faq table thead {

    border-bottom: 1px solid #ddd;

    color: black;

    font-size: 14px;

	height: 30px;

}

#faq table thead span{

	position: relative;

	top: -5px;

	padding-right: 15px;

}

#faq table tbody tr{

}

#faq table tbody td {

	font-size: 14px;

    color: #414141;

    padding: 5px 10px 5px 10px;

    border: 0;	

	border-bottom: 1px solid #CCCCCC;

}

#faq table tbody td a{

	color: #1A88A8;

	font-weight: bold;

    background: none;   

    border: none;    

    padding: 0;

    margin: 0;    

}

#faq table tbody td a:hover{

    color: #FD8602;

    border: none;

    background: none;

}

#faq table tbody tr:hover td {

    color: #444;

}

#faq table strong {display: inline !important;}



/*    Form  */  

#form{

    padding-left: 15px;

    margin-top: -15px;

}

.submit {

    background: transparent url(../img/btn-submit.jpg) no-repeat 0 0;

	width: 181px;

	height: 31px;

	color: white;

	font-weight: bold;

	border: none;

	padding: 0 0 0px;

	margin: 10px 0;

}

label {

	display: block;

	font-size: 12px;

    color: #434343;

	padding: 10px 0 0;

    margin-bottom: -10px;

}

input {

    font-size:12px;

    margin:0 -4px 0 0;

    padding:3px 5px;

    width: 250px;

    color: #434343;     

}

textarea {

	width: 650px;	

    color: #434343;  

    padding: 8px;

}

.checkbox {

color:#3B3B3B;

display:inline;

font-size:12px;

font-weight:normal;

margin:4px;

}

.checkbox2{

width: 0px;

}



