BODY {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:80%; color: #fff; margin: 0;background: url(images/bg.jpg) no-repeat top center #000;text-align:center}
a:link, a:visited {color:#fc0; text-decoration:none}
a:hover {text-decoration:underline}

span.skype_pnh_container { display:none !important; }
span.skype_pnh_print_container { display:inline !important; } 

h2 a:link, h2 a:visited {color:#fff; text-decoration:none}
h2 a:hover {text-decoration:underline}
/* form e img */

p {margin:13px 0}
ul {margin:0 0 0 10px;padding:10px}
ul.nolist {margin:0;padding:0;list-style-type:none}
ul ul {margin:0 0 0 20px;padding:20px;list-style-type:disc}
.imgdx {float:right;margin-left:10px}
.imgsx {float:left;margin-right:10px}
h1, h2, h3 {display:inline}
h1 {font-size:18px;color:#9cf;font-weight:normal}
h2 {font-size:16px;color:#fc0;font-weight:normal}
h3 {font-size:14px;color:#9cf; font-weight:normal}
img {border:0}
form {margin:0}



.center{text-align:center}
.right{text-align:right}

/* struttura */
#dxsocial {position:fixed;top:70px;right:0;color:#000;text-align:center;background: url(images/dxsocial.png) no-repeat top left;width:80px !important; width /**/: 120px;height:294px;font-size:12px;color:#fff;font-weight:bold;padding-left:40px;}
#dxsocial p {margin:10px 0}

div#top {margin: 0 auto;background: url(images/top.jpg) no-repeat bottom left; position:relative;width:967px !important; width /**/: 970px;height:265px !important; height /**/: 340px;padding:75px 0 0 3px;font-size:12px;text-align:left}

ul#topmenu {margin:0;padding:0;position:absolute;top:0;right:0;list-style:none;text-align:left;}
ul#topmenu li {border-left:1px solid #999;float:left;display:block;font-size:12px;color:#ccc;height:35px !important; height /**/:50px;padding:15px 0 0 6px;margin-left:16px;}
ul#topmenu li a span {font-size:12px;color:#ccc;} 
ul#topmenu li a:hover span {font-size:12px;color:#ccc;text-decoration:none} 
ul#topmenu li a:link, ul#topmenu li a:visited {font-size:16px;color:#fc0;text-decoration:none} 
ul#topmenu li a:hover {text-decoration:none;color:#9cf} 

div#container {margin: 0 auto;position:relative;width: 970px;text-align:center}

div#sx {position:absolute;top:2px;left:0;width:250px; text-align:left}
div#content {position:relative;margin-left:270px;padding-top:30px;min-height: 890px;height: auto !important;height: 890px;text-align:justify;}
div#footer {clear:left;position:relative;height:116px;width:100%;}
div#footertop {position:absolute;top:0;left:0;z-index:100;width:100%;height:116px;background: url(images/footer.png) repeat-x top left;}
div.footer a{color:#FFF;}

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/logo.png) no-repeat top left;
	width:169px;height:51px;
	left:3px;top:20px;}
	
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0;top:0;
width:169px;height:51px;
}

#mlogo a {display:block;
width:100%;
height:100%}

#mlogo a span {display:none}

/* mappatura logo natale
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/logonatale.jpg) no-repeat top left;
	width:176px;height:87px;
	left:3px;top:0;}
	
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0;top:0;
width:176px;height:71px;
}

#mlogo a {display:block;
width:100%;
height:100%}

#mlogo a span {display:none} */

#logolinks {position:absolute;left:3px;top:78px;z-index:1000}

/* sinistra */
.sxtitle {background:url(images/sprite.png) no-repeat;width:190px !important; width /**/: 250px;height:50px !important; height /**/: 79px;padding:29px 0 0 60px}
.sxtitle h2 {font-size:17px;color:#fff}
.sxsiti {background-position:0 0}
.sxseo {background-position:0 -79px}
.sxadv {background-position:0 -158px}
.sxaltro {background-position:0 -236px}

ul.menu {margin: 0 0 0 5px; padding:0; list-style:none;text-align:left;width:245px; font-size:12px;}
ul.menu li a {display:block;text-indent:27px;margin:0;line-height:23px;height:23px;}
ul.menu li {display:inline}
ul.menu li a:link, ul.menu li a:visited {text-decoration:none; color:#fff;} 
ul.menu li a:hover {color:#fc0;text-decoration:none;background: url(images/sxhover.gif) no-repeat bottom left;} 

/* content */
.split2home {width:700px;}
.split2home div.homesx {width:400px;float:left}
.split2home div.homedx {width:300px;float:left}

#casestudy {position:relative;width:360px !important; width /**/: 380px;height:344px !important; height /**/: 364px;padding:10px;background: url(images/sprite32.png) no-repeat top left;}

div#homeboxsx, div#homeboxdx {position:relative;margin-top:20px;float:left;height:197px;background: url(images/homebox.jpg) no-repeat;font-size:12px}
div#homeboxdx a {display:block;width:280px !important; width /**/: 300px;height:154px !important; height /**/:174px;padding:10px;color: #fff; font-size:17px;font-weight:normal}
div#homeboxdx a span {position:absolute;bottom:35px;right:15px;text-align:right;}
div#homeboxdx a b {color:#fc0;font-weight:normal}
div#homeboxdx a:hover, div#homeboxdx a:hover b {text-decoration:none;color:#ccc}
div#homeboxsx {background-position:top left;width:400px}
div#homeboxdx {background-position:top right;width:300px;}
div#homeboxsx div#homeultime {float:left;width:160px !important; width /**/: 180px;height:154px !important; height /**/: 193px;padding:10px 10px 29px 10px;}
div#homeboxsx div#homeseo {float:left;width:160px !important; width /**/: 196px;height:154px !important; height /**/: 193px;padding:10px 10px 29px 26px;font-size:20px;}
div#homeboxsx div#homeseo p {margin:15px 0 0 0;line-height:23px}
div#homeboxsx div#homeseo b {color:#9cf;font-weight:normal}

div#homeboxsx h2 a {color:#fc0;font-size:16px}
div#homeboxsx h2 {padding-left:35px;color:#fc0;font-size:16px;line-height:20px}
div#homeboxsx div#homeultime ul {margin:20px 0 0 20px ; padding:0; list-style: square;text-align:left;line-height:16px}
div#homeboxsx div#homeultime ul li a {color:#fff;}



.rightem {text-align:right; font-style:italic; font-weight:bold}
.rightclear {clear:left;text-align:right; font-weight:bold}
.center {text-align:center}
.right {text-align:right}
.wide{clear:both;float:none;}
.footer{clear:both;float:none;font-size:10px;padding:20px 0 0 250px}

.footer #social {position:absolute;left:20px;bottom:0;height:25px;}
.footer #social #gplus {float:left;width:70px}
.footer #social .fb-like {float:left;margin-right:5px}
a.socialnetwork {margin: 0 0 0 5px; float:left;}
a.facebook:link {
display:block;
vertical-align:bottom;
width:25px;
height:25px;
text-indent:-9999px;
background:url(images/Facebook-sprite.png) 0 0 no-repeat;
}
a.facebook:hover, a.facebook:active {
display:block;
width:25px;
height:25px;
text-indent:-9999px;
background:url(images/Facebook-sprite.png) 0 -24px no-repeat;
	}
a.twitter:link {
display:block;
vertical-align:bottom;
width:25px;
height:25px;
text-indent:-9999px;
background:url(images/Facebook-sprite.png) -26px 0 no-repeat;
}
a.twitter:hover, a.facebook:active {
display:block;
width:25px;
height:25px;
text-indent:-9999px;
background:url(images/Facebook-sprite.png) -26px -25px no-repeat;
	}

/* formhome */
div.formhome{margin:0 auto;width:300px;}
div.formhome p{margin:0 auto 10px auto;font-size:10px;}
div.formhome div.float{float:left;width:140px}
div.formhome input[type=text], div.formhome textarea {background-color:#eee;border:0;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;}
form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 10px;
	font-weight: bold;
	vertical-align:middle;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 0 auto;
	width: 300px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
    float:left;
	line-height:20px;
	width: 50%;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width:280px !important; width /**/: 300x;
}
form.ddfm p{margin:0 0 10px 0}


form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100px;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 100px; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
/*	*/
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	
}

form.ddfm textarea {
	width: 270px;height:45px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 100px;
	height:20px;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	
	display: block;
	width: 130px;
	height: 17px;	 
	vertical-align:middle;
	border:0
	
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 100px;
	height: 20px;
	margin-bottom: 15px;  
	padding: 3px;
}



form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}




/* portfolio */

div.imgsito{position:relative;width:700px;height:194px;padding:0}
div.dettagli{width:299px !important; width /**/: 315px;height:178px !important; height /**/:194px;position:absolute;top:0;right:0;padding:8px;font-size:10px;}
a.dettaglio{background: url(images/btn_dettagli.png) no-repeat top center;width:110px;height:39px;display:block;position:absolute;bottom:10px;left:16px;}
a.visita{background: url(images/btn_visita.png) no-repeat top center;width:115px;height:54px;display:block;position:absolute;bottom:0px;left:180px;}
div.dettagli span.alt{display:none;}



/* elenco directory */

ul#lettere {margin:8px auto;padding:0; font-size: 13px; list-style:none;text-align:center;width:700px;text-align:center;height:19px}
ul#lettere li a {float:left;text-decoration:none; margin: 0 3px;width:19px; line-height:19px;}
ul#lettere li {display:inline;}
ul#lettere li a:link, ul#lettere li a:visited {display:block;background: url(http://www.os2.it/wp-content/themes/os2/images/pag.jpg) no-repeat center center #000;color:#FFFFFF}
ul#lettere li a:hover  {background: url(http://www.os2.it/wp-content/themes/os2/images/paghover.jpg) no-repeat center center #ff6600} 

/* overflow */
div.overflow{width:100%;height:600px;overflow:auto;font-size:10px;font-family:tahoma}
div.overflow div{width:20%;float:left;height:20px}
div.overflow div.clear{clear:left;float:none;border-bottom:1px solid #333;width:97%;margin:0 auto 16px auto; }

div.overflow a{color:#FFF}

div#contatti {margin:20px 0;width:700px;height:220px;line-height:17px}
div#contatti div#boxcontatti, div#contatti div#mappa {float:left}
div#contatti div#boxcontatti{width:360px}
div#contatti div#mappa {width:340px;height:190px}

/* elenco clienti */
div#split3 {margin:0 auto;width:918px;margin-top:20px;font-size:11px}
div#split3 h1{font-size:14px}
div#split3 div {position:relative;float:left;width:236px !important; width /**/: 246px;padding-left:10px}

div#loghiaziendali ul {margin: 15px 10px 10px 15px; padding: 0;text-align:left;}
div#loghiaziendali ul li {list-style-type: square}
div#split3 div ul {margin: 0 0 10px 15px; padding: 0;text-align:left;color:#666666;font-size:95%}
div#split3 div ul li {list-style-type: square}
div#split3 div ul li a:link, div#split3 div ul li a:visited{list-style-type: square; color:#666666}

.azz {color:#006699;font-size:17px;font-weight:bold}


.evidence { font-size:145%; font-weight:bold; position:relative; top:-25px; left:5px }
div#sede{position:fixed;top:302px;right:0;margin:0;}

img#ferie {position:absolute;top:59px;right:0;width:233px;height:251px;z-index:1000}

table.espressopay {border:1px solid #ccc;border-collapse:collapse}
table.espressopay td {border:1px solid #ccc;padding:5px}
.espressopayh {float:right;margin-left:25px}