@charset "utf-8";
/* CSS Document */

body {
	/*background: #fff;*/
	margin: 0px;
	min-width: 900px;
	background: url(img/bodybg.jpg) repeat-x;
}

#headcontainer {
	width: 100%;
	height: 150px;
	/*background: url(img/bodybg.jpg);*/
}

#logo {
	position: absolute;
	width: 297px;
	height: 110px;
	background: url(img/dplogo_g.png);
	margin-left: 30px;
	margin-top: 20px;
}

/*********************************
 *			main menu			 *
 ********************************/

#mainmenu {
	/*position: absolute;*/
	/*width: 500px;*/
	margin-left: 440px;
	padding-top: 60px;
	/*right: 50px;*/
}
#mainmenu ul {
	
}
#mainmenu li {
	/*display: inline;
	margin-right: 14px;*/
}
#mainmenu a {
	color: #e4c133;	
}
#mainmenu a:hover {
	color: #fff;	
}

/*********************************
 *			header				 *
 ********************************/
 
 #header {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header.png);
 }
 
 #headervarie {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header-varie.png);
 }
 
#headerclienti {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header-clienti.png);
}

#headersiti {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header-siti.png);
}

#headerandroid {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header-android.png);
}

#headercontatti {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background:  url(img/header-contatti.png);
}

#headerassistenza {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header-assistenza.png);
}

#headernetworking {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(img/header-networking.png);
}
 
 
 /*********************************
 *			mainpanel   		 *
 ********************************/
 
 #mainpanel {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	margin-top: 100px;
 }
 
 #mainpanel img {
	border: none;	 
 }
 
 #clientipanel {
	width: 900px;
	margin: 0 auto;
	margin-top: 100px;
	font-family: Verdana, Geneva, sans-serif;
 }
 #clientipanel h2 {
	font-size: 13px;
 }
#clientipanel p {
	font-size: 11px;	 
 }
 
#clientipanel li {
	font-size: 12px;
	margin-bottom: 10px;
}
#clientipanel img {
	border: none;
}
 
 #firstpanel {
	width: 300px;
	height: 172px;
	float: left;
 }
 
 
  /*******************************
 *			scrittine   		 *
 ********************************/
 
#scrittine {
	clear: both;
	width: 900px; 
	height: 182px;
	margin: 0 auto;
	
	font-family: Verdana, Geneva, sans-serif;
 }
 
#socialnetworks {
	clear: both;
	width: 400px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	font-family: Calibri, Georgia, "Times New Roman", Times, serif;
}

#socialnetworks a {
		color: #06C;
}
 
#scrittine h2 {
	font-size: 13px;
	color: #222;
	margin-left: 20px;
}
 
#firstscrittine {
	width: 300px;
	height: 182px;
	float: left;
	border-top: 1px solid #999;
 }

   /*******************************
 *			offerta		   		 *
 ********************************/

#offerta {
	width: 900px;
	margin: 0 auto;
	margin-top: 30px;
	border: 1px dotted black;
	padding: 20px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	background-color: #CCC;
}

 
   /*******************************
 *			footer		   		 *
 ********************************/
 
 #footer {
	clear: both;
	background: url(img/footerbg.jpg) repeat-x;
	height: 400px;
 }
 
 #prefooter {
	width: 900px;
	background: url(img/prefooter.png) no-repeat; 
	height: 90px;
	margin: 0 auto;
 }
 
#mainfooter {
	width: 900px;
	background: url(img/mainfooter.png) no-repeat; 
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
 }
 
 
/* navigation */

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 820px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center;
}

/* table */
table.clienti {
	border: 1px solid #bbb;	
}