@font-face {font-family: 'Open Sans Semibold';
  src: url('OpenSans-Semibold.eot'); /* per IE 5-8 */
  src: local('?'), /* direttiva local per IE */
  url('OpenSans-Semibold.woff') format('woff'),    /* Firefox 3.6+, Chrome 5.0+, IE 9.0+ */
  url('OpenSans-Semibold.ttf') format('truetype'); /* Opera, Safari */
}

@font-face {font-family: 'Susanna';
  src: url('susanna.eot'); /* per IE 5-8 */
  src: local('?'), /* direttiva local per IE */
  url('susanna.woff') format('woff'),    /* Firefox 3.6+, Chrome 5.0+, IE 9.0+ */
  url('susanna.ttf') format('truetype'); /* Opera, Safari */
}

@font-face {font-family: 'Susanna';
  src: url('susanna-bold.eot'); /* per IE 5-8 */
  src: local('?'), /* direttiva local per IE */
  url('susanna-bold.woff') format('woff'),    /* Firefox 3.6+, Chrome 5.0+, IE 9.0+ */
  url('susanna-bold.ttf') format('truetype'); /* Opera, Safari */
  font-weight: bold;
}

div#gmaps-canvas {
	float: left;
    width:290px;	
    height:250px;
	margin: 2px 15px 8px 0;
}

a{font-family:Open Sans Semibold; font-size:18px; text-decoration:none; }

body { margin:0px auto; width:1px; min-width: 100%; *width:100%; font-family:Susanna; background-color:#fff; }

header {}

header .barralogin {background-color:#000; width:100%; margin:0; padding:7px 0 12px 0;}
header .barralogincenter {display:table; width:88%; max-width:1000px; padding:0 0 0 20px; margin:0 auto; background-color:#000;}
.barraloginsinistra {display:table-cell; vertical-align:top; width:auto; padding:0; margin:0 0 0 10px; background-color:#000;}
.barralogindestra {display:table-cell; vertical-align:bottom; float:right; margin: 8px 10px 0 30px; text-align:right;}
.barralogindestra>div, .barralogindestra form>div {margin:0 0 0 10px; font-size: 15px; float:left;}
.barralogindestra #submit2 {display:none;}
.barralogindestra a {text-decoration:none; font-size: 13px; color:#fcff00;}
header .barralogincenter input, header #finestra_richiesta_login input {outline:0; height:24px; line-height:24px; box-shadow:1px 1px 2px #000000; border-radius:12px; font-size: 16px; color: #000000; padding:0 12px; text-align: center; font-family: 'Open Sans Semibold';}
header #finestra_richiesta_login input {text-align:left; margin:0; color: #717171;}
header .barralogincenter input[type=text], header .barralogincenter input[type=password] {width:120px; font-size: 14px; text-align: left; color: #717171;}
header .barralogincenter input[type=submit], header #finestra_richiesta_login input[type=submit] {width:80px; background-color:#ffe65c; cursor:pointer}
header .barralogincenter input[type=button], header #finestra_richiesta_login input[type=button] {width:115px; background-color:#ffd800; cursor:pointer}
header #finestra_richiesta_login div {width:86%; margin:0; padding:6px 7%}
header #finestra_richiesta_login input[type=text], header #finestra_richiesta_login input[type=password] {width:90%; padding:0 5%; font-size:12px;}
header #finestra_richiesta_login input[type=submit], header #finestra_richiesta_login input[type=button] {width:70px; margin-top:7px; font-size:12px; color:#333333; text-align:center}
header #finestra_richiesta_login input[type=submit] {margin-left:8px;}
header .barralogincenter div.ricorda_password {display:table; float:right; width:100%; margin-top:5px; font-family: 'Open Sans Semibold'; font-size:13px;}
header .barralogincenter div.ricorda_password>div:first-child {color: #ffd800; padding-top:1px}
header .barralogincenter div.ricorda_password>div {display:table-cell; padding:0 0 0 8px; text-align:left; vertical-align:top; color:#FCFF00}
header .barralogincenter div.ricorda_password>div:last-child {text-align:right}

header .barramenu {display:table; width:88%; max-width:1000px; margin:0 auto;}
.barramenusinistra {display:table-cell; max-width:290px; float:left; text-align: center; background-color: #FFFFFF; border-radius:12px;}
.barramenusinistra img { width:270px; height:200px; z-index:1000; margin: -64px 0 -5px 0;}
.barramenudestra {display:table-cell; float:right;}

.menugiallo, .menugiallohover1 {float:left; text-align:center; margin:46px 2px 0 22px;}
.menugiallo a, .menugiallohover1 a {text-decoration:none; padding-bottom:8px; font-size: 18px; color: #777777; font-family:'Open Sans Semibold'; height:30px; display:block; float:left; }
.menugiallo a:hover, .menugiallohover1 a {border-bottom:solid 8px #fcff00; padding-bottom:0; text-decoration:none; color:#000000; }

.menugiallo1, .menugiallohover11 {float:left; text-align:center; margin:34px 0 0 25px;}
.menugiallo1 a, .menugiallohover11 a {text-decoration:none; font-size: 18px; padding:5px 10px; border-radius:5px; color: #fff; background-color:#000; font-family:'Open Sans Semibold'; display:block; float:left; }
.menugiallo1 a:hover, .menugiallohover11 a {background-color:#fcff00; color:#000; }

.slides { background-color: #ffd800; }
.slide div { max-width:1302px; margin: 0 auto; background-color: #ffd800; background-repeat: no-repeat; background-size:cover; background-position: center;}
.servizihome {width:98%; max-width:1000px; font-family: 'Open Sans Semibold'; margin:65px auto; text-align:center;}
.servizihome img {margin:25px auto; }
.servizihome>div {display:table; clear:both; width:90%; margin:0 5%;}
.servizihome>div>div {display:table-cell; vertical-align:top; text-align:center;}
.servizihome h1{width:100%; text-align:center; font-size:40px; padding-top:20px; color:#000; }

.servizihome i {text-align:center;  font-size:21px; color:#3ca4e6;}
.servizihome .pxel{width:200px; height:1px; background-color:#e1e1e1; margin:0 auto; }
.servizihome .content {border-top: 1px solid #e1e1e1; padding:10px 30px; text-align:center; line-height:22px; font-size:14px; color:#808080;}
.servizihome .content b {text-align:center;  font-size:19px; color:#000;}

.servizihome .design, .servizihome .development, .servizihome .printing {font-family:'Open Sans Semibold'; width:25%; margin:10px 0 0 0; border:1px solid #e1e1e1;}
.design .content i{ text-align:left;  line-height:42px; font-size:20px; color:#e153f2;}
.development .content i{text-align:left;  line-height:42px; font-size:20px; color:#5fbc2c;}
.printing .content i{text-align:left;  line-height:42px; font-size:20px; color:#e2cf2e;}

.servizihome .freccia{width:50px; margin:0 15px; background:url(../img/freccia.jpg); background-position:center center; background-repeat:no-repeat;}

table.righealterne  tr.alterna td{border: 1px dotted #ced9d8; width:650px; height:20px;float:left; padding:10px 15px; text-align: left; color: #616161; background-color: #fff; border-radius:8px;} 
table.righealterne  tr.ccc td{border: 1px dotted #ced9d8; width:650px; height:20px; float:left; padding:10px 15px; text-align: left; color: #616161; background-color: #eaeaea; border-radius:8px;} 

.infolavorihome {width:100%; margin:0 auto; padding: 50px 0 5px 0; text-align:center; font-family: 'Open Sans Semibold';  font-size:65px; color:#00446f;}
.infolavorihome h1{font-size:49px; line-height:80px; color:#ffd800; }
.infolavorihome .progcompl{width:auto; max-width:1000px; margin:0; border:1px solid #e1e1e1; padding: 0 30px 15px 30px; text-align:center;}
.infolavorihome .progcompl img{width:100px; height:100px; margin: -2px 10px 0 10px}

.footer {width:96%; background-color:#000; color:#fff; font-family:Susanna; text-align:center; font-size:16px; line-height:25px; float:left; padding:15px 2%; margin:20px 0 0 0;}
.footer a, .footer span.tel {text-decoration:none; font-family:Susanna; display:inline-block; color:#ffd800; font-size:16px; font-weight:normal; line-height:25px;}
.footer a:hover, .footer span.tel:hover {color:#ffd800; }

.sfumatura{z-index:-1; margin:-50px 0; width: 100%; background:url(../img/sfumatura.jpg); background-repeat:repeat-x;}

.centro { width:88%; max-width:1000px; margin:0 auto; text-align:justify; padding:60px 0; font-size:18px; line-height:24px; min-height:270px;}
.centro h1 { font-size: 1.2em; }
.centro>h1 { width: 95%; font-size:28px; margin: 0 0 10px 0; }
.centro h2 { font-size:22px; margin: 18px 0 15px 0; }
.centro>img { float:left; margin: 2px 25px 20px 0; width:270px; height:300px; }
.centro .banner>img { float:left; margin: 25px 0 0 8px ; width:270px; height:600px; }
.centro input[type=text] { width:250px; padding:0 10px; margin:10px 0 0 0; height:33px; border-radius:10px; background-color:#f2f2f2; font-size: 16px; text-align: left; color: #bbbbbb;}
.centro input[type=submit] { width:150px; padding:0 10px 3px 10px; margin:20px auto; height:50px; border-radius:10px; font-family:Open Sans Semibold; background-color:#000; font-size:24px; text-align:center; color: #ffd800;}
.centro .coupon>div { display:table-cell; width:50%; vertical-align:top; margin:0; padding:0 15px; border-right:1px solid #b8b8b8; }
.centro .coupon select { width:98%; margin:5px 0; padding:6px 1%; border-radius:10px; background-color:#f2f2f2; font-size: 1em; text-align: left; color: #bbbbbb; }
.centro .coupon h1 { width:98%; margin:5px 0; padding:6px 1%; text-align: center; background-color:#EEEEEE; }

.shop { margin-top:18px; border: 1px solid #ececec; padding: 20px 10px 10px 10px }
.shop h1 { display:block; font-size:28px; margin: 0 0 15px 0; }
.shop>img { float:left; margin:-6px 10px 8px 2px; width:220px; height:285px; }
.shop>div { margin:50px 10px 10px 0; text-align:left}
.shop a.acquista { margin: 0; padding: 0 15px 2px 15px; border-radius:10px; text-align:center; line-height:50px; font-size:24px; color:#000; height:50px; background-color:#ffd800; }
	
.infolavorihome .clienti{width:268px; height:265px; margin:10px 40px 0 0; border:1px solid #e1e1e1; float:left;}
.infolavorihome .clienti img{text-align:center; margin:25px auto; }
.clienti .content b {font-family:Open Sans Semibold; text-align:left;  font-size:16px; color:#b36f6c;}

.infolavorihome .ore{width:268px; height:265px; margin:10px 40px 0 0; border:1px solid #e1e1e1; float:left;}
.infolavorihome .ore img{text-align:center; margin:25px auto; }
.ore .content b {font-family:Open Sans Semibold,Verdana,Arial,Georgia; text-align:left;  font-size:16px; color:#dc8b21;}

.infolavorihome .progcors{width:268px; height:265px; margin:10px 0 0 0; border:1px solid #e1e1e1; float:left;}
.infolavorihome .progcors img{text-align:center; margin:25px auto; }
.progcors .content b {font-family:Open Sans Semibold,Verdana,Arial,Georgia; text-align:left;  font-size:16px; color:#51d07e;}

.ultimilavorihome {width:1200px; margin:0 auto; text-align:center;}
.ultimilavorihome h1{font-family:Open Sans Semibold; text-align:center;  font-size:40px; line-height:70px; color:#3ca4e6; }
.ultimilavorihome i{font-family:Open Sans Semibold; text-align:center;  font-size:21px; color:#3ca4e6;}


#formTemplate { width:97%; max-width:1000px; margin:0; padding:0 1% 0 2%; }
#formTemplate h1 { font-size:32px; padding: 6px 0 0 0; text-align:left; }
#formTemplate .info, #e-commerce .info { background-color: #e1e1e1; width:96%; margin: 0 0 18px 0; padding: 5px 2%; border-radius:15px; }
#formTemplate .gruppo { width:96%; margin: 0 0 12px 0; clear:left; color:#777777; border-bottom: 1px solid #CCCCCC; font-style:italic; padding: 15px 2% 2px 2%; font-size: 1.2em; }
#formTemplate .gruppo:first-child { padding-top:0 }
#formTemplate, #formTemplate a { font-family:Susanna; font-size: 18px; }
#formTemplate .content, #formTemplate .privacy { width:690px; float:left; margin:10px 0; }
#formTemplate div.data_nascita { width:220px; padding:0; margin: 0 10px 15px 0; height:33px; float:left; }
#formTemplate input[type=text], #formTemplate input[type=password], #formTemplate select, #formTemplate .input { width:204px; padding:0 8px; margin: 0 10px 15px 0; height:33px; float:left; border-radius:10px; background-color:#f2f2f2; font-size: 16px; text-align: left; color: #bbbbbb; }
#formTemplate .input { line-height:33px; }
#formTemplate select { width:220px; }
#formTemplate input[type=file] { width:315px; padding:5px 10px; height:23px; border-radius:10px; background-color:#f2f2f2; font-size: 16px; text-align: left; color: #bbbbbb; }
#formTemplate input[type=submit], #formTemplate input[type=button] { width:auto; margin:0 10px 25px 20px; padding:8px 35px; float:right; border-radius:10px; font-family:Open Sans Semibold; background-color:#000; font-size: 26px; text-align: center; color: #ffd800; }
#formTemplate select[name=giorno_nascita], #formTemplate select[name=mese_nascita] { width:30%; margin: 0 3% 0 0;  padding:0 6px; }
#formTemplate select[name=anno_nascita] { width:34%; margin:0; padding:0 6px; }
#formTemplate input[name=codice_attivazione] { width:319px; }
#formTemplate select[name=tipo_iscrizione] { width:335px; }
#formTemplate input[type=checkbox] { width:20px; height:20px; color: #bbbbbb; }
#formTemplate .half-size { float:left; margin: 0; width:335px; }
#formTemplate .half-size:first-child { margin-right: 10px; }
#formTemplate .half-size select { width:100%; }
#formTemplate .privacy a {text-decoration:none; color: #777777; }
#formTemplate .privacy a:hover{ text-decoration:none; color:#000;}


.lavorihome {margin:0 auto; width:500px;}
.lavorihome a{font-family:Open Sans Semibold, Verdana,Arial,Georgia; font-size:18px; padding:5px 10px; margin:20px 5px; line-height:30px; text-decoration:none; display:block; color:#808080; float:left; }
.lavorihome a:hover{font-family:Open Sans Semibold, Verdana,Arial,Georgia; font-size:18px; background-color:#efa939; float:left; color:#fff;}
.lavorihome .active a {font-family:Open Sans Semibold, Verdana,Arial,Georgia; font-size:18px; background-color:#efa939; float:left; color:#fff;}

.clienti.reserved {width:249px; margin:0 10px; padding:0 10px 0 0; border-right:1px solid #DDDDDD; float:left; height:450px;}
.clienti.reserved>div {width:100%; font-size:20px; margin:5px 0; border-bottom:1px solid #DDDDDD; text-align:left;}
div.button {margin: 15px auto; border-radius:8px; text-align:center; padding:5px 15px; font-size:20px; color:#000; background-color:#ffd800;}
div.tavolo {position:relative; left:15px; width:700px; margin:10px 0; font-size:25px; text-align:center; overflow:hidden;}
div.tavolo>div {width:100%; height:100%; margin:0 auto;}
div.tavolo>div.questionmarks {height:340px; background:url(../img/tavolo.png); background-repeat: no-repeat; background-size: contain; background-position: center bottom;}
div.tavolo>div a{font-size:20px;}
div.tavolo div.bottom {padding:180px 0 10px 0;}
div.tavolo .posizione {width:100%; border-radius: 8px; background-color:#ffd800; text-align:center; color:#000; font-size:25px; float:left; margin:5px 0; padding:0; overflow:hidden;}
div.tavolo .id_account {width:98%; height:12px; margin:0 1%; text-align:left; font-size:12px; float:left;}
div.tavolo .nome_account {width:100%; padding:2px 0 4px 0; float:left; font-size:25px}
div.tavolo .messaggio {width:70%; margin: 10px auto; border-radius:10px; text-align:center; padding:5px 2%; font-size:25px; color:#000; background-color:#ffd800;}
div.tavolo2 {width:49%; height:auto; color:#fff; padding:0; float:left; margin:0 1% 0 0;}
div.tavolo2:nth-child(odd) {margin:0 0 0 1%;}
div.tavolo2 .id_account {width:96%; margin:0 2%;}
div.tavolo3 {width:49%; height:auto; color:#fff; padding:0; float:left; margin:0 1% 0 0;}
div.tavolo3:nth-child(odd) {margin:0 0 0 1%;}
div.tavolo3 .id_account {width:92%; margin:0 4%;}
div.tavolo4 {width:49%; height:auto; text-align:center; background:url(../img/iphone6.png); background-repeat: no-repeat; background-position: left top; background-size:contain; color:#fff; float:left; margin:10px 1% 0 0; padding:0}
div.tavolo4 .posizione {width:96%; border-radius:0; margin:69px 2%; color:#fff; background-color:#000;}
div.tavolo4 .nome_account .riga8 {font-size:0.6em;}
div.tavolo4:nth-child(odd) {margin:11px 0 0 1%;}
div.tavolo4 .id_account {width:84%; margin:0 8%;}
div.tavolo5 {text-align:center; float:left; width:100%; color:#fff; font-size:14px; overflow:hidden; margin:5px auto 0 auto; }
div.tavolo5 div {width:auto; margin:0 auto; padding:5px 0;}

div.tavolo_cli {width:558px; left:40px; font-size:22px;}
div.tavolo_cli>div {width:100%; height:100%; margin:0 auto;}
div.tavolo_cli>div.questionmarks {height: 313px; background:url(../img/tavolo.png); background-repeat: no-repeat; background-size: contain; background-position: center bottom;}
div.tavolo_cli div.bottom {padding:142px 0 5px 0;}
div.tavolo_cli .posizione {width:100%; border-radius: 8px; background-color:#ffd800; text-align:center; color:#000; font-size:25px; float:left; margin:5px 0; padding:0; overflow:hidden;}
div.tavolo_cli .id_account {width:98%; height:12px; margin:0 1%; text-align:left; font-size:12px; float:left;}
div.tavolo_cli .nome_account {width:100%; padding:2px 0 4px 0; float:left; font-size:25px}
div.tavolo_cli .messaggio {width:70%; margin: 10px auto; border-radius:10px; text-align:center; padding:5px 2%; font-size:25px; color:#000; background-color:#ffd800;}
div.tavolo_cli2 {width:49%; height:auto; color:#fff; padding:0; float:left; margin:0 1% 0 0;}
div.tavolo_cli2:nth-child(odd) {margin:0 0 0 1%;}
div.tavolo_cli2 .id_account {width:96%; margin:0 2%;}
div.tavolo_cli3 {width:49%; height:auto; color:#fff; padding:0; float:left; margin:0 1% 0 0;}
div.tavolo_cli3:nth-child(odd) {margin:0 0 0 1%;}
div.tavolo_cli3 .id_account {width:92%; margin:0 4%;}
div.tavolo_cli4 {width:49%; height:auto; text-align:center; background:url(../img/iphone6.png); background-repeat: no-repeat; background-position: left top; background-size:contain; color:#fff; float:left; margin:10px 1% 0 0; padding:0}
div.tavolo_cli4 .posizione {margin:48px 2%;}
div.tavolo_cli4 .nome_account .riga8 {font-size:0.5em;}
div.tavolo_cli4, div.tavolo_cli4:nth-child(odd) {margin-top:8px}
div.tavolo_cli4 .id_account {width:84%; margin:0 8%;}

	
	
	

.contentlavori{width:100%; float:left; background-color:#d5d5d5;}


.contentlavoricenter{margin:0 auto; width:1320px; }

.divlavoro{height:365px; width:330px; float:left; background-color:#fff;}