@charset "UTF-8";
/* CSS Document */
body {
	margin-top: 0px;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5ex;
	background-image: url(../images/back.jpg);
	background-color: #CCC;
	background-repeat: repeat-x;
}
#site {
	width: 926px;
	position: relative;
	left: 50%;
	margin-left: -462px;
}
#head {
	height: 100px;
	width: 926px;
	float: left;
	position: relative;
}
#logo {
	float: left;
	height: 70px;
	width: 206px;
	margin-top: 15px;
	margin-left: 0px;
}
#content {
	color: #999;
}
#left {
	float: left;
	width: 196px;
}
.top_menu {
	float: left;
	height: 25px;
	width: 196px;
	background-color: #990099;
	text-transform: uppercase;
	color: #FFF;
	text-indent: 6px;
	line-height: 24px;
}
td.gray{
	background-color: #CCCCCC;
}
#menu_link {
	float: left;
	width: 176px;
	padding: 10px;
}
#menu_link ul {
	float: left;
	list-style-type: square;
	line-height: 24px;
	margin: 0 0 0 10px;
	padding: 0;
}
#menu_link li a {
	color: #666;
	text-decoration: none;
	font-size: 13px;
}
#menu_link li a:hover {
	color: #909;
	text-decoration: none;
	font-size: 13px;
}
#right {
	width: 728px;
	float: left;
	margin-left: 2px;
}
#right a:link{
	color: #333;
	text-decoration: none;
	font-size: 11px;
}
#right a:visited {
	color: #006;
}
#icone {
	float: left;
	height: 444px;
	width: 656px;
}
#scorrimento {
	float: left;
	height: 442px;
	width: 36px;
	background-color: #CCC;
}
span.pulsante{
	float: left;
	height: 40px;
	width: 20px;
	margin-top: 190px;
	margin-left: 8px;
}
img.preview {
	border: 1px solid #CCC;
	margin: 1px;
}
#testo h4 {
	font-size: 2ex;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
#frase {
	float: left;
	height: 134px;
	width: 120px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #369;
	text-transform: uppercase;
	line-height: 18px;
}
#head ul {
	list-style-type: none;
	margin-left: 270px;
	float: left;
	margin-top: 20px;
}
#head li  {
	display: inline;
	padding: 10px;
}
#head a {
	color: #666;
	text-decoration: none;
	font-size: 12px;
}
#head a:hover {
	color: #EC6629;
	text-decoration: none;
}
#partecipa ul  {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#partecipa ul a {
	height: 19px;
	width: 100px;
	margin-left: 120px;
	float: left;
	margin-top: 20px;
}
#partecipa ul a.partecipa {
	background-image: url(../images/btn_partecipa.png);
	background-repeat: no-repeat;
}
#partecipa ul a.partecipa:hover {
	background-image: url(../images/btn_partecipa_on.png);
	background-repeat: no-repeat;
}
#menu_generale {
	width: 856px;
	height: 48px;
	margin-top: 1px;
	position: relative;
	float: left;
	margin-bottom: 2px;
}
#footer {
	width: 926px;
	float: left;
	text-align: center;
	height: 250px;
	line-height: 60px;
}
#foto {
	height: 143px;
	width: 210px;
	float: left;
	margin-left: 32px;
	background-color: #CCC;
}
#foto img {
	margin-top: 4px;
	margin-left: 4px;
	border: 1px solid #666;
}
#testo {
	width: 936px;
	margin-left: 32px;
	margin-top: 20px;
	float: left;
	margin-bottom: 20px;
}

.clear {
    clear:both
}
 
#gallery {
	position:relative;
	height:264px;
	float: left;
	width: 828px;
	background-image: url(../images/back_content.png);
	background-repeat: repeat;
	padding: 14px;
}
form#formail{
	margin:0 auto;
	width: 415px;
	padding: 10px;
}
form#foruser {
	margin:0 auto;
	padding: 10px;
}
form#formail input[type=text]{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CED0D0;
	color:#5F6565;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	padding:4px 5px;
	width:360px;
}
form#foruser input[type=text] {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CED0D0;
	color:#5F6565;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	padding:4px 5px;
	width:360px;
}
textarea{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CED0D0;
	color:#5F6565;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	padding:4px 5px;
	width:360px;
	height: 160px;
}
#risposta{
display: none;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
}
.contact {
	background-image: url(../image/back_contact.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}
#testo .blu {
	background-color: #E7E7E7;
}
#testo table {
	background-color: #E2E3F0;
}
#col_3 {
	width: 612px;
	background-color: #FFF;
	margin-left: 16px;
	margin-top: 16px;
	/* [disabled]border: 1px solid #CCC; */
	padding: 50px;
	float: left;
	min-height: 310px;
}
#col_3 h2 {
	margin: 0 0 10px 0;
}
#col_3 #contatti_col_1 {
	float: left;
	width: 300px;
	padding: 10px;
}
#col_3 #contatti_col_2 {
	float: left;
	width: 400px;
	background-image: url(../images/back_content.png);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
}
#contatti_col_1 h4 {
	color: #900;
	font-size: 14px;
}
#login {
	height: 30px;
	width: 410px;
	margin-top: 26px;
	/* [disabled]margin-left: 280px; */
	background-color: #FFFFFF;
	padding: 10px;
	float: right;
	color: #666;
}
#login form#lista {
	margin: 0px;
	padding: 0;
}
#login img {
	margin-right: 10px;
	float: left;
}
#login span {
	float: left;
	margin-right: 20px;
	font-size: 17px;
	line-height: 30px;
}
#login form#lista input[type=password] {
	background:#FFFFFF;
	border:1px solid #CED0D0;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	padding:2px;
	width:60px;
	margin-top: 4px;
}
#login form#lista input[type=submit] {
	background:#990099;
	color:#FFFFFF;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	padding:1px;
	width:62px;
	border: 1px solid #909;
}form#lista{
	margin:0 auto;
	width: 390px;
	padding: 10px;
}

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

	#col_3 .vetrina  {
    	padding: 0px 0 0 0;
    	margin: 0 10px 20px 10px;
    	position: relative;  
		float: left;  
	}              
   #col_3 #carousel a.prev, #col_3 #carousel a.next {
        display: block;
        float: left;
        width: 40px;
        height: 143px;
    }
	#carousel a.prev {
	background-image: url(../images/navleft.gif);
	background-repeat: no-repeat;
	background-position: left 55px;
    }
    #carousel a.next {
        background: url("../images/navright.gif") right 55px no-repeat;
    }
    #carousel a.next:hover {
        background-image: url("../images/navright.gif");
    }
    #carousel a.prev:hover {
        background-image: url("../images/navleft.gif");
    }    
    #carousel a:hover, #carousel a:active {
        border: none;
        outline: none;
    }                 
    #carousel .vetrina {
	border: 1px solid #969;
	float: left;
	background-color: #F2F2F2;
	/* Needed for rendering without flicker */
    position: relative;
	visibility: hidden;
	left: -5000px;
    }
    #col_3 .vetrina ul {
        margin: 0;
    }
    #col_3 .vetrina li img, 
    #col_3 .vetrina li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
    }
        
        #col_3 .widget img {
            cursor: pointer;
        }
            #col_3 .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #col_3 .vertical {
                margin-left: 170px;
            }
                #carousel .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #col_3 .imageSlider li img, 
            #col_3 .imageSlider li p, 
            #col_3 .imageSliderExt li img , 
            #col_3 .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }