/* reset style */
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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {	outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* body */

body {font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif; font-size:12px; background:#000; color:#999;}
a {color:#fff; text-decoration:underline; font-style:italic;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#900;}


/* header */

#header {margin:0 auto; height:120px; width:960px; overflow:hidden; background:url(images/macchie_header.gif) no-repeat top; position:relative; z-index:10;}
#header a.logo {background:url(images/creafx_logo.gif) no-repeat center; width:138px; height:70px; display:block; text-indent:-9999px; float:left; margin-top:20px;}
#header ul {display:block; float:right; margin-top:40px;}
#header ul li {display:block; float:left; padding:7px 0; font-size:14px; width:105px; text-align:center;}
#header ul li a {text-decoration:none; color:#ccc; font-weight:bold; padding:7px 10px; font-style:normal; text-transform:uppercase;}
#header ul li a:hover {background:#6A0000;}
#header ul li a:active {color:#fff;}
#header ul li a.selected {color:#fff; background:#900;}


/* common */

#top {margin:-15px auto 0; width:960px; overflow:visible; position:relative; z-index:9;}
#top .banner {width:960px; height:460px; position:relative;}
#top .banner_mask {width:960px; height:350px; background:url(images/banner_cornice.png) no-repeat center top; position:absolute; top:0px; left:0px;}
#top .banner h1 {color:#999; margin:50px 0 0 50px; width:380px; font-size:32px; position:absolute; line-height:1.2;}
#top .banner h1 span {color:#900;}
#top .macchie_banner {width:1120px; height:569px; position:absolute; background:url(images/macchie_banner.gif) no-repeat; top:-98px; left:-79px;}

#content {margin:-50px auto 0; width:960px; padding:0 40px; overflow:hidden; position:relative; z-index:11;}
#content h2 {font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase;}
#content h3 {font-family:Georgia,Cambria,Times,Times New Roman,serif; font-size:18px; font-weight:bold; color:#fff; margin-top:5px;}
#content p {line-height:1.2;}
#content .clear {clear:both;}

/* news */
#content #col_sx {padding:0 30px; width:180px; float:left; background:url(images/colonna_small.gif) repeat-y 20px; position:relative; float:left;}
#content #col_sx h2 {margin-left:-30px; background:url(images/colonna_sx_top.png) no-repeat; padding:10px 0 0 20px; width:220px; height:40px;}
#content #col_sx em {font-size:11px; font-weight:bold;}
#content #col_sx .col_sx_bottom {margin-left:-30px; background:url(images/colonna_sx_bottom.gif) no-repeat 20px top; width:240px; height:75px;}
#content #col_sx a.spaziato {margin-bottom:20px; display:block; text-align:center;}
#content .macchie_col_sx {background:url(images/macchie_colonna_sx.gif) no-repeat; width:42px; height:310px; position:absolute; left:18px; top:60px;}
#content p.txt_news {font-size:11px;}

#content .separatore_big {background:url(images/separatore_big.gif) no-repeat left center; height:60px; width:700px; float:left; clear:left;}




/* gallery */
#content #col_center {float:left; margin: 0 20px; padding:0 20px; width:400px; background: #000 url(images/colonna_bg.gif) repeat-y; position:relative; overflow:hidden;}
#content #col_center .col_center_top {display:block; position:absolute; z-index:10; top:0; left:0; width:440px; height:70px; background: #000 url(images/colonna_bg_top.gif) no-repeat center top;}
#content #col_center .col_center_body .content_gallery {overflow:hidden; margin-bottom:40px;}
#content #col_center .col_center_body {display:block; position:relative; z-index:11; top:0; width:440px; background:url(images/colonna_bg_bottom.gif) no-repeat center bottom; overflow:hidden;}
#content #col_center .col_center_body h2{padding:10px 0 0;}
#content #col_center .col_center_body h3{font-size:26px; color:#999; padding:10px 0;}
#content #col_center .col_center_body a {border:1px solid #656565; text-indent:-9000px;}
#content #col_center .col_center_body a:hover {border:1px solid #bbb;}
#content #col_center .col_center_body a.big_image {float:left; display:block; width:318px; height:198px;}
#content #col_center .col_center_body a.small_image {float:left; margin:0 0 20px 20px; display:block; width:60px; height:60px;}
#content #col_center .col_center_body a.hidden_image {display:none;}
#content #col_center .col_center_body a.arrow {display:block; margin:0 0 0 20px; float:left; border:0; background:url(images/arrow.gif) no-repeat center top; width:60px; height:36px;}
#content #col_center .col_center_body a.arrow:hover {border:0; background:url(images/arrow.gif) no-repeat center bottom;}


/* catalogo */
#content #col_dx {padding:0 30px; width:180px; background:url(images/colonna_small.gif) repeat-y 20px; position:relative; float:left;}
#content #col_dx h2 {margin-left:-30px; background:url(images/colonna_dx_top.png) no-repeat; padding:10px 0 0 20px; width:220px; height:40px;}
#content #col_dx em {font-size:11px; font-weight:bold;}
#content #col_dx .col_dx_bottom {margin-left:-10px; background:#000 url(images/colonna_dx_bottom.gif) no-repeat left top; padding:48px 5px 0; width:200px; overflow:hidden; font-size:10px;}
#content #col_dx a.spaziato {margin-bottom:20px; display:block; text-align:center;}
#content .macchie_col_dx {background:url(images/macchie_colonna_dx.gif) no-repeat; width:42px; height:330px; position:absolute; right:18px; top:60px;}
#content p.catalogo_into {margin-bottom:20px;}
#content #col_dx a.a_catalogo_inc {text-decoration:none; font-style:normal; font-weight:bold;}



/* colonna doppia */
#content #col_doppia {width:700px; float:left; overflow:hidden; margin-right:20px;}
#content #col_doppia h2 {width:660px; height:26px; padding:12px 0 0 20px; margin:0 0 20px; clear:both;}
#content #col_doppia h2.barra1 {background:url(images/barratitolo1.jpg) no-repeat left top;}
#content #col_doppia h2.barra2 {background:url(images/barratitolo2.jpg) no-repeat left top;}
#content #col_doppia h3 {margin:10px 0;}

	/*aboutus*/
	#content #col_doppia ul.realizzare {margin-bottom:20px; display:block; float:left; width:320px; padding-right:20px;}
	#content #col_doppia ul.realizzare li {font-size:14px; margin:10px 0; padding:1px 0 0 20px; background:url(images/dot_li.gif) no-repeat 5px 5px; color:#ccc;}
	#content #col_doppia ul.staff {padding-bottom:20px; display:block; overflow:hidden;}
	#content #col_doppia ul.staff li {display:block; float:left; width:320px; padding-right:20px;}
	#content #col_doppia ul.staff li p, #content #col_doppia ul.staff li a {margin-bottom:10px;}

	/*contacts*/
	#content #col_doppia .contatti {width:340px; float:left;}
	#content #col_doppia .info {font-size:14px; margin-bottom:5px;}
	#content #col_doppia .info span {color:#fff;}
	#content #col_doppia .info .facebook {background:url(images/facebook.gif) no-repeat; width:160px; height:52px; text-indent:-9999px; display:block; margin-top:20px;}
	#content #col_doppia .form {overflow:hidden; display:block; margin:60px 0 0;}
	#content #col_doppia h4.formtitolo {color:#FFFFFF; font-size:14px; font-weight:bold; margin-bottom:20px;}
	#content #col_doppia .form ul {overflow:hidden; display:block;}
	#content #col_doppia .form ul li {float:left; clear:both; margin-bottom:5px; width:340px;}
	#content #col_doppia .form ul li label {display:block; float:left; width:80px;}
	#content #col_doppia .form ul li input, #content .form ul li textarea {height:18px; width:232px; padding:3px; border:1px solid #333; display:block; float:right; background:#0a0a0a; color:#ccc; font-size:13px;}
	#content #col_doppia .form ul li textarea {font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif; height:100px; overflow:hidden;}
	
	#content #col_doppia .form ul li span {display:block; font-size:11px; margin:10px 0 0; float:left; width:240px; padding-left:100px;}
	#content #col_doppia .form ul li label.codicesicurezza {display:block; float:left; clear:both; width:70px; margin:5px 0 0 100px; font-size:26px; font-style:italic; color:#ccc;}
	#content #col_doppia .form ul li input.codicesicurezza {width:50px; float:left; margin-top:5px;}
	
	#content #col_doppia .form p.posizionebuttons {clear:both; float:left; margin:20px 0 0 100px; display:inline;}
	#content #col_doppia .form input.invio {width:90px; height:20px; background:#6A0000;; border:0; color:#fff; font-size:11px; cursor:pointer; text-transform:uppercase;}
	#content #col_doppia .form input.invio:hover {background:#900;}
        
	#content #col_doppia iframe {padding:2px; border:1px solid #666; float:right;}
        
        #content #col_dx h3 {margin-bottom:10px;}
        #content #col_dx p.info {line-height:1.5;}
        #content #col_dx p.info span {color:#fff;}
        #content #col_dx p.info span.number2 {margin-left:22px; clear:left; display: block;}
        #content #col_dx p.morecontacts {margin:20px 0;}
        #content #col_dx .fixedheight {height:70px;}
        
        
        #content #col_doppia .novideo {background:url(images/novideo.gif) no-repeat center; clear:both; font-size:14px; height:167px; padding-top:130px; text-align:center; width:480px;}

/* video */
#content .dx ul.realizzare {margin-bottom:20px; display:block; float:left; width:320px; padding-right:20px;}
#content .dx ul.realizzare li {font-size:14px; margin:10px 0; padding:1px 0 0 20px; background:url(images/dot_li.gif) no-repeat 5px 5px; color:#ccc;}



/* footer */
#footer {clear:both; width:960px; overflow:hidden; padding:30px 0 20px; margin:0 auto; text-align:center; position:relative; z-index:10;}
#footer ul {}
#footer ul li {display:inline; margin:0 5px;}
#footer ul li a {text-decoration:none;}
.separatore {margin:0 auto; width:172px; height:30px; background:url(images/separatore.gif) no-repeat center center;}
#footer .allinea {padding-left:205px; width:755px; margin:0 auto; overflow:hidden;}
#footer a.logo {margin:0 auto; background:url(images/creafx_logo_footer.png) no-repeat center top; width:78px; height:40px; display:block; text-indent:-9999px;}
#footer p {font-family:Georgia,Cambria,Times,Times New Roman,serif; margin-bottom:10px; font-size:11px; color:#666; font-style:italic;}
#footer p.changelang {margin-top:20px;}
#footer p.valid {font-size:10px;}
#footer p a {color:#999;}
#footer p a:hover {color:#ccc;}