/*  
Theme Name: Mesodamiani
Theme URI: http://www.mesodamiani.com/
Description: Mesodamiani
Version: 1.0
Author: Webjuice
Author URI: http://www.webjuice.it
*/

/**************************************************************************************/

body {
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Verdana;
	line-height:16px;
	color:#0e0e0e;
}

a { outline:none; color:#383838; text-decoration:underline; }

a:hover { color:#509c39; text-decoration:none; }

p, h1, h2, h3, h4, h5, h6, input, form, caption {
	margin:0px;
	padding:0px;
}

/**************************************************************************************/

#label-lab {
	background: url('images/label-lab.png') no-repeat;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0px;
	right: 0px;
}

#label-lab a {
	text-indent: -90000px;
	display: block;
	width: 200px;
	height: 200px;
}

#container {
	width:100%;
	overflow:hidden;
	background:url(images/body-reapter.jpg) left top repeat-x;
}

#header {
	width:100%;
	background:url(images/header-img.jpg) right 8px no-repeat;
}

#header h1, #header h2 {
	background:url(images/logo.png) no-repeat;
	margin:71px 0 19px 6px;
	width:457px;
	height:60px;
	float:left;
}

#header h1 a, #header h2 a {
	background:url(images/logo.png) no-repeat;
	display:block;
	text-indent:-999999px;
	width:457px;
	height:60px;
	float:left;
}

/**************************************************************************************/

#nav {
	width:100%;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	clear:both;
	height:47px;
}

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

#nav ul li {
	float:left;
	color:#f6f7f9;
	font-size:16px;
	font-weight:bold;
	height:35px;
	line-height:37px;
	padding:4px 0px 0px 10px;
	overflow:hidden;
	margin-right:30px;
	width:auto;
}

#nav ul li span {
	color:#f6f7f9;
	font-size:18px;
	font-weight:bold;
	display:block;
}

#nav ul li a {
	float:left;
	color:#f6f7f9;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:0px 0px 0px 17px;
	height:35px;
	line-height:37px;
}

#nav ul li a span {
	color:#f6f7f9;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 17px 0px 0px;
}

#nav ul li a:hover {
	color:#f6f7f9;
	background:url(images/nav-hover.png) left top no-repeat;
}

#nav ul li a:hover span {
	color:#f6f7f9;
	background:url(images/nav.jpg) right top no-repeat;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.selected {
	background:url(images/nav-hover.png) 10px 4px no-repeat;
	padding:0px 0px 0px 0px;
}

.selected span { background:url(images/nav.jpg) right top no-repeat; }

/**************************************************************************************/

#content {
	margin-top:3px;
	clear:both;
	overflow:hidden;
}

#main {
	width:662px;
	float:left;
	overflow:hidden;
}

#main #howto {
	margin-top: 25px;
}

/**************************************************************************************/

.learn-text {
	font-size:14px;
	padding:3px 10px 0px 14px;
}
.learn-text-last {
	font-size:14px;
	padding:3px 10px 20px 14px;
}
.more {
	color:#0081bd;
	font-size:14px;
}
.more a {
	color:#0081bd;
	font-size:14px;
	text-decoration:none;
}
.more a:hover {
	color:#509c39;
	text-decoration:underline;
}

/********* CSS for descrizione start here *******************/

.breadcrumbs {
	color:#383838;
	padding:15px 0px 0px 10px;
	font-size:14px;
}
.breadcrumbs a {
	color:#383838;
	font-size:14px;
	text-decoration:none;
}
.breadcrumbs a:hover {
	color:#509c39;
}
#left-top-inner-page {
	width:615px;
	margin:4px 0 13px 24px;
	position:relative;
}
#left-top-inner-page h1 {
	color:#0081bd;
	font-size:24px;
	padding:0px 0px 0px 0px;
}
#left-top-inner-page h4 {
	color:#509c39;
	font-size:14px;
	padding:10px 0px 0px 0px;
}
#left-top-inner-page {
	width:290px;
	float:left;
	font-size:14px;
	overflow:hidden;
	margin:10px 20px 15px 0px;
	line-height:17px;
}
#left-top-inner-page .Descrizione span {
	color:#0081bd;
	font-size:14px;
	font-weight:bold;
}
#left-top-inner-page .Descrizione span a {
	color:#0081bd;
	font-size:14px;
	padding-right:15px;
	text-decoration:none;
	font-weight:bold;
	background:url(images/icon.gif) right 4px no-repeat;
}
#left-top-inner-page .Descrizione span a:hover {
	color:#509c39;
	background:url(images/icon-hover.gif) right 4px no-repeat;
}

.text-cast {
	padding:0px 0px 0px 0px;
	float:left;
}
.Descrizione-right {
	width:310px;
	position:absolute;
	right:20px;
	top:70px;
}
.Descrizione-right .impianti-bg {
	background:url(images/bg-descrizione.jpg) left top no-repeat;
	width:314px;
	height:237px;
}
.line-bg {
	background-color:#725664;
	height:28px;
	line-height:28px;
	color:#ffffff;
	font-style:italic;
	text-align:center;
	width:280px;
	float:left;
	margin:190px 0px 0px 17px;
}
.thumb-image {
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style:none;
}
.thumb-image li {
	float:left;
	margin:15px 3px 0px 4px;
}
.Applicazioni-text {
	width:100%;
	padding:0px;
	font-size:14px;
}
.Applicazioni-image {
	position:absolute;
	right:20px;
	top:90px;
}
.application-text {
	position:absolute;
	left:22px;
	top:28px;
	font-style:normal;
	width:500px;
	padding:0px 0px 0px 0px;
}
.Applicazioni-text-bottom {
	padding:60px 25px 0px 0px;
	font-style:normal;
}
.more-link3 {
	color:#0081bd;
	font-size:14px;
	clear:both;
	width:310px;
	font-weight:bold;
	background:url(images/icon.gif) right 3px no-repeat;
	overflow:hidden;
	margin:0px 0px 8px 22px;
}
.more-link2 {
	color:#0081bd;
	font-size:14px;
	clear:both;
	float:left;
	width:310px;
	font-weight:bold;
	background:url(images/icon.gif) right 3px no-repeat;
	overflow:hidden;
	margin:38px 0px 0px 22px;
}
.more-link2 a, .more-link3 a {
	color:#0081bd;
	font-size:14px;
	padding-right:15px;
	text-decoration:none;
	font-weight:bold;
}
.more-link2 a:hover, .more-link3 a:hover {
	color:#509c39;
	background:url(images/icon-hover.gif) right 4px no-repeat;
}
#inner-line-with-image {
	overflow:hidden;
	float:left;
	width:100%;
	margin:19px 0px 0px 0px;
	clear:both;
}
#inner-line-with-image span {
	color:#0081bd;
	font-size:14px;
	clear:both;
	width:310px;
	font-weight:bold;
	background:url(images/icon.gif) right 3px no-repeat;
	overflow:hidden;
	margin:0px 0px 8px 22px;
}
.specifici-text {
	width:300px;
	float:left;
	padding:0px 0px 0px 22px;
	font-size:14px;
}

/**************************************************************************************/

.category {
	margin:0px 0px 10px 0px;
	position:relative;
}

.category h1 {
	color:#0081bd;
	font-size:24px;
}

.category h4 {
	color:#509c39;
	font-size:14px;
	padding:10px 0px 5px 0px;
}

.item {
	padding:0px 0px 18px 0px;
	overflow:hidden;
	width:650px;
	background: url(images/pannel-doted-line.jpg) left bottom no-repeat;
}

.item h6 {
	color:#0e0e0e;
	padding:21px 0px 0px 0px;
	font-size:14px;
}

.item ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.item li {
	float:left;
	margin:13px 8px 0px 0px;
	background:url(images/image-bg.gif) no-repeat;
	width:97px;
	height:71px;
	text-align:center;
	padding-top:6px;
}

.item img { border: 0px; }

.item p {
	font-size:14px;
	color:#0e0e0e;
	padding:0px 18px 10px 0px;
}

/**************************************************************************************/

#main .box {
	background:url(images/lft-first-top-repeater.gif) left top repeat-y;
	margin-bottom: 20px;
	overflow:hidden;
	width:661px;
}

#main .bottom {
	background: url(images/buttom.gif) left bottom no-repeat;
	padding:0 0 23px 0px;
	width:100%;
}

#main .top {
	background: url(images/left-top.gif) left top no-repeat;
	padding:23px 23px 0 23px;
	width:100%;
}

#main .nodots { 
	background: transparent !important; 
	padding-bottom: 20px !important;
	margin-bottom: 0px !important;
}

#main .text {
	background:url(images/pannel-doted-line.jpg) left bottom no-repeat;
	margin-bottom: 20px;
	padding-bottom: 20px;
	overflow: hidden;	
	width:100%;
}

#main .text ul, #main .text ol {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

#main .text ol {
	margin: 0px 0px 20px 10px;
}

#main .text li {
	padding:0 0 0 0;
	font-size:14px;
	list-style:none;
}

#main .text UL.normal {
	margin: 5px 0px 10px 0px !important;
}

#main .text UL.normal li {
	list-style: disc !important;
	list-style-position: inside !important;
	padding-left: 15px;
	margin-bottom: 4px !important;
}

#main .text li img {
	border: 0px;
	padding:6px 0 0 6px;
}

#main .text li a {
	display: block;
	width: 89px;
	height: 59px;
}

#main .text li strong {
	color: #ff0000;
}

#main .text h1, #main .text h2 {
	color:#0081bd;
	font-size:23px;
	padding:0px 0px 14px 0px;
	line-height:20px;
}

#main .text h2 {
	font-size: 19px;
}

#main .text h3 {
	margin-bottom: 20px;
	color:#509c39;
	font-size:14px;
	line-height:16px;
	font-style:italic;
	width: 630px;
}

#main .text p {
	color:#383838;
	font-size:14px;
	padding:0 0 20px 0;
	line-height:18px;
	width: 95%;
}

#main .text h4 {
	font-size: 14px;
}

#main .more {
	color:#0081bd;
	font-size:14px;
	margin-top:10px;
	line-height:18px;
	font-weight:bold;
	float:left;
	clear:both;
}

#main .more a {
	color:#0081bd;
	font-size:14px;
	line-height:18px;
	padding:0 17px 0 0;
	float:left;
	background:url(images/icon.gif) right 4px no-repeat;
	text-decoration:none;
}

#main .more a:hover {
	color:#509c39;
	background:url(images/icon-hover.gif) right 4px no-repeat;
	text-decoration:underline;
}

#main .left {
	width:290px;
	margin:0 10px 0 0;
	float:left;
}

#main .left h3 { width: 290px; text-align: justify; }

.images {
	float:right;
	margin:0px 40px 20px 20px;
}

.images ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:318px;
}

.images li {
	float:left;
	margin:13px 8px 0px 1px;
	width:97px;
	height:75px;
	text-align:center;
	background: url(images/thumb-bg.gif) no-repeat;
}

.images li img { padding:7px 0 0 0; }

.images img { border: 0px; }

/**************************************************************************************/

#intro { margin:25px 0 40px 0 !important; }

#spot {
	background:url(images/teeth-img.jpg) left top no-repeat;
	height:335px;
}

#spot h1 {
	color:#383838;
	font-size:30px;
	width:260px;
	font-style:italic;
	padding:22px 0 97px 18px;
	line-height:34px;
}

#spot h2 {
	color:#383838;
	font-size:18px;
	width:260px;
	font-style:italic;
	padding:22px 0 0 18px;
	line-height:18px;
}

#howto .text {
	margin-bottom: 35px;
	padding-bottom: 20px;
}

#page { margin:25px 0 0 0 !important; }

/************************************************************************************/

.ddsg-wrapper ul {
	height: auto !important;
	margin: 10px 0px 20px 15px !important;
}

.ddsg-wrapper li a {
	width: 90% !important;
	height: auto !important;
	margin-bottom: 10px !important;
	margin-left: 10px !important;
}

.ddsg-wrapper h2 {
	padding-bottom: 9px !important;
}

/**************************************************************************************/

#sidebar {
	width:285px;
	float:right;
	overflow:hidden;
	position:relative;
	margin-top:5px;
}

#sidebar .box {
	background: url(images/right-box-repater.gif) right top repeat-y;
	overflow:hidden;
	width:100%;
	margin:0px 0 22px 0;
}

.bg {
	background:url(images/right-box-bottom-bg.gif) right bottom no-repeat;
	overflow:hidden;
	width:100%;
	padding:0px 0px 33px 0px;
}

.bg h2 {
	color:#0081bd;
	font-size:22px;
	padding:38px 0 10px 17px;
}

.bg ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:260px;
}

.bg ul li {
	font-size:14px;
	color:#383838;
	font-style:italic;
	background:url(images/point.png) left 23px no-repeat;
	font-weight:bold;
	padding:19px 0 0 18px;
	margin-left:18px;
}

#offerte {
	background:url(images/right-box-top-bg.gif) right top no-repeat;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}

#informazioni {
	background:url(images/right-bg.png) no-repeat;
	width:285px;
	height:125px;
	margin-top:-10px;
	margin-bottom:10px;
}

#informazioni h2 {
	color:#0081bd;
	font-size:22px;
	line-height:25px;
	padding:28px 50px 0px 20px;
}

#informazioni h3 {
	clear:both;
	color:#383838;
	font-size:20px;
	padding:15px 0px 0px 20px;
}

#informazioni a { text-decoration: none; }

#informazioni h2 a { color:#0081bd; }
#informazioni h3 a { color:#383838; }

#approfondimenti {
	background:url(images/right-top-search-bg.gif) right top no-repeat;
	overflow:hidden;
}

#approfondimenti li h3, #approfondimenti li h3 A {
	color:#509c39;
	padding:13px 0px 3px 0;
	font-style:italic;
	font-size:14px;
}

#approfondimenti ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:260px;
}

#approfondimenti li {
	color:#383838;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	padding:0px 0px 16px 0px;
	background:none;
	text-align:justify;
	background:url(images/right-reapter-bottom.gif) left bottom repeat-x;
}

#approfondimenti li a {
	color:#0081bd;
	font-size:14px;
	text-decoration:none;
}

#approfondimenti li a:hover {
	color:#509c39;
	text-decoration:underline;
}

#approfondimenti .last{ background:none; }

/**************************************************************************************/

#frm-contact { 
	font-size: 14px; 
	width: 560px;
}

#frm-contact label {
	margin-bottom: 5px;
	display: block;
}

#frm-contact label.error {
	font-size: 11px;
	color: #ff0000;
}

#frm-contact .frm-wrap { margin-bottom: 10px; }

#frm-contact .frm-text, #frm-contact .frm-textarea {
	background: url('images/bg-form-fade.gif') #ffffff repeat-x top;
	border: 1px solid #e5e5e5;
	padding: 5px;
	width: 550px;
}

#frm-contact .frm-submit {
	background: url('images/icon.gif') no-repeat right;
	padding-right: 15px;
	font-style: italic;
	cursor: pointer;
	border: 0px;
	float: right;
	color: #007db8;
}

.required { color: red; }

/**************************************************************************************/

#footer {
	background:url(images/footer-reapter.gif) left top repeat-x;
	margin:33px 0px 0px 0px;
	width:100%;
	clear:both;	
	height:250px;
	font-size:13px;
	color:#383838;
}

#footer .quote {
	margin:15px 30px 0px 0px;
	float:left;
}

#footer .quote p { 
	line-height: 150%;
	padding-top:18px; 
}

#footer .quote p strong {
	display:block;
	padding-left:10px;
	font-weight:normal;
}

#footer .right {
	width:280px;
	float:right;
	padding-top:30px;
	font-size:14px;
}

#footer .right p {
	line-height: 150%;
	margin-bottom: 15px;	
}

#footer .right p a {
	color:#383838;
	text-decoration:underline;
}

#footer .right p a:hover {
	color:#509c39;
	text-decoration:none;
}

#footer-logo {
	background:url(images/footer-logo.gif) no-repeat;
	text-indent:-999999px;
	margin:20px 0px 0px 450px;
	width:90px;
	height:55px;
	float:left;
	clear:both;
}

#footer-logo a {
	text-indent:-999999px;
	display:block;
	width:90px;
	height:55px;
}

/**************************************************************************************/

.wrap {
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

.marginbottom {
	margin-bottom: 20px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
.hide { display: none; }