/*  

Theme Name: ecoprofili-2009
Description: The ecoprofili website theme.
Version: 1.0
Author: Cristian Zaretta
Author URI: http://www.ptcommunication.it

*/

@import url("menu.css");

* {
	margin: 			0;
	padding:			0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:			100%;
	font-weight:		normal;
}

html { 				
	height: 			100%;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:				#666;
}

body {
	margin:				65px 0 0;
	background-color:	#f9f9f9;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

h1 {
	font-size:			16px;
	color:				#006730;
	margin:				3px 5px 10px;
}

h2 {
	font-size:			14px;
	color:				#eaa509;
	margin:				3px 5px 10px;
}

h3{
	font-size:			14px;
	color:				#006730;
	margin:				3px 20px 5px;
}

h3 a{
	text-decoration:	none;
	font-size:			14px;
	color:				#006730;
	margin:				0;
	padding-right:	    16px;
	background:			transparent url(../images/green-arrow.png) no-repeat right 5px;
}

p {
	font-size:			12px;
	margin:				3px 5px 0;
}

a {
	color:				#006730;			
}

cite {
	font-style:			italic;
	font-size:			13px;
	color:				#006730;
	text-align:			center;
}

ul {
	margin:				3px 5px 0;
}

strong {
	color:				#eaa509;
	font-weight:		normal;
}

#header {
	position:			relative;
	width:				100%;
	height:				41px;
	background-color:	#3f2b17;
	overflow:			visible;
}

#box-header {
	position:			relative;
	width:				980px;
	margin:				0 auto 0;
	overflow:			visible;
}

#logo {
	position:			absolute;
	left:				0px;
	float:				left;
	width:				160px;
	height:				114px;
	margin:				-60px 0 0 0;
	background:			#f9f9f9 url(../images/eco-profili-logo.jpg) no-repeat center;
	cursor:				pointer;
}

.shadow-brown {
	width:				100%;
	height:				6px;
	background: 		transparent url(../images/shadow-brown.png) repeat-x top left;
}

#main {
	width:				980px;
	/*background-color:	#003300;*/
	margin:				10px auto 0;
	padding-bottom:     60px;
	overflow:			hidden;
}

#page {
	width:				958px;
	margin:				10px auto 0;
	height:				100%;
	overflow:			hidden;
}

#box-header-home {
	position:			relative;
	width:				958px;
	height:				270px;
	margin:				0 auto 0;
	background:			transparent url(../images/bg-box-header-home.png) no-repeat left top;
}

#box-header-home p{
	position:			absolute;
	width:				560px;
	height:				100px;
	margin:				150px 0 0 23px;
	font-size:			16px;
	overflow:			hidden;
}

#box-home-big {
	float:				right;
	width:				573px;
	height:				170px;
	margin:				0 0 0;
	background: transparent url(../images/bg-box-big.png) no-repeat left 15px; 
}

#box-home-medium {
	float:				left;
	width:				384px;
	margin:				0;
	overflow:			hidden;
}

#box-home-small {
	width:				285px;
	margin:				22px 0 0;
	border-left:		1px solid #ccc;
	border-right:		1px solid #ccc;
}

#box-home-medium h1{
	font-size:			16px;
	color:				#006730;
	margin:				3px 5px 5px;
}

#box-home-big h1, #box-home-small h1{
	font-size:			16px;
	color:				#006730;
	margin:				3px 20px 5px;
}

#box-home-medium p{
	font-size:			12px;
	color:				#666;
	margin:				0 5px 5px;
}

#box-home-big p, #box-home-small p {
	font-size:			12px;
	color:				#666;
	margin:				20px 20px 5px;
}

#box-home-big h3, #box-home-small h3{
	font-size:			14px;
	color:				#006730;
	margin:				3px 20px 5px;
}

#box-home-big h3 a, #box-home-small h3 a{
	text-decoration:	none;
	font-size:			14px;
	color:				#006730;
	margin:				0;
	padding-right:	    16px;
	background:			transparent url(../images/green-arrow.png) no-repeat right 5px;
}


ul.elenco-prodotti {
	list-style:			none;
	margin:				0px 5px 0;
	overflow:			hidden;
}

ul.elenco-prodotti li {
	overflow:			hidden;
	margin:				10px 0 0;
}

ul.elenco-prodotti li a {
	color:				#666;
	font-size:			14px;
	font-weight:		bold;
	text-decoration:	none;
	overflow:			hidden;
	padding:            0 25px 0;
}

.point-eco-intonaco {
	background:			transparent url(../images/prodotti/point-eco-intonaco.png) no-repeat left 2px;
}

.point-eco-massetto {
	background:			transparent url(../images/prodotti/point-eco-massetto.png) no-repeat left 2px;
}

.point-into-fon {
	background:			transparent url(../images/prodotti/point-into-fon.png) no-repeat left 2px;
}

.point-eco-fon {
	background:			transparent url(../images/prodotti/point-eco-fon.png) no-repeat left 2px;
}

.point-eco-fon-015 {
	background:			transparent url(../images/prodotti/point-eco-fon-015.png) no-repeat left 2px;
}

.point-eco-restauro-01 {
	background:			transparent url(../images/prodotti/point-eco-restauro-01.png) no-repeat left 2px;
}

.point-eco-restauro-02 {
	background:			transparent url(../images/prodotti/point-eco-restauro-02.png) no-repeat left 2px;
}

.point-water-stop {
	background:			transparent url(../images/prodotti/point-water-stop.png) no-repeat left 2px;
}

.elenco-prodotti-dettagli {
	margin:				5px 0 0 25px;
	font-size:			11px;
	overflow:			hidden;
}

.elenco-prodotti-dettagli a{
	color:				#666;
	font-size:			11px;
	text-decoration:	none;
	padding:	        0;
	margin:				0;
}

.elenco-prodotti-dettagli a:hover{
	color:				#eaa509;
	text-decoration:	underline;
}

/* Pagina */

#page-header {
	width:				958px;
	height:				100px;
	margin-bottom:		10px;
}

#box-page {
	float:				left;
	width:				670px;
	overflow:			hidden;
	/*background-color:	#990099;*/
}

#box-submenu {
	width:				670px;
	height:				27px;
	background-color:   #f0f1eb;
	overflow:			hidden;
}

ul.nav-submenu {
	width:				100%;
	list-style:			none;
	margin:				0 10px 0;
	overflow:			hidden;
}

ul.nav-submenu li {
	float:				left;
	overflow:			hidden;
	margin:				6px 0 0;
}

ul.nav-submenu li a {
	float:				left;
	color:				#666;
	font-size:			13px;
	text-decoration:	none;
	overflow:			hidden;
	padding:            0 23px 0;
	text-align:			left;
	background:			transparent url(../images/green-point.png) no-repeat 0 0px;
}

ul.nav-submenu li.selected a{
	background:			transparent url(../images/orange-point.png) no-repeat 0 0px;
}

ul.nav-submenu li a:hover{
	background:			transparent url(../images/orange-point.png) no-repeat 0 0px;
}

#box-breadcrumbs {
	width:				670px;
	height:				27px;
	overflow:			hidden;
	margin:				5px 0 20px;
}

ul.nav-breadcrumbs {
	width:				100%;
	list-style:			none;
	margin:				0 10px 0;
	overflow:			hidden;
	background:			transparent url(../images/breadcrumbs-home.png) no-repeat 0 5px;
}

ul.nav-breadcrumbs li {
	float:				left;
	color:				#666;
	font-size:			11px;
	overflow:			hidden;
	padding:            0 0 0 5px;
	margin:				6px 0 0;
}

ul.nav-breadcrumbs li a {
	float:				left;
	color:				#666;
	font-size:			11px;
	text-decoration:	none;
	padding:            0 0 0 5px;
	text-align:			left;
}

ul.nav-breadcrumbs li.home a {
	padding:            0 0 0 15px;
}

ul.nav-breadcrumbs li a:hover {
	color:				#eaa509;		
}

#page-text {
	height:				100%;
	margin:				0 5px 0;
}

/* Sidebar */

#sidebar {
	float:				right;
	width:				258px;
	border:				1px solid #eee;
	background-color:	#f0f1eb;
	padding-bottom:     50px;
}

#sidebar h1 {
	font-size:			16px;
	color:				#006730;
	margin:				15px 15px 5px;
	padding:            0 23px 0;
	background:			transparent url(../images/green-point.png) no-repeat 0 2px;
}

#sidebar p {
	font-size:			12px;
	color:				#666;
	margin:				20px 20px 5px;
}

#sidebar h3{
	font-size:			14px;
	color:				#006730;
	margin:				3px 20px 5px;
}

#sidebar h3 a{
	text-decoration:	none;
	font-size:			14px;
	color:				#006730;
	margin:				0;
	padding-right:	    16px;
	background:			transparent url(../images/green-arrow.png) no-repeat right 5px;
}

/* Prodotti */

.label-prodotto {
	float:				left;
	width:				155px;
	font-size:			14px;
	padding:            0 0 0 25px;
	margin:				10px 0 0 10px;
}

.descrizione-prodotto{
	float:				left;
	width:				460px;
	height:				100%;
	font-size:			12px;
	padding:            0 0 15px;
	margin:				10px 0 0 10px;
}

.descrizione-prodotto a:hover {
	color:				#006730;
}

.dettagli {
	color:				#006730;
}

/* Immagini */

.img-center {
	text-align:			center;
	margin-top:			15px;
}

.img-right {
	position:			absolute;
	margin-top:			10px;
	margin-left:		300px;
}

.frame {
	background-color:	#fff;
	padding:	        3px 3px 3px 3px;
	margin:				0;
	border:				1px solid #d6d4cb;  
	text-align:			center;
}

.img-referenze {
	float:				right;
	margin:				10px 20px 0 0;
}

/* Video */

#video-home {
	float: 				right;
	margin:				8px 20px 0 0;
	overflow:hidden;
}

/* Contatti */

.label-contatti {
	float:				left;
	width:				100px;
	margin:				4px 5px 0 5px;
	font-size:			13px;
}

.form-contatti {
	float:				left;
}


/* Footer */

#footer {
	width:				100%;
	height:				85px;
	background-color:	#3f2b17;
	margin:				10px 0 0 0;
}

#box-footer {
	position:			relative;
	width:				980px;
	height:				100%;
	margin:				0 auto 0;
}

#box-footer p{
	color:				#fff;
	font-size:			12px;
	margin:				0;
	padding:            20px 10px 0;
}

ul.nav-footer {
	float:				right;
	width:				400px;
	list-style:			none;
	margin:				10px 5px 0;
	overflow:			hidden;
}

ul.nav-footer li {
	float:				left;
	width:				100px;
	overflow:			hidden;
	margin:				10px 0 0;
}

ul.nav-footer li a {
	float:				left;
	width:				100px;
	color:				#fff;
	font-size:			11px;
	text-decoration:	none;
	overflow:			hidden;
	padding:            0 10px 0;
	text-align:			left;
	background:			transparent url(../images/white-arrow.png) no-repeat 0 3px;
}

ul.nav-footer li a:hover {
	float:				left;
	width:				100px;
	text-decoration:	underline;
}

/* Tempo di generazione */ 

#code {
	width:				980px;
	margin:				8px auto 8px;
	background-color:	#FFFFCC;
	border:				1px dashed #006600;
	padding:            10px 10px 10px;
} 

#code p {
	font-family:		"Courier New", Courier, monospace;
	color:				#000;
	font-size:			14px;	
}