html {background-color: #EBE6E1;}
body { 
	font-family: Arial,Lucida Sans, sans-serif;
	color: #888;
	text-align: center;	
}
strong{color:#555;}
a{text-decoration: none;color: #0088A8;}
h1{text-shadow: 1px 1px 1px #333; float: left; width:100%; background-color: #0088A8;    color: #FFFFFF;    font-size: 1em;    margin: 0;    padding: 2px;}
#container {
    margin: 1em auto;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    text-align: left;
    width: 950px;
}

div.row{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

div.box{
    float: left;
    margin-right: 15px;
}
div#footer{float:left; width:100%; color: #888; font-size: 0.7em; text-align: center; margin-top:10px;}

div#slideshow{margin-right: 20px; width:310px; height: 188px;overflow: hidden;}

div#sx, div#dx {    float: left;    margin-top: 40px;    width: 10px;}
div#content { background-color: #FFFFFF; float: left; width: 900px; padding:10px;margin-bottom: 30px;}
div.topdescription p.breadcrumbs{margin:0; font-size: .8em;float: left; width:150px; }
div.topdescription p.languages{margin:0; font-size: .8em;float: right; width:150px; text-align: right;}
div.topdescription p.breadcrumbs a:link, p.breadcrumbs a:visited{text-decoration: none;}
div.topdescription p.breadcrumbs a:hover{color: #000;}
div.topdescription p.languages a{color: #0088A8; text-decoration: none; text-align: right;}
div.topdescription{float: left; width: 68%;}
div.topdescription p{ font-size: .9em; float: left; width:100%; text-align: justify;}
div#contattaci{background-color:#CCC; border: 1px solid #0088A8; width:100%; padding: 0;}
div#contattaci h1{font-size: .8em; padding: 1%; width:98%;}
div#contattaci form{ margin: 10px; float: left; width: 91%;}
div#contattaci form input, div#contattaci form textarea{font-family: Arial, sans-serif;border: 1px solid #0088A8;    font-size: 0.9em;    height: 25px; line-height: 25px;   margin-bottom: 5px;    width: 100%; color: #888;}
div#contattaci form textarea{ height: 52px; resize: none; }
button{ background-color: #0088A8;    border: 0 none;    color: #FFFFFF;    font-size: 0.8em;}
div#left { float: left;    width: 265px; margin-right: 20px;}
div#right{float: left; width:68%;}
div.box.facebook { border: 1px solid #163960; background-color: #163960; margin-top: 10px; width: 100%;}
div.box.lavoraconnoi { border: 1px solid #070; background-color: #070; color: #FFFFFF; margin-top: 0px; width: 100%; margin-bottom: 10px;}
div.box.facebook p, div.box.lavoraconnoi p{margin:10px; font-size: 0.9em;}
div.box.facebook p span, div.box.lavoraconnoi p span {
  display: block;
  font-size: 1.3em;
  text-shadow: 2px 2px 2px #000;
}
div.box.facebook p a:link, div.box.facebook p a:visited, div.box.facebook p:hover, div.box.lavoraconnoi p a:link, div.box.lavoraconnoi p a:visited, div.box.lavoraconnoi p:hover {text-decoration: none;color: #FFFFFF;} 
div.box.automazione, div.box.web, div.box.pmi, div.box.mobile {    border: 2px solid #0088A8;    height: 186px;    width: 290px; margin-right:10px; margin-bottom:10px; box-shadow: 3px 3px 5px #333;}
div#right  div.box.automazione p, div#right div.box.web p, div#right div.box.pmi p, div#right div.box.mobile p {    background-color: #0088A8;    bottom: 0;    color: #FFFFFF;    font-size: 0.9em;    margin-bottom: 0;    margin-top: 136px;   padding: 0.5em 0;    text-align: center;}
div#servizi{float: left; width:98%; background-color: #FFC30D; height: 90px; overflow: hidden;}
div#servizi ul{float: left; list-style: none; width: 50000px; padding:0;}
div#servizi p {
    color: #FFFFFF;
    font-size: 1.8em;
    text-shadow: 2px 2px 2px #000000;
    margin: 15px; 
        
}
div#servizi div.server p{font-size:1.4em;margin-top:20px;}
div#servizi div.seo p{font-size:1.6em;margin-top:0px;}
div#servizi ul li{padding: 0px; width:100%; float: left;text-align: center; width: 600px;}
div#servizi ul li div{float: left; margin-top:12px;}
div.box.automazione{background-image: url(../image/automazione-industriale.jpg); background-repeat: no-repeat; background-position: center center;}
div.box.web{background-image: url(../image/web.jpg); background-repeat: no-repeat; background-position: center center;}
div.box.pmi{background-image: url(../image/pmi.jpg); background-repeat: no-repeat; background-position: center center;}
div.box.mobile{background-image: url(../image/app-iphone-and-ipad.jpg); background-repeat: no-repeat; background-position: center center;}
div#right > div:first-child {min-height: 400px;}
div#right p img{float: left; margin-right: 10px;}
div#right p{width:100%; float:left; margin:0; margin-bottom:25px;}
div#right div#servizi p{margin:.65em 10px;}
textarea.error, input.error{border: 1px solid #AA0000 !important;}

div#responseerror, div#responsesuccess {
    float: left;
    height: 200px;
    margin: 6px;
}
div#responseerror{color: #700;}
div#responsesuccess{color: #070;}

.box.news {
  background-color: #fff;
  border: 1px solid #0088a8;
  float: left;
  overflow: hidden;
  width: 96%;
  margin-top: 10px;
  height: 108px !important;
}
#newsbox img {
  max-width: 90%;
}

#newsbox p {
  font-size: .9em;
  text-align: center;
  margin:0;
}
.newsitem.sinapse {
  height: 100%;
  width:100% !important;
  margin: 10px auto !important;
}
.newsitem.abas{
    width:100% !important;
    margin: 20px auto !important;
}