/* Start of CMSMS style sheet 'style00' */
@charset "utf-8";
/* CSS RESET ------------------------------------------------------------------------ */

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, strong, 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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* fine CSS RESET ------------------------------------------------------------------------ */

body {
	background:url(images/semanticstudio/bg-repeat-x-up.gif) repeat-x 0 -3px #fff;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:0.95em
}
#container {
	width:880px;
	margin:auto;
	background:url(images/semanticstudio/bg-up.jpg) no-repeat center -35px #efebe8;
	position:relative;
	padding-top:10px;
	z-index:1000;
}
#content {
	background:url(images/semanticstudio/bg_repeater.jpg) repeat-y top center #efebe8;
	padding-left:50px;
	padding-right:60px;
	position:relative;
	height:330px;

}
p {
	margin-left:5px;
	color:#353535;
	padding-bottom:18px;
	line-height:1.2;
}
p span {
	color:#7F0102;
}
/* =h1 =#logo*/
h1#logo {
	width:177px;
	margin:0 auto;
	position:relative;
	z-index:30;
}
h1#logo a {
	display:block;
	text-indent:-1000em;
	background:url(images/semanticstudio/logo.gif);
	height:195px;
}
/* =slide */
#menu {
	height:110px;
	width:800px;
	height:100px!important;
	margin-left:55px;
	position:relative;
	padding-top:20px;
	z-index:11;
	margin-bottom:110px;/* genera lo spazio per il men secondario posizionato in modo assoluto */
}
#menu li {
	float: left;
	width: 140px;
	height: 80px;
	margin-right: 10px;
	text-indent:-1000em;
	background-repeat:no-repeat;
	background-color:#9F1719;
}
#menu li a {
	display:block;
	height:100%;
}
#menu .chiSiamo {
	background-image: url(images/semanticstudio/chiSiamo.png);
}
#menu .servizi {
	background-image: url(images/semanticstudio/servizi.png);
}
#menu .contattaci {
	background-image: url(images/semanticstudio/contattaci.png);
}
#menu .portfolio {
	background-image: url(images/semanticstudio/portfolio.png);
	margin-right: none;
}
#menu .area-clienti {
	background-image: url(images/semanticstudio/area-clienti.png);
	margin-right: none;
}
/* =#subMenu menu secondario ------------------------------------------------------ */
#subMenu {
	height:150px;
	width:880px;
	background:url(images/semanticstudio/submenu.jpg) no-repeat bottom center transparent;
	top:92px;
	position:absolute;
	z-index:10;
left:0;
}

.browserSafari #subMenu {
	left:-40px;
	top:69px;
	width:870px;
	background:url(images/semanticstudio/subme_nu.jpg) no-repeat bottom center transparent;
	}
.browserSafari #menu {}


 
#subMenu li {
	position:absolute;
}
#subMenu a {
	position:absolute;
	text-indent:-2000em;
	height:150px;
}
#subMenu a.idee {
	width:230px;
	background:url(images/semanticstudio/submenu.jpg) no-repeat bottom left #efebe8;
}
#subMenu a.idee:hover,.le-tue-idee #subMenu a.idee{
	background-position:0 0;
}
#subMenu a.progetto {
	width:280px;
	background:url(images/semanticstudio/submenu.jpg) no-repeat -280px bottom #efebe8;
	left:290px;
}
#subMenu a.progetto:hover,.il-nostro-progetto #subMenu a.progetto {
	background-position:-280px 0;
}
#subMenu a.prodotto {
	width:275px;
	background:url(images/semanticstudio/submenu.jpg) no-repeat -590px bottom #efebe8;
	left:590px
}
#subMenu a.prodotto:hover {
	background-position:-590px 0;
}
/* fine subMenu ------------------------------------------------------ */

/* =.badge ------------------------------------------------------ */
#badge {
	position:absolute;
	right:-10px;
	top:-50px;
	z-index:50;
	height:111px;
	width:108px;
	cursor:pointer;
}
em {
	background: url(images/semanticstudio/hover.png) no-repeat;
	width: 180px;
	height: 59px;
	position: absolute;
	top: -180px;
	right: -61px;
	text-align: center;
	padding: 6px 12px 10px;
	font-style: normal;
	z-index: 2;
	font-size:14px;
	display: none;
	line-height:1.2;
	word-spacing:-1px;
	z-index:20;
}
/* =content contenuto */

/* =column ------------------------------------------------------ */
#columnSx {
	width:260px;
	position:absolute;
	left:50px;
}
#columnSx ul {
	line-height:1.2;
}
#columnSx li {
	display:block;
	padding-left:24px;
	background:url(images/semanticstudio/point.gif) left top no-repeat;
	margin-bottom:8px;
	font-size:0.93em;
}
#columnSx .preventivo {
	display:block;
	height:70px;
	width:230px;
	text-indent:-1000em;
	background:url(images/semanticstudio/preventivoH.png) no-repeat center bottom #7F0102;
	color:#fff
}
#columnSx .preventivo:hover {
	background-position:top center;
}
#columnDx {
	margin-left:35%;
	background:url(images/semanticstudio/stone.jpg) no-repeat bottom right;
}
#columnDx h2 {
	height:100px;
	text-indent:-1000em;
	background:url(images/semanticstudio/claim.gif) no-repeat left top;
}
/* =footer */
#footer {
	clear:both;
	height:40px;
	text-align:center;
	background:url(images/semanticstudio/footer.jpg) no-repeat -6px bottom #fff;
}
#footer span {
	position:relative;
	top:25px;
	color:#999;
	font-size:0.82em;
}
/* aree ------------------------------------------------------------- */
/* =chi-siamo */
#chi-siamo #content {
	height:493px;
}
#chi-siamo #columnDx {
	background:url(images/semanticstudio/coffe.jpg) no-repeat bottom right;
	position:relative;
	bottom:-12px;
	right:-15px;
	height:493px;
}
#chi-siamo #columnSx {
	background:url(images/semanticstudio/people.jpg) no-repeat bottom left;
	position:absolute;
	height:365px;
	width:341px;
	left:34px;
	top:140px;
	padding-left:20px;
}
#chi-siamo #columnDx h2 {
	position:absolute;
	width:800px;
	height:100px;
	left:-300px;
	top:-5px;
	background:url(images/semanticstudio/claim_chi_siamo.gif) no-repeat left center;
	z-index:10;
	text-indent:-2000em;
}
/* =servizi */
#servizi #content {
	height:600px;
}
#servizi h1#logo {
	width:auto;
	z-index:0;
}
#servizi h1#logo a {
	height:395px;
	background:url(images/semanticstudio/header-servizi.jpg) no-repeat center -2px;
	margin:auto;
}
#servizi #container {
	background:url(images/semanticstudio/bg-up-portfolio.jpg) no-repeat center -35px;
}
#servizi #columnSx {
	width:472px;
	float:left;
	margin-top:120px;
}
#servizi h2 {
	position:absolute;
	width:800px;
	height:100px;
	left:-515px;
	top:-255px;
	background:url(images/semanticstudio/claim_servizi.gif) no-repeat left center;
	z-index:10;
	text-indent:-2000em;
}
#servizi #subMenu, #servizi #subMenu a.idee, #servizi #subMenu a.progetto, #servizi #subMenu a.prodotto {
	background-image:url(images/semanticstudio/submenu-portfolio.jpg);
}
#servizi #columnDx {
	background:url(images/semanticstudio/tools.jpg) no-repeat bottom right;
	position:absolute;
	bottom:105px;
	right:70px;
	width:260px;
	height:239px;
}

/* =area-clienti */
#area-clienti #content {
	height:493px;
}
#area-clienti #columnDx {
	position:relative;
	bottom:-12px;
	right:-15px;
	height:493px;
}
#area-clienti #columnSx {
	background:url(images/semanticstudio/people.jpg) no-repeat bottom left;
	position:absolute;
	height:365px;
	width:341px;
	left:34px;
	top:140px;
	padding-left:20px;
}
#area-clienti #columnDx h2 {
	position:absolute;
	width:800px;
	height:100px;
	left:-300px;
	top:-5px;
	background:url(images/semanticstudio/claim_area_clienti.gif) no-repeat left center;
	z-index:10;
	text-indent:-2000em;
}

#area-clienti .formLogin { position:absolute; left:-50px; width:300px; height:150px; bottom:190px;}
#area-clienti .formLogin .usernameField,#area-clienti .formLogin .passwordField {clear:both;}
#area-clienti .formLogin .usernameField input,#area-clienti .formLogin .passwordField input { width:140px; float:left}
#area-clienti .formLogin .usernameField label,#area-clienti .formLogin .passwordField label { float:left; width:100px; margin-bottom:20px;color:#7f0102; font-weight:bold;}
#area-clienti .formLogin .passwordField {margin-bottom:70px;}
#area-clienti .formLogin .invioB {position:absolute; bottom:50px; right:55px;}
#area-clienti .formLogin a {text-align:right; display:block; margin-top:5px; margin-right:55px; text-decoration:none; font-size:0.86em; color:#7f0102; font-weight:bold;}
#area-clienti .formLogin a:hover {text-decoration:underline;}
#area-clienti .formLogin .errore {font-size:0.86em; color:#7f0102; font-weight:bold; margin-top:20px; width:240px; background:#fff; padding:6px; line-height:1.2;filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;}
/* =#contattaci ----------------------------------------------------- */
#contattaci { margin-top:0;}
#contattaci #content { height:630px;}
#contattaci #columnDx {
	background:url(images/semanticstudio/contact.jpg) no-repeat bottom right;
	position:relative;
	bottom:-12px;
	right:-15px;
	height:630px;
}

#contattaci #columnSx {
	position:absolute;
	top:120px;
	left:50px;
	height:400px;
	width:580px;
	z-index:30;
}

#contattaci #columnDx h2 {
	position:absolute;
	width:800px;
	height:100px;
	left:-300px;
	top:-15px;
	background:url(images/semanticstudio/claim_contattaci.gif) no-repeat left center;
	z-index:10;
	text-indent:-2000em;
	}

#contattaci .contattaci-form {} 

#contattaci .contattaci-form legend {display:none;}

#contattaci .contattaci-form fieldset div label {float:left; width:200px; }
#contattaci .contattaci-form fieldset div {margin-bottom:10px; float:left; clear:left;}
#contattaci .contattaci-form fieldset textarea {width:372px;}

#contattaci .error_message { background-color:#e30202; color:#fff; padding:10px; width:352px; margin-bottom:20px; border:1px solid #7f0102;}
#contattaci #columnSx .error_message li { list-style:none; background-image:none; padding-left:0; text-align:center;}

#contattaci .contattaci-form fieldset .fb_invalid input,#contattaci .contattaci-form fieldset .fb_invalid textarea,#contattaci .contattaci-form fieldset .fb_invalid select{background-color:#FCD8D6;}
#contattaci .contattaci-form fieldset .fb_invalid label {color:#e30202;}
#contattaci .contattaci-form .privacy label {float:none;}
#contattaci .contattaci-form .privacy {background-color:#f0ebe8; padding:4px;}


/* =#portfolio ----------------------------------------------------- */
#portfolio #showReel {background:url(images/semanticstudio/bg_portfolio.jpg) no-repeat center; height:394px; position:relative; margin:auto 0;}

#portfolio #showReel div{ width:428px; margin:0 auto; padding-left:9px; padding-top:36px;}

#portfolio #container {
	background:url(images/semanticstudio/bg-up-portfolio.jpg) no-repeat center -35px;
}
#portfolio #content { height:auto;}
#portfolio #subMenu, #portfolio #subMenu a.idee, #portfolio #subMenu a.progetto, #portfolio #subMenu a.prodotto {
	background-image:url(images/semanticstudio/submenu-portfolio.jpg);
}

#portfolio h2 {
	position:absolute;
	width:800px;
	height:100px;
	left:35px;
	top:10px;
	background:url(images/semanticstudio/claim_chi_siamo.gif) no-repeat left center;
	z-index:10;
	text-indent:-2000em;
	}

#uniqueColumn {clear:both; padding-top:15px;}

.schedaProgetto {background:url(images/semanticstudio/schedaProgetto.jpg) no-repeat center center; width:791px; height:240px; position:relative; left:-10px; font-size:0.9em;}
.schedaProgetto .pad{ padding:20px;}
.schedaProgetto h3 {color:#990000; font-weight:normal; font-size:1.4em; margin-bottom:10px; background:url(img/dotted01.gif) repeat-x bottom left; padding-bottom:8px; letter-spacing:-1px;}
.schedaProgetto .foto {float:right; border:1px solid #ccc;}
.schedaProgetto a.foto:hover {border-color:#990000}
.schedaProgetto .foto img {display:block;}
.schedaProgetto .descr { margin-right:290px; margin-left:5px;}
.schedaProgetto ul {line-height:1.3}
.schedaProgetto li li{margin-left:7px; padding-left:14px; background:url(images/semanticstudio/point01.gif) no-repeat left 6px;}
.schedaProgetto p {padding-bottom:6px; margin-left:0;}
.schedaProgetto a {text-decoration:none; color:#990000; font-weight:bold;}
#portfolio .schedaProgetto a:hover {text-decoration:underline; color:#cc0000;}



#extradiv1 { width:279px; height:695px; position:absolute; left:-15px;; top:314px; background:url(images/semanticstudio/headPhones.png) no-repeat center; z-index:2000;}
#extradiv2 { width:1200px; height:449px; position:absolute; bottom:-40px; left:-128px; background:url(images/semanticstudio/bottomInnerHeader01.png) no-repeat center; z-index:2000;}
.le-tue-idee #extradiv3 { width:400px; height:300px; background: url(images/semanticstudio/idea.png) no-repeat center; position:absolute; left:-30px; top:-40px;}
.il-tuo-prodotto #extradiv3 { width:254px; height:346px; background: url(images/semanticstudio/prodotti.png) no-repeat center; position:absolute; left:20px; top:-25px;}

#generic02 {min-width:1200px; max-width:1280px;}
#generic02 #content {height:900px;}
#generic02 #uniqueColumn h2 {	
position:absolute;
	width:800px;
	height:100px;
	left:35px;
	top:10px;
	z-index:10;
	text-indent:-2000em;}

.le-tue-idee #uniqueColumn h2 {background:url(images/semanticstudio/claim_le_tue_idee.gif) no-repeat left center;}
.il-nostro-progetto #uniqueColumn h2 {background:url(images/semanticstudio/claim_il_nostro_progetto.gif) no-repeat left center;}
.il-tuo-prodotto #uniqueColumn h2 {background:url(images/semanticstudio/claim_il_tuo_prodotto.gif) no-repeat left center;}

.subContent {  height:584px; margin-top:120px; padding:40px; padding-top:0; line-height:1.4; background:url(images/semanticstudio/subContent.jpg) no-repeat top center; position:relative;}




/* slide */
.subContent #prevBtn{ width:62px; height:65px; position:absolute;  top:23px; left:23px; text-indent:-2000em;}
.subContent #prevBtn a { width:62px; height:65px; background:url(images/semanticstudio/buttonNextPrev.png) left bottom no-repeat; display:block;}
.subContent #prevBtn a:hover {background-position:left top;}

.subContent #nextBtn{ width:62px; height:65px; position:absolute;  top:23px; left:690px; text-indent:-2000em;}
.subContent #nextBtn a { width:62px; height:65px; background:url(images/semanticstudio/buttonNextPrev.png) right bottom no-repeat;display:block;}
.subContent #nextBtn a:hover {background-position:right top;}

.subContent #sliderP h3 span{ font-family:"Times New Roman", Times, serif; font-size:2.5em; position:absolute; left:45; top:0;}

 #sliderP h3{color:#7f0102; font-size:2.1em; position:relative;padding-left:65px;padding-top:90px; margin-bottom:10px;}

 #sliderP p { line-height:1.3; font-size:1.05em; padding-left:85px; padding-right:50px; padding-bottom:11px;}
 #sliderP li { width:675px;}

 #noSliderP {position:relative;}
 #noSliderP h3{color:#7f0102; font-size:1.6em;padding-top:40px; margin-bottom:10px; word-spacing:-1px; margin-right:40px; margin-left:300px; margin-bottom:90px; line-height:1.3; }
 
.grazie #columnDx h2 {display:none;}
.grazie #columnDx h3 {font-size:2em; letter-spacing:-1px; color:#7f0102; font-family:"Times New Roman", Times, serif; margin-bottom:20px; padding-top:20px;}
.grazie #columnDx {background:none; margin-left:20px;}
.grazie #columnDx p {margin:0;}
.grazie #columnSx { display:none;}


/* per ie6 */
.browserIE6 #extradiv1,.browserIE6 #extradiv2,.browserIE6 #extradiv3 {display:none;}
.browserIE6 #noSliderP {margin-top:40px;}
.browserIE6 #noSliderP h3 { margin-left:0; margin-bottom:10px; margin-right:45px;}
.browserIE6 #container #content {height:350px;}
.browserIE6 #container .subContent {background-position:bottom center;}
.browserIE6 .subContent #nextBtn,.browserIE6 .subContent #prevBtn { top:60px;}
.browserIE6 .subContent #nextBtn { left:670px;}
.browserIE6 .subContent #prevBtn { left:26px;}
.browserIE6 .subContent #nextBtn a,.browserIE6 .subContent #prevBtn a{ text-indent:0; background:none; text-decoration:none;}
.browserIE6 .subContent #nextBtn a:hover,.browserIE6 .subContent #prevBtn a:hover {text-decoration:underline;}
.browserIE6 #container .subContent {overflow:hidden; height:584px; margin-top:110px;}
.browserIE7 #container .subContent h3 { display:inline;}
.browserIE7 .subContent #sliderP h3 span { position:static;display:inline;}
.browserIE6 #container .subContent #sliderP {margin-top:40px;}

/* End of 'style00' */