/*TAG*/
*{margin:0; padding:0; border:none; font-family:Arial, Helvetica, sans-serif;}
html,body{height:100%;}
body{text-align:center; background-color:#d7d2cb;}
a{color:#be0f34; text-decoration:none; outline:none;}
a:hover{text-decoration:underline; outline:none;}
h1{font-size:70px; font-weight:bold; letter-spacing:-5px; line-height:75px; color:#fff;}
h1 span{font-size:70px; font-weight:bold; letter-spacing:-5px; line-height:75px; color:#58585a;}

/*ID*/
#box{height:100%; text-align:left; position:relative;}
body>#box{height:auto;min-height:100%;}
#container{height:100%; width:950px; margin:auto;}
#testata{height:359px; border-bottom:1px solid #e3e0db; margin-bottom:52px;}
#testata.testata_landing{ height:105px; border-bottom:0;}
#eblogo{float:left; width:231px; height:26px; margin-top:26px;}
#menu ul{list-style:none;}
#menu ul li{float:right; font-size:12px; font-weight:bold;}
#content{padding-bottom:402px;}

#colonnaSx{width:230px; float:left; font-size:12px; color:#474239;}
#colonnaSx ul{list-style:none; margin-bottom:20px;}
#colonnaSx h3{font-size:18px; line-height:18px; color:#58585a; font-weight:bold; padding-bottom:20px;}
#colonnaSx h4{font-size:14px; color:#fff; font-weight:bold; padding-bottom:15px;}

#colonnaDx{width:700px; float:left; margin-left:20px; color:#58585a; margin-bottom:32px;}
#colonnaDx img{float:left; margin-right:10px; margin-bottom:20px;}
#colonnaDx p{font-size:12px; padding-bottom:20px; line-height:18px;}
/*
#colonnaDx p a{background:url(images/struttura/freccia_red.gif) no-repeat 0 6px; padding-left:12px; font-weight:bold;}
#colonnaDx p a:hover{background:url(images/struttura/freccia_black.gif) no-repeat 2px 6px; text-decoration:none;}
*/
#colonnaDx ul, #colonnaDx ol{font-size:12px; padding-bottom:10px;}
#colonnaDx ul{ list-style-type:disc; margin-left:15px;}
#colonnaDx ol{ list-style-type:decimal; margin-left:23px;}
#colonnaDx ul li, #colonnaDx ol li{padding-bottom:10px;}
#colonnaDx h3{font-size:18px; line-height:18px; color:#be0f34; font-weight:bold; padding-bottom:20px;}
#colonnaDx h4{font-size:14px; color:#58585a; font-weight:bold; padding-bottom:20px;}
#colonnaDx h5{font-size:14px; color:#fff; padding-bottom:20px;}

#altri_contenuti{width:950px; height:auto; margin-bottom:52px; font-family:Arial, Helvetica, sans-serif; color:#58585a;}
#altri_contenuti p{font-size:12px; padding-top:20px; line-height:18px;}
#altri_contenuti img{margin-bottom:20px;}
#altri_contenuti .titolo{font-size:14px; font-weight:bold; color:#be0f34;}
#altri_contenuti h1{font-weight:bold; font-size:18px; letter-spacing:normal; color:#be0f34; line-height:normal; margin-bottom:18px;}
#altri_contenuti ul{font-size:12px; list-style-type:disc; margin-left:15px;}
#altri_contenuti ul li{line-height:16px; text-align:left; font-size:10px;}
#altri_contenuti .box01{width:303px; margin-right:20px; float:left; text-align:justify;}
#altri_contenuti .box02{width:303px; margin-left:1px; float:left; text-align:justify;}

#menu_portfolio{width:950px; border-bottom:1px solid #e3e0db; padding-bottom:20px; margin-bottom:52px; font-size:12px; font-weight:bold; color:#FFF; text-align:center;}
#menu_portfolio a{padding:9px 6px; background:#58585a; color:#FFF; text-decoration:none; margin-right:13px; line-height:30px; height:30px;}
#menu_portfolio a:hover, #menu_portfolio a.active{background:#be0f34; color:#FFF;}
#menu_portfolio.left{text-align:left !important;}

#breadcrumb{width:950px; height:58px; border-top:1px solid #e3e0db; border-bottom:1px solid #e3e0db; font-size:18px; font-weight:bold; color:#FFF; line-height:58px;}
#breadcrumb .path{width:920px; float:left;}
#breadcrumb .dividi{float:right; width:30px; text-align:center;}

#bottom{position:absolute; bottom:0; left:50%; margin-left:-475px; height:382px; width:950px; z-index:999; font-size:12px; color:#87888a; line-height:16px;}
#bottomSfumo{position:absolute; bottom:0; left:0; height:382px; width:100%; background-image:url(images/struttura/bg-body.gif); background-repeat:repeat-x; background-position:left top; z-index:990;}
#bottom_sopra{height:280px; padding-top:30px; padding-bottom:30px;}
#bottom_sotto{height:42px; background:#000;}

/*CLASSI*/
.clr{clear:both; line-height:0; font-size:0; height:0;}
#testata div.top{display:block; height:52px; padding-bottom:52px; margin-bottom:52px; border-bottom:1px solid #e3e0db;}
#colonnaDx.unica{width:950px; margin-left:0;}
#colonnaDx iframe.maps{float:left;}
#colonnaDx img.destra{float:left; margin-right:0; margin-bottom:20px;}
#colonnaDx div.box01{background:#be0f34; padding:20px; float:left; width:280px; height:360px; margin-bottom:20px; position:relative;}
#colonnaDx div.box01.neutro{background:#998f86;}
#colonnaDx div.box01 h2{border-top:none; font-size:30px; line-height:30px; color:#fff; font-weight:bold; padding-bottom:20px; letter-spacing:-1px;}
#colonnaDx div.box01 p{color:#FFF; padding-bottom:0; font-size:12px; line-height:12px;}
#colonnaDx div.immagine_quadrato{float:left; height:220px; width:305px; background:#be0f34; padding:20px;}
#colonnaDx div.immagine_quadrato p{color:#fff;}
#colonnaDx div.pulsModulo{background:#00d0ff; padding:10px; height:88px;}
#colonnaDx div.pulsModulo.generico{background:#b7b3ac;}
#colonnaDx div.pulsModulo img{float:right; margin:0;}
#colonnaDx div.pulsModulo p{float:left; padding:10px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:18px; width:340px;}
#bottom_sopra .titolo_bottom{color:#fff; font-size:18px; margin-bottom:25px; font-weight:bold;}
#bottom_sopra .col_01, #bottom_sopra .col_02, #bottom_sopra .col_03{float:left; width:249px; border-right:1px solid #3a3a3a; height:280px;}
#bottom_sopra .col_01 strong, #bottom_sopra .col_02 strong, #bottom_sopra .col_03 strong{color:#d7d2cb;}
#bottom_sopra .col_02{padding-left:30px;}
#bottom_sopra .col_03{width:390px !important; padding-left:30px; border-right:0;}
#bottom_sopra .col_03 p.serviziSx{float:left; margin-right:25px;}
#bottom_sopra .col_03 p.serviziDx{float:left;}
#colonnaDx p a.button_servizi{padding:9px 6px; background:#be0f34; color:#FFF; text-decoration:none; display:block; font-weight:bold; float:right;}
#colonnaDx p a.button_servizi:hover, #colonnaDx p a.button_servizi.active{background:#58585a; color:#FFF;}

/*LINK*/
#colonnaSx ul li a{display:block; border-bottom:1px solid #e3e0db; height:auto !important; height:10px; color:#58585a; padding:5px 0 5px 10px; background:url(images/struttura/freccia_black.gif) no-repeat 0 10px;}
#colonnaSx ul li a:hover, #colonnaSx ul li a#selected{text-decoration:none; color:#be0f34; background:url(images/struttura/freccia_red.gif) no-repeat 2px 10px; font-weight:bold;}
#colonnaDx div.box01 p a{color:#fff; background:none; padding:0;}
#colonnaDx div.box01 p a.button{position:absolute; bottom:20px; right:20px; padding:9px 6px; background:#58585a; color:#FFF; font-weight:bold; text-decoration:none; display:block;}
#colonnaDx div.box01 p a.button:hover{background:#be0f34;}
#breadcrumb a{text-decoration:underline; color:#FFF; font-weight:normal;}
#breadcrumb a:hover{text-decoration:none;}
#breadcrumb .dividi a{display:block; background:url(images/struttura/freccia_black_top.gif) no-repeat center 10px; height:58px; width:30px; color:#58585a; text-decoration:none;}
#breadcrumb .dividi a:hover{background-image:url(images/struttura/freccia_red_top.gif); color:#be0f34;}
#bottom a{color:#959595;}
#bottom a:hover{color:#FFF;}

/*menu default*/
#menu ul li a{height:23px; padding:29px 6px 0 6px; display:block; color:#58585a;}
#menu ul li a.home{width:32px;}
#menu ul li a.about{width:32px;}
#menu ul li a.portfolio{width:47px;}
#menu ul li a.servizi{width:37px;}
#menu ul li a.job{}
#menu ul li a.contatti{width:43px;}

/*menu hover*/
#menu ul li a.home:hover, #menu ul li a.homeAttivo{width:32px; color:#FFFFFF; text-decoration:none; background:#be0f34;}
#menu ul li a.about:hover, #menu ul li a.aboutAttivo{width:32px; color:#FFFFFF; text-decoration:none; background:#be0f34;}
#menu ul li a.portfolio:hover, #menu ul li a.portfolioAttivo{width:47px; color:#FFFFFF; text-decoration:none; background:#be0f34;}
#menu ul li a.servizi:hover, #menu ul li a.serviziAttivo{width:37px; color:#FFFFFF; text-decoration:none; background:#be0f34;}
#menu ul li a.job:hover, #menu ul li a.jobAttivo{color:#FFFFFF; text-decoration:none; background:#be0f34;}
#menu ul li a.contatti:hover, #menu ul li a.contattiAttivo{width:43px; color:#FFFFFF; text-decoration:none; background:#be0f34;}

/*box portfolio*/
.boxElemento{position:relative;	width: 630px; height:400px; overflow:hidden; float:left; margin-bottom:20px;}
.bordato{background:transparent; display:block; width:630px; height:400px; position:absolute; top:0; right:0;}
.hoverLayer{position:absolute; top:0; left:0; display:none; width:630px; height:400px;}
.pulsanti{position:absolute; top:50%; left:50%; width:160px; height:50px; margin-left:-80px; margin-top:-25px; display:none; text-align:center;}
.pulsanti a{background:#000; color:#fff; display:block; font-size:18px; text-align:center; height:50px; line-height:50px; text-decoration:none;}
.pulsanti a:hover{background:#be0f34;}

/*FORM CONTATTI*/
#moduloinfo div{}
#moduloinfo .formLeft{float:left; width:295px; margin-right:20px;}
#moduloinfo .formCenter{float:left; width:295px; margin-right:20px;}
#moduloinfo .formRight{float:right; width:320px;}
#moduloinfo .selezionato{border:1px solid #000; background:#000; color:#fff;}
#moduloinfo label{font-size:12px; line-height:12px; display:block;}
#moduloinfo label.obbligatorio span{color:#be0f34;}
#moduloinfo input, #moduloinfo textarea{border:1px solid #aeaeae; width:285px; padding:4px; color:#000; font-weight:bold; font-size:18px; background:#fff; margin-bottom:10px; margin-top:2px; height:22px;}
#moduloinfo textarea{height:134px;}
#moduloinfo input.submit{width:295px; background:#be0f34; color:#FFF; border:1px solid #be0f34; padding:4px; cursor:pointer; font-size:18px; font-weight:bold; height:auto;}
#moduloinfo .privacy{color:#fff; padding-top:10px;}
p.errore{font-size:18px !important; color:#fff !important; background:#be0f34 !important; padding:8px !important; margin:auto; margin-top:50px !important; font-weight:normal !important; width:850px;}
.moduloStandard{width:933px !important;}
.errore a{color:#FFF;}
.titoloErr{font-size:20px; color:#be0f34;}
.sottotitoloErr{font-size:14px; color:#777; margin-bottom:10px; display:block; font-weight: bold;}

/*LANDING PAGES*/
#landingContent{width:950px; color:#58585a; margin-bottom:32px;}
#landingContent h1{font-size:18px; line-height:18px; color:#be0f34; font-weight:bold; padding-bottom:20px; letter-spacing:0;}
#landingContent div.landingBox{padding:20px; margin-bottom:20px; width:910px; height:360px; position:relative;}
#landingContent div.landingBox p.landingTesto{color:#FFF; font-size:14px; line-height:auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:50px; padding:20px 20px 0 20px;}
#landingContent div.landingBox h2{font-size:14px; line-height:auto; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; padding: 0 20px; font-weight:bold;}
#landingContent div.landingBox h2 a{text-decoration:underline;}
#landingContent div.landingBox h2 a:hover{color:#fff; text-decoration:none;}
#landingContent div.landingBox div.landingButton{width:908px; height:138px; position:absolute; bottom:20px;}
#landingContent div.landingBox div.landingButton p.privacy{font-size:11px; width:440px; text-align:justify; height:65px; margin:35px 20px; float:left;}
#landingContent div.landingBox div.landingButton a img{float:right; margin-top:19px; margin-right:15px;}
#landingContent div.landingBox div.formLeft{ margin-left:20px; width:420px;}
#landingContent div.landingBox input{ width:410px;}
#landingContent div.landingBox div.formRight{ margin-right:20px; width:420px;}
/* web2lead */
.web2lead{background:url(images/landing/bg_web2lead.jpg) right no-repeat #00bfec;}
.web2lead h2, .web2lead h2 a{color:#01719b;}
.web2lead p.privacy{color:#99e5f7;}
.web2lead div.landingButton{border:1px solid #40cff1;}
/* bandocrm */
.bandocrm{background:url(images/landing/bg_bandocrm.jpg) right no-repeat #451636;}
.bandocrm h2, .bandocrm h2 a{color:#ff00c9;}
.bandocrm p.privacy{color:#b5a2af;}
.bandocrm div.landingButton{border:1px solid #b5a2af;}
/* pec */
.pec{background:url(images/landing/bg_pec.jpg) right no-repeat #6D9C70;}
.pec .landingTesto{margin-bottom:0 !important;}
.pec h2{padding-bottom:16px !important;}
.pec .formRight{margin-right:18px !important;}
.pec h2, .pec h2 a{color:#D1FA49;}
.pec p.privacy{color:#d2dfc8;}
.pec div.landingButton{border:1px solid #d2dfc8;}
.pec label{color:#c3f729; float:left;}
.pec label input{color:#d2dfc8;}
.pec label input.accountNuovo{width:169px !important;}
.pec .obbligatorio span{color:#c3f729 !important;}
.pec .nomiDominio{color:#fff !important; font-size:18px; font-weight:bold; margin:3px 3px 0; line-height:52px; height:52px; display:block; float:left;}
.pec label textarea{height:78px !important; width:410px !important;}
.faqPec{margin-top:20px; width:950px;}
.faqPec ol{margin-bottom:20px; font-size:12px; margin-left:22px;}
.risposta ul li{font-size:12px !important; padding-bottom:3px;}
.faqPec ol li{padding-top:5px;}
.faqPec .risposta{width:950px; border-bottom:1px solid #E3E0DB; padding:20px 0;}
.faqPec .risposta.ultimo{border:none;}
.faqPec .risposta p{padding:0 !important;}
#landingContent div.landingBox input.inputSubmit{ width:404px; height:104px; border:0; margin:0; padding:0; background:none; margin:20px 20px 0 0; float:right;}
.pec p.privacy{padding:0 !important;}

/*IMAGE ROTATOR*/
.folio_block {position: relative; border-bottom:1px solid #e3e0db; margin-bottom:52px;}
.folio_block p{ margin-bottom:23px; color:#be0f34; font-weight:bold; font-size:18px;}

/*--Main Container--*/
.main_view {position: relative; text-align:center;}

/*--Window/Masking Styles--*/
.window {height:400px;	width: 950px; overflow: hidden; position: relative;}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging { margin:auto; margin-top:21px; margin-bottom:22px; height:9px;	line-height: 9px; display: none; width:95px;}
.paging a { text-indent:-9000px; width:9px; height:9px; float:left; margin-right:8px; background:url(images/home/rotator/link.gif) no-repeat top left; outline:none;}
.paging a.ultimo{ margin-right:0;}
.paging a.active, .paging a:hover { background-image:url(images/home/rotator/linkHover.gif);}