@import url('Layout.css');
/********* GLOBALS *********/

* {margin:0;padding:0}
body{ font-family:Arial; color:#6e6e6e; padding-bottom:40px;}
#wrap{ width:990px; margin:0 auto; padding-top:20px;position:relative;}
.center {text-align:center;}

/* Header */
#header .siteLogo{ float:left; margin-bottom:60px;}
#header .slogan{ font-size:45px; float:right; padding:0px 15px 0 30px; border-left:1px solid #ccc;}
#header .languageMenu{ clear:both; text-align:right; display:none;}
#page{ width:990px;}

/* Menu Top Second e Three*/
.secondMenu, .menuMonth{ font-size:26px;clear:both; padding-left:366px; }
.topMenu {font-size:20px;clear:both;}
.topMenu { text-align:right; }
.topMenu li{ display:inline; margin-left:30px;text-align:right;}
.topMenu li:first-child, .menuMonth li:first-child{margin-left:0;}
.topMenu li:last-child {margin-right:0;}
.topMenu{border-bottom:3px solid #adb3bb;}
.secondMenu, .menuMonth{ font-size:18px; padding-top:10px; padding-bottom:10px;}
.secondMenu li{ border-left:1px solid #ccc; float:left; padding:0 20px; }
.menuMonth li{ width:100px; float:left;}
.secondMenu li:first-child{ padding-left:0; border:0;}
.portfolio .items .current{ border:1px solid #4fb8e5;}

/* Menu Bottom */
#bottomMenu{ background:#6e6e6e; padding:20px 20px; margin-top:40px; clear:both;}
#bottomMenu a{color:#fff;}
#bottomMenu a:hover{color:#4fb8e5;}
#bottomMenu #m2 > li{ display:block; float:left; width:90px; margin-left:25px; font-size:20px;}
#bottomMenu #m2 > li:first-child{ margin:0;}
#bottomMenu #m2 ul li{ font-size:14px; line-height:17px;}
#bottomMenu #m2 ul ul{ display:none;}

/* Footer*/
#footer{ font-size:12px;}
#footer { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:8px;}
#footer p{ padding:10px 0;}

/* Content */
h1{ font-size:28px; margin-bottom:10px;}
#content{margin-top:40px;}
#main .main, object{margin-bottom:80px;}
#main .ImgHeader{ border:1px solid #ccc;margin-bottom:40px;}
.contentText p, .PortfolioContent p {text-align:justify;}

/* Link */
a:link {color:#6e6e6e; text-decoration:none;}      /* unvisited link */
a:visited {color:#6e6e6e; text-decoration:none;}  /* visited link */
a:hover {color:#4fb8e5; text-decoration:none;}  /* mouse over link */
a:active, .current a, .current span{color:#4fb8e5; text-decoration:none;}  /* selected link */
.current span{ font-weight:bold;}
#main a{ text-decoration:underline;}

/* Column */
.columns{ border:1px solid #ccc; margin-bottom:40px;}
.columns .box h2{ font-size:30px; margin-bottom:10px; color:#6e6e6e}
/*.columns {text-align:justify}*/
.columns ul { padding:0 0 10px 20px;}
.columns a:link, .columns p a:link {text-decoration:underline;}
.columns p {padding-bottom:10px;}

.cf .left .box,.cf .right .box{ width:494px; float:left;height:392px;}
.cf .left .box p,.cf .right .box p{font-size:14px;/* line-height:17px;*/}
.cf .left .box{ border-right:1px solid #ccc;}
.cf .box h2{ padding-left:18px;}

/* Articoli & News & Portfolio*/
.articoli, .newsList .item, .sidelist .item, .formContatti, .newsDettails, .PortfolioSoftware, .TeamView, .hosting{ margin-bottom:10px;}
.contentText, .newsList .item, .PortfolioContent, .HostingContent{ width:730px; padding-top:4px; padding-left:25px; border-left:1px solid #ccc;}
.contentText p, .contentText table { margin-bottom:10px;}
.contentText ul li{ list-style-type:disc; list-style-position:outside;}
.contentText ul {margin-left:15px;}
.sidelist{ width:478px; padding-left:25px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.articoli{ clear:left; position:relative;}
.left h1 {color:#52b9e7;}
.left .grey {color:#6e6e6e;}

/* Portfolio*/
.contentText p,.contentText ul, .newsList p, .sidelist p, .PortfolioContent p, .PortfolioContent li, table td, .clienti h3{font-size:14px; line-height:17px;}
.PortfolioContent .preview li{ display:inline;}
.PortfolioContent ul {padding:10px 0 10px 25px;}
.PortfolioContent ul li{ list-style-type:disc; list-style-position:outside;}
.contentText p, .newsList p, .PortfolioContent p, .contentText ul { padding:10px;}
.PortfolioContent ul{ padding-bottom:10px;}
.PortfolioWeb .ImgHeader{ width:100%; text-align:center; border:1px solid #ccc; margin-bottom:40px;}

/* News */
.newsList .date, .sidelist .date, #tabs .date, .contentText .date{ padding-top:5px;}
.sidelist .item p {padding:5px 0;}
.newsList h2 {color:#6e6e6e;}
.introNews{ margin-bottom:40px;}
.introNews .hidden{ display:none;}
.introNews .sidelist .item a{ color:#4fb8e5;}
.introNews .sidelist{ border:1px solid #ccc; width:620px; padding:10px;}
.introNews .preview{ float:left; width:100px; height:33px; margin-right:20px;}
.introNews .preview img{width:100px; height:33px;}

/* Staff */
/*.staffContainer {margin-bottom:20px; padding-top:6px;}*/
/*.staff .name{ font-variant:small-caps; font-size:18px;}*/
/*.staff{ position:static; margin-top:-30px}*/
.staff td {padding-bottom:10px;}
.staff table {margin-top:20px;}

/* PortfolioWeb */
.PortfolioWeb {clear:both;}
.PortfolioWeb .PortfolioContent{ margin-left:230px; }
.PortfolioWeb #main_image{margin-bottom:100px;}
.PortfolioWeb .gallery{ padding:0; margin:0;}
.PortfolioWeb .gallery li{display:none;} /*this class is removed after image is loaded*/
.PortfolioWeb .galleria li{margin-left: 18px; display:block; float:left; width:30%; height:30%;}
.PortfolioWeb .gallery li:first-child{margin:0;}
.PortfolioWeb .PreviewWeb{ width:400px; float:left;}
.PortfolioWeb .descrizione{ margin-left:420px;}
.PortfolioWeb .left h1 {color:#6e6e6e;}

/*PortfolioMobile*/
.PortfolioMobile{ clear:both;}
.PortfolioMoblie .PortfolioContent{width:340px; float:left; }
.PortfolioMobile .PortfolioContent p{ text-align:justify;}
.PortfolioMobile .preview{ float:right;}
.PortfolioMobile .device{margin:10px; line-height:17px;}
.PortfolioMobile .mobileStore{ padding:10px;}
.video{margin-left:230px; margin-top:40px;}
.PortfolioMoblie .left h1 {color:#6e6e6e;}
/*.phoneList {width:100%; padding-top:-20px; text-align:center;}
.phoneList li { display:inline-table; padding-right:20px; }
*/
.phoneList {width:100%; padding-top:-20px; text-align:center;}
.phoneList li { display:table-cell; padding-right:20px; text-align:center; float:left;}
           
/*PortfolioSoftware*/
.PortfolioSoftware{ clear:both;}
.PortfolioSoftware .left{ float:left;}
.PortfolioSoftware .PortfolioContent{ margin-left:230px;}
.PortfolioSoftware .left h1 {color:#6e6e6e;}

/* Hosting */
.field-validation-error{ color:#00f;}
#pacchetto, #statodominio, #NomeDominio, #estensione, #Azienda, #Indirizzo, #Cap, #Localita, #titolo, #Nome, #Cognome, #Telefono, #Email, #ContactName, #Surname, #Company, #JobTitle{ width:300px;}
.hosting {margin-bottom: 40px;}
.contentText table { margin-left: 10px;}
.formContatti .contentText form{padding-top:10px;}

/* flaot left*/
.left{width:230px;}
.contentText,.left, .newsList,.left, .sidelist{ float:left; }
.item img{ margin-right:10px; }

/* float right */
.cf .right .box, .right{float:right;}

/* general text */
strong{ font-weight:bold;}
.clear{ clear:both;}
.clienti tr{ height:40px;}
h2{ font-size:18px; color:#6e6e6e; padding-top:7px;} /*52b9e7*/

/* Login */
.login{ position:absolute; right:340px; height:120px; }
.login, .login .inside{border:1px solid #12b3ad;background:#1ad7cf;}
.login .inside{ height:108px;}
.login label{ text-align:right; width:110px; float:left; margin-right:10px; }
.login .tb{ width:160px;}
.login .ff{ margin-bottom:5px;}
.login .bf{ float:right;}
.login .validation{ clear:both;}
.login .remember{ margin:10px 0;} 
.login .remember .tc{ float:left;}

/* Assistenza, NewsLetter, Login, Twitter, Feedback */
.subscription .inside, .login .inside, .assist .inside, .twitter .inside, .feedback .inside{ border:1px solid #fff; padding:5px;}
.subscription h1, .login h1, .assist h1, .twitter h1, .feedback h1{ font-weight:bold; font-size:18px; margin-bottom:10px;}
.subscription,.login, .assist, .twitter, .feedback{ width:300px; color:#fff; padding:2px; margin-left:33px;font-size:12px; min-height:70px; margin-bottom:10px;}
.subscription .inside,.login .inside, .assist .inside, .twitter .inside, .feedback .inside{min-height:62px}

/* Newsletter */
.subscription{ float:right; margin-right:340px; margin-top:46px;}
.subscription, subscription .inside{border:1px solid #eb442d;background:#ed604d; }
.subscription label{width:40px;float:left; margin-right:10px;}
.subscription #Email{float:left; margin-right:10px; width:165px;}
.subscription input[type=submit]{ float:right;}
.subscription a {color:#fff;}

/* Contatti */
.formContatti .contentText textarea,.formContatti .contentText input[type=text]{ width:320px;}

/* Assistenza */
.assist, .assit .inside{border:1px solid #2793b7;background:#64bddb; margin:0;}
.assist{ margin-bottom:10px;}
.assist .inside a, .login a{ color:#fff;}
.assist table{ width:100%;}

/* Twitter */
.twitter{ height:120px;}
.twitter, .twitter .inside{border:1px solid #8ec1da;background:#c0deed;margin:0;}
.twitter .inside{ background:#fff;border:1px solid #a6cfe3; color:#6e6e6e; height:108px;}
.twitter .news{ margin-top:10px;}
.twitter a{ color:#4fb8e5;}
.twitter .date{ font-size:10px; float:right;}

/* Feedback */
.feedback{position:absolute; right:0; height:210px; width:296px;}
.feedback, subscription .inside{border:1px solid #c95a01;background:#d37933; }
.feedback .inside{ position:relative; height:198px;}
.feedback h1{ float:left;}
.feedback fieldset{ clear:left;}
.feedback .radio{ position:absolute; right:0; top:10px;}
.feedback .radio input{ margin:0 10px;}
.feedback .myInput{clear:both; display:block;}
.feedback .myInput label{ text-align:right; width:110px; float:left; margin-right:10px; }
.feedback .myInput input[type=text]{ width:155px;}
.feedback .myInput input[type=submit]{ float:right; margin-top:5px;}
.feedback .myInput .ff{ margin-bottom:5px;}
.feedback #Body{ height:75px; overflow:hidden; width:155px; }
.right{ float:right;}

/*Partners*/
.partners {/*margin-bottom:40px;*/ margin-left:700px;}
.partners { border:1px solid #fff; width:285px; padding:10px;}
.partners  table {width:100%;}
.partners  td {text-align:center;}

/*TeamView*/
.SubHome { padding-bottom:200px;}
.SubHome table {width: 300px; }
.SubHome ul {padding:10px 0 10px 25px;}
.SubHome ul li{ list-style-type:disc; list-style-position:outside;}

/*Clienti*/
.ClientiContainer ul li{ display:inline-table; vertical-align:middle; height:40px;margin:5px;}
.ClientiContainer ul li a img{ margin-bottom:10px;margin:5px;}
.ClientiContainer .nomeCliente{ font-size:20px; display:table-cell; vertical-align:middle;margin:5px;}

/*Newsletter*/
.nltemplate{ width:620px; margin: 0 auto;  padding:10px;}
.nltemplate .menu{ padding:30px 0 5px 0; border-bottom:2px solid #ccc; margin-bottom:20px;}
.nltemplate .menu li{ display:inline; font-size:18px; margin-left:30px;}
.nltemplate .menu li:first-child{margin:0;}
.nltemplate .cols1{ float:left; width:400px; font-size:12px;}
.nltemplate #footer{padding:10px 0;}

/*youtube*/
.youtube {margin-bottom:-20px;}

/*ordinazione*/
.ordinazione td {vertical-align:top; padding-bottom:5px;}
.ordinazione p{margin:0;padding:0;}