/* CSS Document */
/* Hello! ;-) */
/* Standard */
html {margin:0;padding:0;}
body {margin:0;padding:0;color:#666;font:normal 70% Verdana, Arial, Helvetica, sans-serif; background:#eae7e4 url("../images/bg.jpg") repeat-y center top;} /*mettere su pagewidth text-align:left;*/
/*con le tabelle, su mozilla non funziona con il size. aggungere */
table {border-collapse:collapse;}
td {vertical-align:top;font-size:0.9em;padding:0;}
h1, h2, h3, h4 {padding:0;}
h1 {font-size:1.9em;margin:0 0 1.6em 0;}
h2 {font-size:2.1em;margin:0 0 0.8em 0;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h3 {font-size:1.6em;margin:1em 0 0.2em 0;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h4 {font-size:1.0em;margin:2em 0 0.4em 0;}
p {margin:0.3em 0 1em 0;padding:0;}
hr {display:none;}
ul {}
img {border:0;display:block;} /* Mozilla: no margini sotto le IMG per STRICT DOCTYPE */
/*per togliere il display: o inherit o compact */
a {color:#666;}
a:hover {text-decoration:none;}
.top {margin-top:0;}
.lclr {clear:left;} /* in abbinamento
e line-height:1px; */
.rclr {clear:right;} /* in abbinamento
e line-height:1px; */
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* Clear floats */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */
.x-small { font-size:0.5em;}
#pagewidth {width:760px; margin:0 auto; background-color:#eae7e4; }
#header {height:125px; position:relative;background:#eae7e4 url("../images/header.jpg") no-repeat left top;}
#logo {position:absolute; top:50px; left:40px;width:160px; height:25px; background:#FFF url("../images/webstandards.png") no-repeat left top;}
#logo p {margin:0; padding:0;}
#logo p a {text-indent:-9000em; display:block;width:223px; height:50px;font-size:3px;}
#logo h4 {margin:0; padding:0;top:70px;right:50px;text-indent:-9000em; width:160px; height:30px;}
#navbar {height:50px;position:absolute;right:35px;text-align:right;top:90px;}
#navbar ul {margin:0;padding:0;}
#navbar ul li {list-style-type:none;margin:0;padding:0 7px; float:left;background:#FFF url("../images/li_separator.png") no-repeat right bottom;}
#navbar ul li.last {background:none;}
#navbar ul li a {color:#666; font-weight:bold; text-decoration:none;}
#navbar ul li a:hover, #navbar ul li a.current {color:#ff8a00;}
#photo{width:760px; height:225px; background:#eae7e4 url("../images/bg_photo.jpg") no-repeat left top;padding:5px 0 0 10px}
.photo_home {width:740px; height:220px;background:transparent url("../images/photo_home.jpg") no-repeat left top;}
.photo_about {width:740px; height:220px;background:transparent url("../images/photo_about.jpg") no-repeat left top;} /*photo_accessibilita*/
.photo_services {width:740px; height:220px;background:transparent url("../images/photo_services.jpg") no-repeat left top;}
.photo_portfolio {width:740px; height:220px;background:transparent url("../images/photo_portfolio.jpg") no-repeat left top;}
.photo_contact {width:740px; height:220px;background:transparent url("../images/photo_contact.jpg") no-repeat left top;}
.photo_accessibilita {width:740px; height:220px;background:transparent url("../images/photo_accessibilita.jpg") no-repeat left top;}
.top_content {width:760px; height:10px; background:#eae7e4 url("../images/top_content.jpg") no-repeat left top;}
.main {background:#eae7e4 url("../images/bg_content.jpg") repeat-y left top;min-height: 300px;height: auto !important;height: 300px;padding:0 10px;}
.main h2 {padding-bottom:10px; background:transparent url("../images/dotted.png") repeat-x left bottom;padding-left:20px;}
.leftc {float:left; width:140px; margin:40px 20px 0 40px;background:transparent url("../images/dotted.png") repeat-x left top;
margin-top:62px; padding:0 20px; }
.leftc ul {margin:0; padding:0; list-style-type:none; margin-top:20px;}
.leftc ul li {list-style-type:none;margin:0;padding:0 0 10px 0;}
.leftc h3.hide {display:none;}
.leftc a {padding:1px 3px;}
.leftc a.current { text-decoration:none;background-color:#FF0000;color:#FFFFFF;}
.leftc a:hover {background-color:#FF0000;color:#FFFFFF;}
.mainc {float:left; width:460px;margin:24px 0 0 0;}
.mainc .content,
.mainc .portfolio {padding:0 0 0 20px}
.mainc .content p, .mainc .opensource{line-height:1.6em;}
.mainc .content ul li {line-height:1.6em; }
.mainc ul.lista {padding:0;margin:0;}
.mainc ul.lista li {margin:0 0 0 20px;padding:0 0 0 25px;list-style-type:none; background:transparent url("../images/dot_orange.png") no-repeat 5px 3px;}
.portfolio .item {margin-bottom:30px;}
.portfolio h3 { }
.portfolio h3 a { text-decoration:none; }
.portfolio a.thumb {width:430px; height:90px; margin-right:20px;border:5px solid #eae7e4;display:block;background:transparent url("") no-repeat center center; margin-bottom:5px;}
.portfolio a.thumb img {visibility:hidden;width:430px; height:90px;}
.portfolio p {line-height:1.6em; text-align:left;}
.apps .item img {border:1px solid #eae7e4;}
.apps .item a {float:left; margin:0 4px 4px 0;}
.mainc a.download { float:left; margin-right:10px; display:block; font-weight:bold; text-align:center; text-decoration:none;width:109px; line-height:24px; background:transparent url("../images/button.png") no-repeat center center; }
/*home*/
.left-home,.center-home,.right-home { float:left; width:200px; margin:30px 0 0 40px;line-height:1.6em; }
.left-home h2,.center-home h2,.right-home h2 {padding-left:0; margin-bottom:10px;}
.left-home img,.center-home img{float:left; margin-right:10px;}
.right-home ul {margin:0; padding:0;}
.right-home ul li {margin:0; padding:0 0 5px 20px; list-style-type:none;background:transparent url("../images/dot_orange.png") no-repeat left 5px;}
.right-home ul li a { }
.right-home ul li span > a { display:inline;}
.right-home .twitter_icon {display:inline; vertical-align: text-top;margin-left:5px;}
.validator-icons { float:left; width:100px;}
.validator-icons img {margin:0; padding:0;}
#footer {position:relative;height:225px;width:760px; background:#eae7e4 url("../images/bg_footer.jpg") no-repeat left top;color:#FFF;}
#footer h3 {padding:0 15px 10px 15px;background:transparent url("../images/dotted_arancio.png") repeat-x left bottom;}
#footer a {color:#FFF;}
#footer ul {margin:0; padding:0 0 0 30px;}
#footer ul li {list-style-type:none;list-style-image:url("../images/arrow.png"); margin:0; }
#footer ul li a {text-decoration:none;}
#footer ul li a:hover{text-decoration: underline;}
#footer .hide {color:#ff8a00}
#footer .foot_menu { position:absolute; width:160px;bottom:15px; left:50px; }
#footer .foot_data { position:absolute; width:360px;bottom:13px; left:233px;line-height:1.5em; text-align:center;}
#footer .foot_extra { position:absolute; width:90px;bottom:15px; left:620px;}