/*
-----------------------------------------| folgio stile di TECNIOMNIA|
-----------------------------------------| created by © Marco Riccetti|
*/

html, img
{
	margin: 0;
	padding: 0;
}

body
{
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #005;
	/*background-image: url(../images/fondino.gif);*/
	/*background-color: #D8C9A6;*/
	background-color: #EFE9DB;
}

/*
definizione dei parametri del container
*/
div#container
{
	width: 766px;
	/*height: 679px;*/
	padding: 2px;
	margin: 0 auto;
	border: 1px solid #ccc;
	background-color: #FBFFFF;
}

/* definizione dei parametri del top e formattazione
*/
div#top
{
	width: 766px;
	height: 55px;
	/*border: 1px solid #141EB9;*/
	background-color: #FFF;
}

div#top div#logo_top
{
	width: 237px;
	height: 55px;
	margin-right:200px;
}

div#logo_top a
{
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div#top div#privacy
{
	float: right;
	padding-top: 3px;
	width: 200px;
	text-align: right;
}

div#privacy a
{
	text-decoration: none;
	color: #000099;
	font-size: 9px;
	padding-right: 2px;
}

div#privacy img
{
	width: 18px;
	height: 20px;
	margin: 0;
	padding: 0;
}

/* definizione dei parametri e formattazione del main
*/
div#main
{
	width: 766px;
	height: 220px;
	margin: 0;
}

div#main_content
{
	width: 766px;
	height: auto;
	/*height: 400px;*/
	/*border: 1p solid #DA0000;*/
	padding: 0;
}


/* definizione e formattazione della colonna di sinistra col_l
*/
div#main_content div#col_l
{
	float: left;
	width: 180px;
	height: 300px;
	padding-right: 0px;
	margin: 0;
}

div#box_logo img#left
{
	width: 32px;
	padding-right:5px;
	padding-left: 2px;
	padding-top: 8px;
}

div#box_logo p
{
	margin: 0;
	padding-top: 8px;
	height: 63px;
	text-align: left;
	font-size: 9px;
	color: #009999;
}

div#col_l div#immagine
{
	width: 160px;
	height: 100px;
	margin-left: 5px;
	/*background-color: #0066FF;*/
}

div#immagine div#didascalia
{
	width: 160px;
	height: 30px;
	margin: 0;
	margin-top: 5px;
	background-color: #87c0ed;
	font-size: 10px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

/* inizio formattazione generica degli elementi del box LINKS 
(contenente le immagini) nella colonna di sinistra col_l */
div#links
{
	width: 150px;
	margin-left: 2px;
	padding: 0;
	text-align: left;
	margin-bottom: 10px;
}

div#links a
{
	text-decoration: none;
	border: 0;
	color: #fff;
	display: block;
}

div#links h1
{
	width: 180px;
	font-size: 9px;
	color: #fff;
	padding-left: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
}

/* formattazione specifica degli h1 contenuti nel box LINKS
*/
div#links h1#pulizie
{
	background-color: #003776;
}

div#links h1#svernicia
{
	background-color: #65a3d3;
}

div#links h1#servizi
{
	background-color: #87c0ed;
}

div#links h1#logistica
{
	background-color: #c7d8e2;
}

div#links img
{
	width: 87px;
	height: 33px;
	margin-top: 1px;
	margin-bottom: 3px;
	border: 0;
}

/*sezione a parte dedicata al contenuto della pagina pulizie con il box links2
*/

/* inizio formattazione generica degli elementi del box LINKS 
(contenente le immagini) nella colonna di sinistra col_l */
div#links2
{
	width: 380px;
	/*margin-left: 5px;*/
	padding: 0;
	text-align: left;
}

div#links2 a
{
	width: 200px;
	text-decoration: none;
	border: 0;
	color: #fff;
	display: block;
}

div#links2 h1
{
	width: 380px;
	font-size: 10px;
	color: #fff;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	margin-top: 2px;
}

/* formattazione specifica degli h1 contenuti nel box LINKS
*/
div#links2 h1#pulizie_civili
{
	background-color: #003776;
	width: 100%;
}

div#links2 h1#pulizie_industriali
{
	background-color: #65a3d3;
	width: 100%;
}

div#links2 h1#pulizie_tecniche
{
	background-color: #87c0ed;
	width: 100%;
}

div#links2 img
{
	width: 200px;
	/*height: 33px;*/
	margin-top: 3px;
	margin-bottom: 5px;
	border: 0;
}

div#links2 table
{
	width: 408px;
	border: 0;
}

table td#liste
{
	margin: 0px;
	font-size: 9px;
}

td#liste ul
{
	/*text-align: left;*/
	margin: 0;
	margin-left: 20px;
}

div#links2 p
{
	width: 180px;
	margin-left: 3px;
	margin-top: 0px;
	text-align: left;
}

/* definizione e formattazione del contenuto della pagina content_page
*/
div#main_content div#content_page
{
	
	width: 400px;
	/*height: 400px;*/
	padding-right: 6px;
	padding-left: 2px;
	padding-bottom: 2px;
	/*border-bottom: 1px dotted #ccc;*/
	margin-left: 185px;
	/*margin-bottom: 10px;*/
	border-left: 1px solid #65a3d3;
	background-color: #fff;
	/*margin-right: 166px;*/
}

div#content_page ul li
{
	text-align: justify;
}

div#content_page div.titolo
{
	width: 400px;
	height: 39px;
	padding-top: 24px;
	border-bottom: 1px dotted #ccc;
	text-align: left;
}

div#content_page img#logo
{
	border: 1px solid #ccc;
	margin-left: 50px;
	margin-top: 10px;
}


/*div.titolo img#logo
{
	width: 400px;
	height: 39px;
	margin: 0px;
	padding: 0px;
}*/

div.titolo h1
{
	font-size: 14px;
	margin: 0;
	padding: 0;
}

div.titolo img
{
	margin-right: 5px;
}

div#content_page p
{
	
	margin-bottom: 5px;
	padding-right: 10px;
	font-size: 11px;
	padding-left: 5px;
	text-align: justify;
}
div#content_page table#forms
{
	margin-bottom: 5px;
	margin-top: 10px;
	padding-right: 10px;
	font-size: 11px;
	width: 400px;
	border: 1px dotted #fff;
}

td.head
{

	background-color:#CCCCCC;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin-bottom: 2px;
}

td#testo{
	padding-left: 5px;
	padding-bottom: 5px;
}

td.title
{
	text-align: left;
	vertical-align: top;
	padding-bottom: 2px;
	padding-left: 5px;
}

td.content
{
	vertical-align: bottom;
	padding-bottom: 2px;
	padding-left: 5px;
}

td.content input.box
{
	width: 200px;
}

td.content select.box
{
	width: 200px;
}

td.content input.prov
{
	width: 50px;
}

td.content input.cap
{
	width: 100px;
}

td.content textarea.box
{
	width: 200px;
}


td#check
{
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 10px;
}

/*
**** | 
			stile specifico, creato appositamente per la pagina tecniomnia.asp 
			è stato modificato il content_page rinominandolo content_page2
			per togliere il padding-right in maniera tale da creare un effetto
			striscia continua con la colonna di destra col_r
	 |
****
*/
div#main_content div#content_page2
{
	
	width: 410px;
	/*height: 400px;*/
	padding-right: 6px;
	padding-left: 2px;
	padding-bottom: 2px;
	/*border-bottom: 1px dotted #ccc;*/
	margin-left: 185px;
	/*margin-bottom: 10px;*/
	border-left: 1px solid #65a3d3;
	background-color: #fff;
	/*margin-right: 166px;*/
}

div#content_page2 div.titolotecniomnia
{
	width: 409px;
	height: 63px;
	padding: 0px;
	border: 0px;
	margin-top: 2px;
	margin-right: 0px;
	background-image: url(../images/tecniomnia_logo.jpg);
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#content_page2 p
{
	margin-bottom: 5px;
	padding: 0px;
	padding-right: 10px;
	font-size: 11px;
	padding-left: 5px;
	text-align: justify;
}

div#box_logo_tecniomnia
{
	height: 61px;
	width: 164px;
	/*border: 1px solid #ccc;*/
	margin-right: 2px;
	margin-bottom: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/**
**** 
	| 
		Fine dello stile specifico per la pagina tecniomnia.asp 
	|
****
*/

/* definizione e formattazione della colonna destra col_r
*/
div#main_content div#col_r
{
	position: absolute;
	width: 171px;
	top: 295px;
	margin-left: 600px;
	padding: 0;
	margin-top: 2px;

}


div#col_r div#box_logo
{
	height: ;
	/*border: 1px solid #ccc;*/
	margin-right: 1px;
	margin-bottom: 3px;
}

div#box_logo a
{
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}


div#col_r div#box_certif
{

	/*height: 126px;/*128px*/
	border: 1px solid #ccc;
	padding: 0px;
	margin-top: 2px;
	width: 163px;
}

/*
	Questo div è stato aggiunto per distanziare maggiornmente 
	i banner pubblicitari, dai banner della tecniomnia e tecniomnia spagnola
*/
div#col_r div#banner_box
{
	margin-top: 55px;
	padding: 0px;
}
/*
	fine delle specifiche del banner_box
*/

div#box_certif p#subtitle
{
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	color: #FFFFFF;
	background-color: #87C0ED;
	text-align: center;
}


div#col_r p#subtitle
{
	width: 166px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	color: #FFFFFF;
	background-color: #87C0ED;
	text-align: center;
}

/* definizione e formattazione del bottom
*/
div#bottom
{
	text-align: center;
	height: 40px;
	padding: 5px;
	border-top: 3px solid #2094b4;
	background-color: #FFF;
}

div#bottom a
{
	text-decoration: none;
	color: #999999;
	font-size: 9px;
	margin-top: 10px;
}

div#bottom a.crweb
{
	float: right;
	color: #2094b4;
	font-size: 10px;
	font-weight: bold;
	margin-top: 60px;
}

div#bottom p#address
{
	text-align: left;
	margin-top: 25px;
	margin-left: 5px;
	/*color: #999999;*/
	font-size: 9px;
	padding: 0;
	width: 650px;
	float: left;
}

/* stile specifico per il bottom della home */
div#bottom_home
{
	text-align: center;
	height: 80px;
	padding: 5px;
	border-top: 3px solid #2094b4;
	background-color: #FFF;
}

div#bottom_home a
{
	text-decoration: none;
	color: #999999;
	font-size: 9px;
	margin-top: 10px;
}

div#bottom_home a.crweb
{
	color: #2094b4;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	width: 50px;
}

div#bottom_home p#address
{
	text-align: center;
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 0px;
	font-size: 9px;
	padding: 0px;
	color: #999999;
	width: 750px;
	float: left;
}
