/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Nutek.it css stylesheet by Simone Ferraro-Nutek.it <<<-----------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html {
	margin:0;
	padding:0;
}
body {
	color:#1b1b1b;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #ECE8E9 url(../img/sfondo_dot.gif);
	margin:0;
}
a {
	color:#396996;
	text-decoration:none;
}
a:hover {
	color:#23598C;
	text-decoration:underline;
}
img, img a, img a:hover {
	border:0;
}
.logo img {
	padding:18px 0 0 25px;
}
p {
	padding:0;
}
.active {
	text-decoration: underline;
	color:#396996;
}
#head {
	width:800px;
	/*border-bottom:1px solid #CCC;*/
height:290px;
}
#nav {
	width:800px;
	height:100px;
}
.header {
	margin-top:8px !important;
	height:174px;
	background:  url(../img/head.jpg) center no-repeat;
}
#head ul {
	list-style:none;
	float:right;
}
#head ul li a {
	display:block;
}
li#home a {
	text-indent:-8000px;
	background-image:url(../img/home.png);
	width:95px;
	height:90px;
}
li#portfolio a {
	text-indent:-8000px;
	background-image:url(../img/portfolio.png);
	width:95px;
	height:90px;
}
li#servizi a {
	text-indent:-8000px;
	background-image:url(../img/servizi.png);
	width:95px;
	height:90px;
}
li#informazioni a {
	text-indent:-8000px;
	background-image:url(../img/info.png);
	width:95px;
	height:90px;
}
li#profilo a {
	text-indent:-8000px;
	background-image:url(../img/profilo.png);
	width:95px;
	height:90px;
}
li#contatti a {
	text-indent:-8000px;
	background-image:url(../img/contatti.png);
	width:95px;
	height:90px;
}
li#home a:hover, li#home a.selected, li#portfolio a:hover, li#portfolio a.selected, li#servizi a:hover, li#servizi a.selected, li#prodotti a:hover, li#prodotti a.selected, li#profilo a:hover, li#profilo a.selected, li#contatti a:hover, li#contatti a.selected, li#informazioni a:hover, li#informazioni a.selected, .current {
	background-position:-95px 0;
}
#white_bg {
	width:800px;
	background:#FAFAFA;
	height:100%;
	margin:auto;
}
#wrapper {
	width:800px;
	position:relative;
	background:#fff;
	margin:auto;
	padding:10px;
}
#content {
	width:800px;
	margin-top:10px;
	position:relative;
	margin-bottom:10px;
}
#sidebar {
	text-align:justify;
	float:left;
	width:206px;
	margin-top:0;
	padding:0 7px 0 7px;
}
#sidebar p {
	margin-top:5px;
	padding-top:0;
	padding-bottom:5px;
	margin-bottom:0;
}
#sidebar ul {
	margin-bottom:0;
	padding-top:0px;
	margin-top:0px;
	list-style-type:none;
}
#sidebar li {
	padding-left:0px;
	margin-left:-15px;
	list-style-type:none;
	list-style-image:url(../img/bullet_2.gif);
}

#sidebar ul li ul ul li{
margin-left:-15px;
padding:0px;



}



#works ul {
	margin-top:10px;
	margin-bottom:20px;
	padding-top:0;
	padding-left:-40px;
	list-style-type:none;
}
#works li {
	padding-left:-15px;
	margin-left:-15px;
	list-style-type:none;
	list-style-image:url(../img/bullet_2.gif);
}
.apertura {
	height:190px;
}
.postedby {
	font:10px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	width:230px;
	padding-bottom:5px;
}
#news_box {
	padding-right:5px;
	padding-left:5px;
	padding-top:0;
	margin-top:0;
}
#news_box p {
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
	color:#221E1F;
	background:#eef0f3;
	padding:5px;
}
.img_news {
	text-align:center;
	margin:auto;
	width:100%;
}
#news_box h4 {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:700;
	text-align:left;
	background:url(../img/hdot.gif) repeat-x bottom;
	padding-bottom:0;
	margin-bottom:8px;
	padding-top:0;
	margin-top:4px;
}
#boxes {
	width:560px;
	float:right;

	text-align:center;

	height:190px;
	margin-bottom:0;
	padding-bottom:0;
}
#box_ottimizzazione, #box_design, #box_sviluppo {
	height:170px;
	width:185px;
	margin-top:0;
	float:left;
	position:relative;
	cursor:pointer;
}
.leftdot{background:url(../img/wdot.gif) repeat-y left; 	height:170px;}
.rightdot{background:url(../img/wdot.gif) repeat-y right; 	height:170px;}

#box_design, #box_sviluppo {
	background:url(../img/wdot.gif) repeat-y right;
}
#boxes ul {
	margin-top:0;
	padding-top:0;
}
.elenco {
	text-align:left;
	margin:0 0 0 15px;
}
.elenco_ottimizzazione {
	text-align:left;
	margin:0 0 0 20px;
}
.elenco_design {
	text-align:left;
	margin:0 0 0 12px;
}
#boxes li {
	width:130px;
	text-align:left;
	line-height:16px;
	list-style-type:none;
	list-style-image:url(../img/bullet_2.gif);
}
#vetrina {
	width:570px;
	float:right;
	position:relative;
	/*border-left:1px solid #ccc;*/
	margin:0 0 5px;
	padding:0;
}
#vetrina p {
	text-align:justify;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 0px 10px 0px;
	padding-left:10px;
	padding-right:10px;
}
.work_left, .work_right {
	width:284px;
	margin-top:0;
	margin-bottom:10px;
	position:relative;
	text-align:center;
}
.work_right {
	float:right;
}
.work_left {
	float:left;
	/*border-right:1px solid #ccc;*/
}
#works {
	width:570px;
	float:right;
	position:relative;
	/*border-left:1px solid #ccc;*/
	margin:0 0 5px;
	padding:0;
}
#works p, #contacts p, #siti p, #project_details p {
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
	padding:0 10px 5px 10px;
}
.presentation {
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
	padding:0 10px 0 10px;
}
#services {
	width:570px;
	float:right;
	position:relative;
	/*border-left:1px solid #ccc;*/
	margin:0 0 5px;
	padding:0;
}
#services p {
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
	padding:0 10px 0 10px;
}
#project_details ul {
	list-style-type:none;
}
#project_details li {
	list-style-image:url(../img/bullet_2.gif);
}
#siti {
	width:570px;
	float:right;
	position:relative;
	/*border-left:1px solid #ccc;*/
	margin:0 0 0px 0;
	padding:0 0 10px;
}
#siti ul {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-left:-40px;
	list-style-type:none;
}
#siti li {
	padding-left:-15px;
	margin-left:-15px;
	list-style-type:none;
	list-style-image:url(../img/bullet_2.gif);
}
.siti_left {
	float:left;
	width:284px;
	margin-top:0;
	margin-bottom:10px;
	position:relative;
	text-align:center;
	/*border-left:1px solid #ccc;*/
}
.siti_right {
	float:right;
	width:260px;
	margin-top:0;
	margin-bottom:10px;
	position:relative;
	text-align:left;
}
.portfolio_details {
	clear:both;
}
.more_siti {
	clear:both;
	margin-bottom:11px;
	background:url(../img/hdot.gif) top repeat-x;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	text-align:right;
	color:#E74A1D;
}
.siti_container {
	padding-top:10px;
	background:#eef0f3;
	margin:10px;
}
.siti_container_first {
	padding-top:10px;
	margin-top:10px;
	margin-bottom:30px;
	background:#D7D7D7;
}

/*#project_details img {
	border:1px solid #ccc;
	margin:auto;
	padding:4px;
}*/


.center {
	text-align:center;
	border:1px solid #ccc;
	margin:0 10px 10px 10px;
	padding:10px 0px 10px 0px;
}
.center_clean {
	text-align:center;

}

#contacts ul {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0;
}
#form {
	margin:10px;
	margin-left:15px;
	margin-bottom:25px;
	margin-top:20px;
}
#form div {
	padding-left:15px;
	padding-bottom:3px;
}
#form span {
	margin-top:10px;
}
#form p {
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0;
}
.separatore {
	height:10px;
	margin-left:10px;
	margin-right:10px;
	clear:both;
	background:url(../img/bg_strilles.gif) repeat-x;
}
.clear_h1 {
	height:10px;
	clear:both;
	background:url(../img/bg_strilles.gif) repeat-x;
	margin:0;
}
.dot {
	height:10px;
	margin-left:10px;
	clear:both;
	background:url(../img/hdot.gif) repeat-x;
}
.strilles {
	height:10px;
	margin-left:10px;
	margin-bottom:5px;
	background:url(../img/bg_strilles.gif) repeat-x;
}
.strilles_sidebar {
	height:10px;
	margin-left:0;
	margin-bottom:5px;
	background:url(../img/bg_strilles.gif) repeat-x;
}
.more {
	clear:both;
	background:url(../img/hdot.gif) top repeat-x;
	height:12px;
	width:265px;
	text-align:right;
	margin:auto auto 11px;
	padding:0;
}
.more_fondopagina {
	clear:both;
	height:12px;
	text-align:right;
	margin:10px 10px 11px 10px;
}
/*servizi_box*/

.more_servizi {
	width:415px;
	clear:left;
	height:8px;
	text-align:left;
	padding:0px 0px 20px 0px;
	margin: 0px 10px 20px 0px;
	background:url(../img/hdot.gif) top repeat-x;
}
.ico_servizi {
	clear:right;
	float:right;
	padding:0px 10px 0px 0px;
}
.left_desc {
	float:left;
	width:415px;
	margin:0px 0px 10px 0;
	padding:0px !important;
}
.container_stuff {
	background:#eef0f3;
	margin:10px;
	margin-top:15px;
	padding-left:10px;
	padding-top:5px;
	display:block;
}
.left {
	float:left;
	text-indent:10px;
	background:url(../img/bullet.gif) no-repeat left;
	margin:0;
	padding:3px 0;
}
.screenshot {
	float:left;
	text-indent:17px;
	background:url(../img/screenshot_ico.png) no-repeat left;
	color:#B0AFAF;
	margin:0;
	padding:3px 0;
}
.portfolio_home {
	height:42px;
}
.screenshot_home {
	float:left;
	text-indent:17px;
	background:url(../img/screenshot_ico_home.png) no-repeat left;
	color:#B0AFAF;
	margin:0;
	padding:3px 0;
}
.right {
	float:right;
	text-indent:10px;
	background:url(../img/bullet.gif) no-repeat left;
	margin:0;
	padding:3px 0;
}
.gotop {
	float:right;
	text-indent:10px;
	background:url(../img/go_top.gif) no-repeat left;
	margin:0;
	padding:3px 0;
	cursor:pointer;
	color:#396996;
	
}
.detailz {
	float:left;
	text-indent:10px;
	background:url(../img/bullet.gif) no-repeat left;
	margin:0;
	padding:5px 0;
}
.goback {
	float:left;
	text-indent:10px;
	background:url(../img/go_back.gif) no-repeat left;
	margin:0;
	padding:3px 0;
}

.loghi_sidebar {
	margin-top:45px!important;
	text-align:center;
}
#sidebar dl {
	margin-top:8px;
}
#sidebar dt {
	padding-left:12px;
	margin-bottom:0;
	padding-bottom:0;
	font-weight:700;
	color:#000;
}
#sidebar dd {
	margin:0;
	padding:0 12px;
}
#sidebar dd p {
	text-indent:10px;
	background:url(../img/bullet.gif) no-repeat left;
	margin:0!important;
	padding:3px 0!important;
}
#works dl {
	margin-top:8px;
}
#works dt {
	padding:0 0 0 10px;
	margin: 0px 0px 0px 10px;
	font-weight:700;
	color:#000;
	background:url(../img/bullet.gif) no-repeat left;
}
#works dd {
	margin:0;
	padding:0 10px 10px 10px;
}
#works dd p {
	margin:0!important;
	padding:3px 0!important;
}
#footer {
	color:#ccc;
	clear:both;
	height:40px;
	width:800px;
	background:url(../img/hdot.gif) repeat-x top;
	margin:10px 0 0 0 ;

}
.loghi_footer {
	float:right;
	margin-right:5px;
	margin-top:10px;
}
p#pullquote {
	color:#8e8e8e;
	float:left;
	margin:15px 0 0 5px;
}
#pullquote a {
	color:#8e8e8e;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#pullquote a:hover {
	text-decoration:underline;
	color:#8e8e8e;
}
.logo, #head li {
	float:left;
}

#contacts li {
	list-style-type:none;
	list-style-image:url(../img/bullet_2.gif);
}
#project_details, #contacts {
	width:570px;
	float:right;
	position:relative;
	/*border-left:1px solid #ccc;*/
	margin:0 0 15px;
	padding:0;
}
.screenshot a, .screenshot_home a {
	color:#B0AFAF!important;
}
.screenshot a:hover, .screenshot_home a:hover {
	color:#B0AFAF!important;
	text-decoration:underline;
}
input {
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	border:1px solid #ccc;
	background-color:#e8e8e8;
	margin-bottom:2px;
}
input[type=submit] {
	background-color:#e8e8e8;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	border:1px solid #ccc;
}
textarea {
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	border:1px solid #ccc;
	background:#e8e8e8 url(../img/bg-textarea.gif) no-repeat bottom right;
	margin-bottom:2px;
	width:500px;
}
.conferma {
	margin-bottom:5px;
	margin-left:15px;
	padding-left:20px;
	font-weight:bold;
}
#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	float:left;
	width:70%;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}
#tnt_pagination a:link, #tnt_pagination a:visited {
	padding:3px;
	padding-top:2px;
	padding-bottom:2px;
	
	
	
	color:#0072bc;
	width:20px;
	text-decoration:none;
}
#tnt_pagination a:hover {

	color:#23598C;
	
}
#tnt_pagination .active_tnt_link {
	




	color:#23598C;
}
#tnt_pagination .disabled_tnt_pagination {
	padding:3px;
	color:#999;
	
}



#coord {
	margin:8px 0px 15px 25px;
}
#coord p {
	padding:1px;
	margin:0px;
}
.clearer {
	clear:both;
}

.blue{

color:#396996;
}

/*headings*/

h1 {
	color:#f19d2d;
	margin:0px;
	padding:0px;
	padding-top:0px;
	height:20px;
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
	letter-spacing:-1px;
}
/*#index h1 {
display:none;
}*/
h2 {
	color:#f19d2d;
	margin:0px;
	padding:0px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:5px;
	height:20px;
	font-size:15px;
	font-weight:bold;
	width:80%;
	float:left;
	letter-spacing:-1px;
}

h2 {
	color:#f19d2d;
	margin:0px;
	padding:0px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:5px;
	height:20px;
	font-size:15px;
	font-weight:bold;
	width:80%;
	float:left;
	letter-spacing:-1px;
}

h2 a{
	color:#f19d2d;

}

h2 a:hover{
	color:#f19d2d;
	text-decoration:none;

}
h2 span {
	color:#396996;
}

h3 {
	text-align:left;
	margin: 0px 0 0px 0;
	margin-right:10px;
	margin-left: 10px;
	margin-top:5px;
	margin-bottom:5px;
	padding: 0px;
	background: transparent url(../img/pixel_blocs_home.gif) 0 4px repeat-x;
}
h3 a {
	background: #fff url(../img/icon_home_bloc.gif) left no-repeat;
	padding: 0 0px 0 13px;
	padding-right:5px;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
	cursor:text;
}
h3 a:hover {
	text-decoration:none !important;
	font:bold 12px Arial, Helvetica, sans-serif !important;
	cursor:text;
}
#sidebar h3 {
	text-align: left;
	margin: 0px 0 0px 0;
	margin-left: 0px;
	margin-top: 9px;
	margin-bottom: 5px;
	padding: 0px;
	background: transparent url(../img/pixel_blocs_home.gif) 0 4px repeat-x;
}
#sidebar h3 a {
	background: #fff url(../img/icon_home_bloc.gif) left no-repeat;
	padding: 0 0px 0 13px;
	padding-right:5px;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#sidebar h3 a:hover {
	text-decoration:none !important;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#servizi_page h3 {
	width:415px;
	text-align: left;
	margin: 0px 0 0px 0;
	margin-left: 0px;
	padding: 0px;
	background: transparent url(../img/pixel_blocs_portfolio.gif) 0 4px repeat-x;
}
#servizi_page h3 a {
	background: #EEF0F3 url(../img/icon_portfolio_bloc.gif) left no-repeat;
	padding: 0 0px 0 13px;
	padding-right:5px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#servizi_page h3 a:hover {
	text-decoration:none !important;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#soluzioni h3 {
	width:415px;
	text-align: left;
	margin: 0px 0 0px 0;
	margin-left: 0px;
	padding: 0px;
	background: transparent url(../img/pixel_blocs_portfolio.gif) 0 4px repeat-x;
}
#soluzioni h3 a {
	background: #EEF0F3 url(../img/icon_portfolio_bloc.gif) left no-repeat;
	padding: 0 0px 0 13px;
	padding-right:5px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#prodotti h3 a:hover {
	text-decoration:none !important;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#siti_internet h3 {
	margin: 0px 0 0px 0;
	margin-right:10px;
	margin-left:0px;
	padding-left:0px;
	margin-top:3px;
	padding: 0px;
	background: transparent url(../img/pixel_blocs_portfolio.gif) 0 4px repeat-x;
}
#siti_internet h3 a {
	background: #EEF0F3 url(../img/icon_portfolio_bloc.gif) left no-repeat;
	padding: 0 0px 0 13px;
	padding-right:5px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#siti_internet h3 a:hover {
	text-decoration:none !important;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#contact_page h3 {
	text-align:left;
	margin: 0px 0 0px 0;
	margin-right:10px;
	margin-left: 10px;
	margin-top:5px;
	margin-bottom:5px;
	padding: 0px;
	background: transparent url(../img/pixel_blocs_home.gif) 0 4px repeat-x;
}
#contact_page h3 a {
	background: #fff url(../img/icon_home_bloc.gif) left no-repeat;
	padding: 0 0px 0 13px;
	padding-right:5px;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#contact_page h3 a:hover {
	text-decoration:none !important;
	font:   bold 12px Arial, Helvetica, sans-serif !important;
}
#index h2 {
	display:none;
}