/*stili per il layout elastico*/
/*stili per il layout fisso con altezza minima*/

html,body{margin: 0;padding:0;height:100%;min-height: 100%;}
body{
	font-family: verdana,"Trebuchet MS",impact,arial,sans-serif;
	font-size: 75%;
	text-align: center;
	background-image: url(http://www.estrema.it/images/slash.png);
}
div#container{
	position:relative;
	width: 760px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
body>div#container{height:auto;min-height:100%;}
div#footer{position: absolute;bottom:0; width: 100%; padding-bottom: 2em; padding-top: 1em; text-align:center;font-size: 75%; border-top: 1px dotted #cccccc; clear: both; margin-top: 8em}
div#pageName{margin: 0px; padding: 0px 0px 0px 10px;}

div#map{position:relative; width: 560px; height: 350px; padding: 0px 0px 0px 0px;}


/*stili generici, su header e footer*/
div#header{
	padding-top: 10px;
	padding-bottom:10px;
	
	padding-left: 19px;
}

div#sfondo760{
    height: 257px;
    
}

hr{border: 0pt none ; color: rgb(255, 0, 0); background-color: rgb(200, 200, 200); height: 1px; width: 100%;}
h1,h2, h3{margin: 0;padding: 1em 0 .5em 0}
h1{color: #222;font-size: 1.75em}
h2{color: #444;font-size: 1.5em}
h3{color: #666;font-size: 1.25em}
div#footer a{color: #000;font-weight: normal;text-decoration: none}

div.tasto_home{font-size: 90%;border: 1px solid #fff;width: 100px; padding: 0px; margin: 35px 2px 20px 2px; float: left; text-align: center;height: 30px;vertical-align: bottom;display:inline; vertical-align:middle}
div.tasto_home a{color: #666;font-weight: bold;text-decoration: none}


/*stili specifici per il layout*/
div#navigation{float: left; width: 15em; margin: 0px; padding: 0px; border-left: 1px dotted #eeeeee; border-right: 1px dotted #eeeeee; margin-right: 10px}

div#content{position: relative; margin: 0px 0px 0px 172px;padding: 0px 1.5em 5em 0; width: auto; /*text-align: justify;*/ font-size: 90%; display: block;}

div#content_home{position: relative; margin: 0px 0px 0px 0px;padding: 0px 1.5em 5em 0; width: auto; text-align: justify; font-size: 90%; display: block;}

div#logo{ position:relative; width: 380px; height: 100%;margin: 0 auto; text-align: center; margin-top: 25px; margin-bottom: 25px}
div#bottoni{ position:relative; width: 380px; height: 100%;margin: 0 auto; text-align: center; margin-top: 25px; margin-bottom: 25px}
div#indirizzo{ position:relative; width: 380px; height: 100%;margin: 0 auto; text-align: center; font-size: 88%;}



/* box case studies  */
div.cliente{position: relative; width: auto; height: auto;  border: 1px dotted #ccc; background-color: #eee; padding: 20px;  margin-bottom: 10px; overflow: auto;}
div.cliente img{position: relative; border: 0px solid #eee; display: block; margin: 10px 0px 5px 0px;  }
div.cliente hr {display: block; float: right;clear: right; margin: -1em 0 1em 0; width: 100px}

table.contattaci input {background-color: #eee; font-size: 100%;border: 1px solid #ccc;display: inline;}
table.contattaci textarea {background-color: #eee;font-family: verdana; font-size: 100%; border: 1px solid #ccc; display: block;}

table.contattaci {
	border-width: 0px 0px 0px 0px;
	border-spacing: 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;

    font-size: 100%;
    
}

table.contattaci th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;


}
div.contattaci td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
    font-size: 88%;

}

div.contattaci p {margin-top: 10px; clear: right;}

table.clienti {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
    font-size: 88%;

}




table.clienti th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;

}
table.clienti td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;

}

div.ricerca{background-color: #eee; font-size: 100%;border: 1px solid #ccc;width: 30%; padding: 15px; margin-bottom: 25px; margin-top: 15px; background-image: url(http://www.estrema.it/images/sfondo_job.png); background-repeat: repeat-y;}

div.didadx{background-color: #eee; font-size: 100%;border: 1px solid #ccc;width: 15em; padding: 15px; margin: 15px 0px 15px 15px; background-image: url(http://www.estrema.it/images/sfondo_job.png); background-repeat: repeat-y; float: right; display: block; text-align: left;}

div.didasx{background-color: #eee; font-size: 100%;border: 1px solid #ccc;width: 15em; padding: 15px; margin: 15px 15px 15px 0px; background-image: url(http://www.estrema.it/images/sfondo_job.png); background-repeat: repeat-y; float: left; display: block;}



#navcontainer
{
float:left;
margin: 0px;
padding: 0;
width: 15em;
border-right: 1px dotted #eeeeee;
font-size: 100%;
margin-right: 20px;
margin-bottom: 20px;
font-size: 85%;
}

#navcontainer b{font-weight: bold; color: #ff0000; border: 0; padding: 0; margin: 0}

#navcontainer ul
{
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#navcontainer li
{
border-bottom: 1px dotted #eeeeee;
margin: 0;
padding: 0;
margin: 0;

}

#navcontainer li a
{
display: block;
padding: 5px .5em 5px 1em;
border-left: 1em solid #eeeeee;
background-color: #ffffff;
color: #000000;
text-decoration: none;
width: 12.5em;

}

#navcontainer li a:hover
{
border-left: 1em solid #444444;
background-color: #cccccc;
color: #000000;
}




#navcontainer li li
{
border-top: 1px dotted #eeeeee;
border-bottom: 0;
margin: 0;
}

#navcontainer li li a
{
display:block;
padding: 1px 1em 1px 2em;
border-left: 2em solid #eeeeee;
background-color: #ffffff;
color:#000000;
width:10em;
text-decoration:none;
}

#navcontainer li li a:hover
{
border-left: 2em solid #444444;
background-color: #cccccc;
color: #000000;
}

#navcontainer li li li a
{
padding: 1px .5em 1px 1.9em;
background-color: #73b2e8;
width: 8.2em;
}