/* generale */
@font-face {
   font-family: 'Rokkitt';
   src: url(./Rokkitt.eot);
   src: local('Rokkitt'), url('./Rokkitt.ttf') format('truetype');
}
@font-face {
   font-family: 'Rokkitt Bold';
   src: url(./Rokkitt-Bold.eot);
   src: local('Rokkitt Bold'), url('./Rokkitt-Bold.ttf') format('truetype');
}

* {font-family: Arial, sans-serif; font-size:13px; color:#333;}
	* strong, * em, * li, * a, * u, * b, * i, * span {font-size:inherit;}
	
a img {border:0;}
a {color:#333;}
	a:hover {color:#50a7dd;}

.evid, b, strong {color:#333;}
.big {font-size:1.6em;}

.lft {float:left;}
img.lft {margin:0.5em 0.5em 0.5em 0;}
.rgt {float:right;}
img.rgt {margin:0.5em 0 0.5em 0.5em;}
.clrlf {clear:left;}
.clrrg {clear:right;}

/* headers */
h1, h2, h3, h4, h5, h6 {color:#2c4f72; font-family: "Rokkitt", serif;}
	h1 {font-size:1.8em;}
	h2 {font-size:1.5em;}
	h3 {font-size:1.3em;}
	h4 {font-size:1.2em;}
	h5 {font-size:1.1em;}
	h6 {font-size:1em;}
a h1 {margin:0; padding:0;}

/* box model */
body {background:url('/images/site/bg_body.gif'); margin:0; padding:0; text-align:center;}
	#menuTop {height:30px; background:#eee; border-top:4px solid #50a7dd;}
	#mainMenu {height:146px; background:#fff; border-bottom:2px solid #eee; margin-bottom:8px; position:relative;}
		#logo {width:254px; height:123px; margin:0; padding:0; position:absolute; top:11px; left:0;}
			#logo img {width:254px; height:123px; display:block; line-height:40px; text-align:center; color:#50a7dd;}
	#header {background:#eee; }
	#headerInt {background:#eee; height:81px; margin-bottom:15px; position:relative;}
	#content {margin:0 0 15px 0; z-index:100;}
		#content .main {background:#fff; z-index:101;}
			#content .main .colSx {float:left; margin:12px 12px 12px 20px; width:458px;}
			#content .main .colDx {float:left; margin:12px 20px 12px 12px; width:458px;}
			#content .main .colUnica {margin:12px 20px 30px 20px;}
				 #content .main .colUnica h3 {color:#50a7dd; padding:0 0 0 20px; margin:30px 25px 0 25px; font-size:20px; background:url('/images/site/bg_contentH3.gif') no-repeat center left;}
				 #content .main .colUnica p {line-height:1.4em; margin:0 25px 15px 47px;}
					 #content .main .colUnica .blockDx {float:left; width:485px; margin:0 5px 0 0;}
					 #content .main .colUnica .blockSx {float:left; width:450px;}
						#content .main .colUnica .blockSx h3 {color:#2c4f72; background:url('/images/site/bg_contentH3Sx.gif') no-repeat center left; margin-left:5px;}
			#content .main .casiStudio {margin:12px 20px; width:940px; position:relative;}
				#content .main .colSx h3, #content .main .colDx h3, #content .main .casiStudio h3 {color:#2c4f72; border-bottom:1px dashed #95a7b8; margin:0 0 20px 0; padding:0 0 0 10px; font-size:20px; line-height:16px;}
	#footer {background:#2c4f72; padding-bottom:150px;}
		#footer * {color:#fff;}
			#footer .cntFooter {height:210px; padding:0; position:relative;}
				#footer .cntFooter #logoFooter {position:absolute; top:38px; left:9px; width:261px; height:121px; display:block;}
				#footer .cntFooter #menuFooter {position:absolute; top:38px; left:380px; width:360px;}
					#footer .cntFooter #menuFooter h5 {margin:0; padding:0; font-size:18px; font-weight:normal;}
				#footer .cntFooter #rgtFooter {position:absolute; top:38px; left:754px; width:210px;}
					#footer .cntFooter #rgtFooter h5 {margin:0 0 0 4px; padding:0; font-size:18px; font-weight:normal;}
			#footer .closeFooter {border-top:1px solid #96a7b9; height:16px;}
				#footer .closeFooter #copy {color:#96a7b9; font-style:italic; width:450px; margin:0 0 0 5px; font-size:11px; float:left; padding-top:3px;}
				#footer .closeFooter #credits {float:right; padding-top:2px; width:450px; text-align:right; margin:0 5px 0 0;}
					#footer .closeFooter #credits a {color:#96a7b9; font-style:italic; font-size:11px; }
	.main {width:980px; text-align:left; margin:0 auto; position:relative;}
			
/* menu */
#menuTop ul {margin:0; padding:0; list-style:none; float:right;}
	#menuTop ul li {float:left; color:#999; margin:0 15px 0 10px; height:30px; line-height:30px;}
		#menuTop ul li a {color:#999; font-size:11px; text-decoration:none;}
			#menuTop ul li a:hover {color:#50a7dd;}

#mainMenu ul {position:absolute; right:0; top:70px; margin:0; padding:0; list-style:none;}
	#mainMenu ul li {float:left; width:110px; border-left:1px solid #999; height:46px; text-transform: uppercase;}
		#mainMenu ul li a {text-decoration:none; display:block; height:32px; padding:10px 0 0 10px; line-height:13px; border-bottom:4px solid #fff; font-size:11px;}
			#mainMenu ul li.thisitem a {border-color:#50a7dd; color:#50a7dd; font-weight:bold;}
			#mainMenu ul li a:hover {color:#50a7dd;}

#footer .cntFooter #menuFooter ul {margin:5px 0 0 20px; padding:0; list-style:square;}
	#footer .cntFooter #menuFooter ul li {height:22px; line-height:22px;}
		#footer .cntFooter #menuFooter ul li a {text-decoration:none; color:#fff; font-size:12px;}
				#footer .cntFooter #menuFooter ul li a:hover {color:#fff; text-decoration:underline;}

#footer .cntFooter #rgtFooter ul {margin:18px 0 0 0; padding:0; list-style:none;}
	#footer .cntFooter #rgtFooter ul li {height:30px; line-height:30px; margin:12px 0; padding:0 0 0 60px; font-size:12px;}
		#footer .cntFooter #rgtFooter ul li.tel {background:url('/images/site/icon_tel.png') no-repeat left center;}
		#footer .cntFooter #rgtFooter ul li.mail {background:url('/images/site/icon_mail.png') no-repeat left center;}
		#footer .cntFooter #rgtFooter ul li.address {line-height:15px; background:url('/images/site/icon_address.png') no-repeat left center;}
		#footer .cntFooter #rgtFooter ul li a {text-decoration:underline; color:#fff; font-size:12px;}
				#footer .cntFooter #rgtFooter ul li a:hover {color:#fff; text-decoration:none;}

ul#paginatore {padding:0 30px; margin:50px 0 0 390px; list-style:none; clear:auto; height:120px;}
	ul#paginatore li {float:left; width:22px; height:22px; margin:0 5px;}
		ul#paginatore li a {display:block; widht:22px; height:22px; background:#50a7dd; color:#000; text-align:center; line-height:22px; font-size:14px; text-decoration:none;}
			ul#paginatore li.thisitem a {background:#2c4f72; color:#fff; cursor:default;}
			ul#paginatore li a:hover {background:#2c4f72; color:#fff;}
			ul#paginatore li.disabled a {background:#eee; color:#999; cursor:default;}

#content .main .colUnica .blockSx ul.gallery {margin:10px 0; padding:0; list-style:none;}
	#content .main .colUnica .blockSx ul.gallery li {float:left; margin:0 10px 10px 0;}
		#content .main .colUnica .blockSx ul.gallery li a {display:block; width:140px; height:105px;}
			#content .main .colUnica .blockSx ul.gallery li a img {display:block; width:140px; height:105px;}

/* form */
#menuTop form {margin:5px 0; padding:0; height:20px; float:right; position:relative;}
	#menuTop form input {width:176px; height:18px; padding:0 2px 0 22px; text-align:right; color:#666; border:1px solid #999;}
	#menuTop form button {position:absolute; top:0px; left:2px; border:0; background:none; height:20px; cursor:pointer; width:24px; margin:0; padding:0;}
		#menuTop form button img {display:block; width:16px; height:16px;}

.commenti {margin:47px;}
	.commenti h4 {margin:0 0 20px 0;}
	.commenti form {margin:0;}
		.commenti form input {width:256px; margin:0 0 10px 0; padding:2px; display:block; font-size:11px; color:#666; border:1px solid #666;}
			.commenti form input.subm {font-size:12px; background:#2c4f72; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer}
				.commenti form input.subm:hover {background:#50a7dd;}
		.commenti form textarea {border:1px solid #666; font-size:11px; color:#2c4f72; resize:none; width:620px; padding:2px; height:170px; display:block; margin:0 0 10px 0;}
		.commenti form label {font-size:11px; margin:10px 10px 5px 6px; color:#666;} 

#galleryHdr {width:980px; height:450px; position:relative;}
	#galleryHdr .images img {display:block; width:980px;  height:450px;}
	#galleryHdr ul.cmds {position:absolute; margin:0; padding:0; list-style:none; right:18px; bottom:-46px; height:12px; z-index:1000;}
		#galleryHdr ul.cmds li {height:12px; float:left; margin:0 4px; z-index:1001;}
			#galleryHdr ul.cmds li a {background:url('/images/site/btnGrey.png') no-repeat; display:block; height:12px; line-height:12px; font-size:11px; width:12px; text-decoration:none; text-align:center; color:#999;  z-index:1002;}
				#galleryHdr ul.cmds li a img {z-index:1003; display:block; width:12px; height:6px;}
				#galleryHdr ul.cmds li.activeSlide a, #galleryHdr ul.cmds li a:hover {background:url('/images/site/btnBlue.png') no-repeat; color:#50a7dd;}

/* misc */
#content .main .colUnica #breadcrumb {border-bottom:1px dashed #95a7b8; margin:12px 0 12px 0; padding:24px 0 10px 0; text-align:right; font-size:11px;}
	#content .main .colUnica #breadcrumb a {color:#2c4d72; font-size:11px;}
	#content .main .colUnica #breadcrumb span {font-weight:bold; font-size:11px;}

.blkEvid {width:980px; height:80px; padding:0 0 16px 0; margin:0 0 5px 0; background:url('/images/site/bg_blkEvid.png') no-repeat; z-index:102;}
	 .blkEvid strong {line-height:80px; font-size:20px; margin:0 24px; display:block; font-weight:normal;}
#headerInt .blkEvid {position:absolute; top:0;}

div.desc {margin:0; padding:0;}
	div.desc p {padding:10px 0 15px 0; line-height:1.45em;}
	div.desc a.continue {color:#999; display:block; text-align:right;}
		div.desc a.continue:hover {color:#50a7dd;}
		
#content .main .casiStudio .divBox {padding:0 20px 12px 20px;}
	#content .main .casiStudio .box {float:left; width:250px; margin:0 25px;}
		#content .main .casiStudio .box a.imgBox {display:block; width:250px; height:188px;}
			#content .main .casiStudio .box a.imgBox img {display:block; width:250px; height:188px;}
		#content .main .casiStudio .box h4 {font-size:18px; margin:10px 0 0 0; padding:0; line-height:18px;}
		#content .main .casiStudio .box p {margin:0 0 12px 0; padding:0; line-height:1em;}
		#content .main .casiStudio .box a.continue {background:url('/images/site/bg_box_continue.gif') no-repeat center right; padding:0 15px 0 0; font-family: "Rokkitt", serif; font-size:14px; color:#2c4f72; text-decoration:none;}
			#content .main .casiStudio .box a.continue:hover {color:#50a7dd;}
#content .main .casiStudio #boxPrev, #content .main .casiStudio #boxNext {position:absolute; top:106px; display:block; width:23px; height:46px;}
#content .main .casiStudio #boxPrev {left:0;}
#content .main .casiStudio #boxNext {right:0;}
	#content .main .casiStudio #boxPrev img, #content .main .casiStudio #boxNext img {display:block; width:23px; height:46px;}
	
.boxElenco {height:230px; position:relative;}
	.boxElenco img.boxImg {float:left; width:250px; height:188px; padding:4px; border:1px solid #ddd; margin:0 24px 32px 0;}
		.boxElenco .desc h3 {background:none !important; padding-left:0 !important;}
		.boxElenco .desc a.continue {position:absolute; bottom:40px; right:20px;}
    
    .info {margin:47px;}
	.info form {margin:0;}
		.info form input {width:256px; margin:0 0 10px 0; padding:2px;  font-size:11px; color:#666; border:1px solid #666;}
			.info form input.subm {font-size:12px; background:#2c4f72; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer}
				.info form input.subm:hover {background:#50a7dd;}
		.info form textarea {border:1px solid #666; font-size:11px; color:#2c4f72; resize:none; width:620px; padding:2px; height:170px; display:block; margin:0 0 10px 0;}
		.info form label {font-size:11px;  color:#666;display: block; float: left; width: 120px;} 
    
    #cntrlpnl {

    top:220px;

}