/* -------------------------------------------
progetto:	OMD Dimolitori Idraulici 
autore: 	Comma3 srl 
			AAM
data:		2007/12/12
css: 		style principale sito
------------------------------------------- */     

html { min-height: 95%; margin: 10px 0px 1px 0px; font-size: 100.01%; }
body { margin: 0; padding: 1px 0 0; background-color:#FFFFFF; /*background: url(../img/bg.png);*/ color: #555; font: 62.5%/1.5 Arial,Helvetica,sans-serif; }
input,select,textarea,button { font:12px Tahoma, Geneva, sans-serif; vertical-align:middle; padding:3px;}
select, option {font-size: 1.2em}

button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button {  overflow:visible; width:auto; border:0; padding:6px 0; margin:0; background:transparent; cursor:pointer;}
button.button span { background: url(../img/bg-button.png) repeat-x top; border: 1px solid #ADADAD; border-left-color: #DFDFDF; border-top-color: #DFDFDF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; cursor: pointer; font: 10px Tahoma, Geneva, sans-serif; font-weight: bold; height: 13px; padding: 4px 10px; text-transform: uppercase; }
button.button span span { background: none !important; border: none !important; padding: 0 !important;}
button.button:hover span { background: url(../img/bg-button.png) repeat-x bottom; color: #d4d4d4; }
button.button:active span { color: #fff; }

button.disabled {}
button.disabled span {}
/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p { font-size: 1.1em; }
ul, ol, dl { margin-bottom: 1.5em; }
p { margin-bottom: 1.25em; }
li *, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
/* Form Elements */
button { overflow: visible; cursor: pointer; }

abbr, acronym { cursor: help; }

a { color: #E64100; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; color: #7A3216;}
hr {
	clear:both;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #ECE9D8;
	padding: 0 0 0 0px;
	margin: 0 0 8px 0px;
}

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 2.4em Arial,Helvetica,sans-serif; color: #F65700; }
h1 { font-size: 2.2em; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { text-decoration: underline; }
h2 { font-size: 1.9em; color: #000; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001em; overflow: hidden; height: 0; margin: 0; line-height: 0em; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#wrapper { margin: -1px 0 0; padding: 0 0 0 1px; background: #fff url(../images/bg-sub.png) repeat-x; position: relative;}

.index #wrapper { background: #eee url(../img/bg_index.png) repeat-x;  }
.home #wrapper { background:  #fff url(../img/bg_home.gif) repeat-x top center; }
.pages #wrapper { background: #fff url(../img/bg_pages.gif) repeat-x top center; }

#wrapper div.wrapper-head { position: relative; width: 100%; }
#wrapper div.wrapper-swf {
	width: 930px;
	background-color: #808080;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
}


#top_it { position: relative; width: 950px; height: 155px; margin: 0 auto; z-index: 50; background: url(../img/bg-top_it.png) no-repeat 0 25px;   }
#top_en { position: relative; width: 950px; height: 155px; margin: 0 auto; z-index: 50; background: url(../img/bg-top_en.png) no-repeat 0 25px;   }
#top.short { height: 125px; }
#logo { position: absolute; left: 0px; top: 12px; margin: 0; }
#logo a { display: block; overflow: hidden; width: 420px; height: 88px;  text-indent: -10001px; }
	
    .pl #logo a { background-image: url(img/logo_omd.gif); }
    #logo a img { display: none; }
		 
#login-form { position: absolute; right: 0; top: 26px; width: 286px; height: 62px; color:#FFFFFF;  padding: 8px 0 0;}
#login-form a { color:#000; text-decoration: none;}
#login-form strong { font-size: 12px; color: #fff;}
#login-form fieldset { margin: 0; padding: 0 0 0 70px; }
#login-form legend { margin: 0; padding: 0 0 5px; color:#FFFFFF;}
#login-form label { display: block; width: 100px; height: 15px;
	 /*background: url(../images/headers/search.png) no-repeat; text-indent: -10001em; cursor: pointer;	*/  }
	 
#login-form input { width: 90px; margin: 0 5px 0 0; padding: 3px 5px; border: 1px solid #372a24; background: #fff; color: #666; vertical-align: middle; }
#login-form input.loading { background-position: 233px 50%; }
#login-form button { position: relative;  text-indent: 0em;}
   
#areariservata a { color:#E64100; text-decoration: none;}
#areariservata strong { font-size: 12px; color: #000;}   
  		 
#search-form { right: 0; width: 315px; padding: 0px 0 10px 0; }
#search-form fieldset { margin: 0; padding: 0 0 0px 20px; }
#search-form legend { margin: 0; padding: 0 0 10px;  font-size: 1.500em; color:#333; }
#search-form label { display: block;  height: 15px;  margin-top: 10px; /*background: url(../images/headers/search.png) no-repeat; text-indent: -10001em; cursor: pointer;*/ }
	 
#search-form input { width: 243px; margin: 0 5px 0 0; border: 1px solid #a4a4a4; background-color:#fff; color: #333; vertical-align: middle; }
#search-form input.loading { background-position: 233px 50%; }
#search-form button { position: relative; text-indent: 0em; margin-left:4px;}

#navtop { float: right; list-style: none; margin: 0; padding: 0;}
#navtop li { float: left; height: 23px; padding: 0 12px 0 13px; border-left: 1px solid #bebebe; color: #8b7063; font-size: 1em; line-height: 23px; text-transform: uppercase; }

#navtop li.first { border: none; }
#navtop li a { color: #8b7063; text-decoration: none; }
#navtop li a:hover { color: #c05221; }

#navtop li a.lang { padding-left: 2px;}

#navtop li a.toggle { padding-left: 16px; background: url(../img/icons_tools.gif) 0 4px no-repeat; }
#navtop li a.off { background-position: 0 -46px; }
#navtop li a.off:hover { background-position: 0 -71px; }
#navtop li a.on { background-position: 0 4px; }
#navtop li a.on:hover { background-position: 0 -21px; }

.header{ background:#d8d8d8; width: 950px; height:210px; margin:0 auto; padding-top:2px; margin-bottom:10px;}
	#featuredHome, #featured { position: relative; width: 418px;margin: 0 auto; padding: 0 0 0 500px; 
	background: #d8d8d8 url(../img/bg-featured.png) top right no-repeat; border-width: 12px 16px 12px; color: #666; }
	
/*	#featuredHome h1 { margin: 35px 0 2px; color: #333; font-size: 1.8em; text-transform: uppercase; }
	#featuredHome { height: 180px; }
*/	#featured { height: 180px;}

	#featured h1 { margin: 15px 0 2px 20px; color: #d94e1a; font-size: 25px; font-family: "Arial Narrow", Arial;}
	#featured div.image, #featuredHome div.image { position: absolute; left: 0; top: 0; }
	
	#imagefader{ float: left; }
	.imgLeft { float: left;  margin: 0px 20px 2px 0px;}

	#featured p.date { margin: 0 0 20px; font-size: 1em; text-transform: uppercase; }
	#featured p.date span { padding: 0 2px; }
	
	#featured div.search, #featuredHome div.search{ position:relative; top:20px;}
	#featured div.search p { }
	#featured div.search p a { color: #aaa; text-decoration: none; }
	#featured div.search p a:hover { color: #555; text-decoration: none; }
	
	#featured ul.tabs { position: absolute; left: 500px; top: 244px; list-style: none; 
	width: 395px; margin: 0; padding: 0; }
	#featured ul.tabs li { display: inline; float: left; margin: 0 3px 0 0; 
	font-size: 1em; line-height: 28px; text-transform: uppercase; }
	#featured ul.tabs li.visit { float: right; margin: 0; }
	#featured ul.tabs li a { float: left; padding: 0 0 0 2px; 
	background: url(../images/tabs.png); color: #fff; text-decoration: none; }
	#featured ul.tabs li a:hover { background-position: 0 -26px; }
	#featured ul.tabs li strong { float: left; padding: 0 0 0 2px; 
	background: url(../images/tabs.png) 0 -52px; color: #fff; }
	#featured ul.tabs li span { position: relative; overflow: hidden; float: left; 
	height: 26px; margin: 0 -2px 0 0; padding: 0 15px 0 13px; background: url(../images/tabs.png) 100% 0 no-repeat; }
	#featured ul.tabs li a span { cursor: pointer; }
	#featured ul.tabs li a:hover span { background-position: 100% -26px; }
	#featured ul.tabs li strong span { background-position: 100% -52px !important; }
	#featured ul.controls { position: absolute; left: 0; top: 240px; list-style: none; margin: 0; padding: 0; }
	#featured ul.controls li { display: inline; float: left; margin: 0 1px 0 0; }
	#featured ul.controls li a { overflow: hidden; float: left; width: 30px; height: 30px; 
	background: url(../images/controls-a.png); text-indent: -10001em; }
	#featured ul.controls li span { float: left; width: 30px; height: 30px; 
	background: url(../images/controls-a.png); text-indent: -10001em; }
	.news-home{ margin-left:10px;/**/}
	#contBodyHome { position: relative; overflow: hidden; width: 950px; margin: 0 auto; padding: 25px 0 0px;}
	#contBodyHome div.column { float: left;	background: url(../img/line_vertical.gif) 0px 0 repeat-y; padding-bottom: 25px;}
	#contBodyHome div.column h1 { color: #333; }
	#contBodyHome .first { width: 465px; padding: 0 25px 0 25px; }
	#contBodyHome .second { width: 350px; padding: 0 25px 0 25px; }
	
	#contBody { position: relative; overflow: hidden; width: 900px; margin: 0 auto;	padding: 25px  25px 30px 25px;  background:#FFF url(../img/bg-conten.gif) 0 0px repeat-y;}
	#contBody div.column { float: left;	/*background: url(../img/line_vertical2.gif) 0px 0 repeat-y;*/}
	#contBody .first { width: 450px; padding-right:25px; }
	#contBody .second { width: 400px; padding-left: 25px; }
	#contBody .open { width: 875px; padding: 0 0px 0 25px; }
	#contBody div.column h1, #contBody h1  { color: #333; }
	#contBody div.column h1 strong { color: #FF7709; }
	#contBody div.column h1 small { display: block; text-transform: none; }

	#content { overflow: hidden; width: 934px; margin: 0 auto; padding: 9px 16px 10px 0; }
	#side { float: left; width: 268px; padding: 157px 0 0 16px; }
		
	#subnav  { /*width: 250px;*/ margin: 0px 0 0 0px; padding: 0 0 0 0px; }
	#subnav ul { list-style: none; margin: 0px; padding: 0px; }
	#subnav li {
	display: block;
	list-style: none;
	padding: 2px 20px;
	border-bottom: 1px solid #d2d5d5;
	background-image: url(../img/bullet_nav.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}
	#subnav li .tabAccessori {
	margin: 0;
	padding: 0 5px;
	background: #ECECEC;
	border: 1px solid #e5e5e5;
	float:right;
	font-size: 0.8em;
	text-transform: uppercase;
	}
	#subnav li.sub3 { display: block; list-style: none; padding: 8px 2px 8px 38px; border-bottom: 1px solid #d2d5d5; background: url(../img/bullet_nav2.gif) no-repeat 20px 10px;}
	#subnav ul li a { background-position: 50% 100%; color: #E2F4FA;  font-size: 1.2em;}
	#subnav ul li:hover { background-position: 50% 100%; background-color: #1F81A1; color: #FFF; }
	#subnav ul li.active { background-position: 50% 100%; background-color: #1F81A1; }

.single #main { float: none; width: auto; margin: 0 0 0 16px; padding: 0 0 0 35px; background: #fff; }

#main { float: left; padding: 0px 0px 0 10px; background: #fff; min-height: 200px; }
#main h2 {font-size: 1.4em; color: #333;  }
/*#main img { float: right; width: 260px; padding: 1px; margin: 2px 6px 8px 9px;}*/

#main .fotoscheda { float: right; width: 230px; padding: 1px; margin: 2px 0px 8px 9px;}
#main .fotoscheda img { width: 230px; padding: 1px; }

.RcInfo { background-color:#5BBEF1; padding: 8px; margin-bottom: 20px} 
	.RcInfo a{ color:#000; font-size:1.4em; margin-right: 60px;}


img.icenter { display: block; margin: 0 auto; padding: 1px; border: 3px solid #eee; }
img.istatic { padding: 1px; border: 3px solid #eee; }
img.ileft { display: inline; float: left; margin: 0 10px 3px 0; padding: 1px; border: 3px solid #eee; }
img.iright { display: inline; float: right; margin: 0 0 3px 10px; padding: 1px; border: 3px solid #eee;}



#outer-wrapper {}
   
div.infobox { width: 100%; margin: 0 auto; padding: 15px 0; }
div.infobox div.inner { position: relative; overflow: hidden; width: 900px; margin: 0 auto; padding: 10px 35px 10px 15px; background: #040404; }
div.infobox p { float: left; margin: 0; padding: 0; color: #888; font-size: 1em; line-height: 1.2em; text-transform: uppercase; }
div.infobox p.first { display: inline; margin: 0 15px 0 0; padding: 0 15px 0 0; background: url(../images/sep-d.gif) 100% 50% no-repeat; }
div.infobox p.close { position: absolute; top: 10px; right: 10px; }
div.infobox p strong { color: #aaa; }
div.infobox p a { color: #c05221; text-decoration: none; }
div.infobox p a:hover { text-decoration: underline; }
div.infobox p.close a { display: block; overflow: hidden; width: 11px; height: 11px; background: url(../images/icons-close.gif) no-repeat; text-indent: -10001em; }
div.infobox p.close a:hover { background-position: 0 -20px; }

/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 950px; padding: 2px 0; background: #000; color: #fff; line-height: 19px; text-align: center; text-decoration: none; text-transform: uppercase; }
   
/* GENERAL
------------------------------------------- */
blockquote { margin: 0 0 0 10px; padding: 0 20px; border-left: 3px solid #ab8472; font-style: italic; }

ul { margin-left: 0; margin-right: 0; padding: 0 0 0 20px; }

ul.list { list-style: none; margin-left: 0; margin-right: 0; padding: 0; }
ul.list li { padding: 0 0 5px 20px; }

dl.search { margin: 0 0 5px; padding: 0 0 0 25px; }
dl.search dt { margin: 0 0 5px; padding: 0; }
dl.search dt span { float: left; width: 25px; margin: 0 0 0 -25px; }
dl.search dt a {  }
* html dl.search dt a { margin-left: -3px; }
dl.search dt a:hover { color: #3b5e73; text-decoration: underline; }
dl.search dd { margin: 0 0 20px; padding: 0; border-bottom: 1px dotted #393e3c;}
dl.search dd em { display: block; font-style: normal; font-size: 0.9em;  }
dl.search dd a { color: #FF6633; text-decoration: none; }
dl.search dd a:hover { text-decoration: underline; }


p.post-info { margin-top: -12px; }
p.post-info span { padding: 0 2px; color: #ccc; }
p.post-info a { color: #976349; text-decoration: underline; }
p.post-info a:hover { text-decoration: none; }


p.button-a { overflow: hidden; width: 100%; margin: 0; font-size: 1em; line-height: 2em; }
p.button-a a { float: left; padding: 0 15px 0 10px; background: #9d867a url(../images/bg-a.gif) 100% 0 no-repeat; color: #eee; text-transform: uppercase; text-decoration: none; }
p.button-a a:hover { background-color: #8d766a; color: #fff; }
p.button-a a span { padding: 0 0 0 10px; background: url(../images/bullet-c.gif) 0 50% no-repeat; cursor: pointer; }

p.button-b { overflow: hidden; width: 100%; margin: 0; font-size: 1em; line-height: 2em; }
p.button-b a { float: left; padding: 0 15px 0 10px; background: #000 url(../images/bg-a.gif) 100% 0 no-repeat; color: #eee; text-transform: uppercase; text-decoration: none; }
p.button-b a:hover { background-color: #111; color: #fff; }
p.button-b a span { padding: 0 0 0 10px; background: url(../images/bullet-c.gif) 0 50% no-repeat; cursor: pointer; }
 
div.toolbox { display: inline; float: right; width: 180px; margin: 0 0 5px 10px; padding: 10px 20px; border: 1px solid #e2e2e2; }
div.toolbox h2 { position: relative; top: -20px; left: -10px; margin: 0 0 -10px; color: #040404; font-size: 1.3em; font-weight: bold; }
div.toolbox h2 span { padding: 2px 9px; border: 1px solid #e2e2e2; background: #fff; text-transform: lowercase; }
div.toolbox ul.c { margin: 0; }



/* ELEMENTS
------------------------------------------- */

/* clasi per immagini */
img.left {
	float: left;
	margin: 4px 10px 20px 0;
	border-bottom: 5px solid #66666D;
}

img.right {
	float: right;
	margin: 4px 0 20px 10px;
	border-bottom: 5px solid #66666D;
}

.sml{ width:80px; height:70px;}
img.center {
	float: left;
	margin: 4px 6px 20px 10px;
	border-bottom: 5px solid #66666D;
}


.more-link { font-size: 0.8em; color: #3B5E73 !important; text-transform: uppercase; text-decoration: none; display: block; text-align: right; margin: 1em 0;}
.more-link:hover { text-decoration: underline }
div.post-navigation { position: relative; height: 2em; font-size: 1.2em; background: red; }
div.post-navigation a { text-decoration: none; padding: 2px; border: 1px solid #ccc; color: #000 }
div.previous-post { position: absolute; top:0; left: 0; }
div.next-post { position: absolute; top:0; right: 0; }

#post-archive { padding-top: 15px; }
 
/* contact */
img.messenger { vertical-align:middle; }

#contact-details { margin: 0 0 30px; }
#contact-details p { margin-bottom: 5px; }
#contact-details a.url { color: #555; text-decoration: none; }
#contact-details em.adr { font-style: normal; }

#contact-directions { margin: 0 0 15px; }
#contact-directions form { padding: 15px 0 0; border-top: 1px solid #e5e5e5; }
#contact-directions form p { padding-left: 30px; background: url(../images/bullet-h.gif) 10px 50% no-repeat; }
#contact-directions form p label { vertical-align: middle; }
#contact-directions form p label span { color: #888; font-size: 0.83em; }
#contact-directions form p input { width: 240px; margin: 0 5px; padding: 1px 5px; vertical-align: middle; }
#contact-directions form p button { padding: 0 5px; vertical-align: middle; }
#contact-directions #map { width: 576px; height: 300px; border: 1px solid #979797; }
#static-map { border: 1px solid #979797; }

#contact-form { }
#contact-form form { }
#contact-form form fieldset.first { overflow: hidden; width: 100%; margin: 0 0 1px; padding: 10px 0 13px; background: #F3F3F3; }
#contact-form form fieldset.first div.column { display: inline; float: left; width: 265px; margin-left: 15px; }
#contact-form form fieldset.first div.second { float: right;  margin-left: 200px; }
#contact-form form fieldset.first div p { margin: 0 0 7px; }
#contact-form form fieldset.first div p.checkbox { }
#contact-form form fieldset.first div p label,
#contact-form form fieldset.first div p span.label { display: block; margin: 0 0 2px; 
padding: 0 0 0 5px; color: #666; font-weight: bold; }

#contact-form form fieldset.first div p.checkbox label { display: inline; margin: 0; padding: 0 0 0 5px; color: #999; font-weight: normal; }
#contact-form form fieldset.first div p label span {  font-weight: normal; }
#contact-form form fieldset.first div p input { width: 250px; padding: 3px 5px; vertical-align: middle; }
#contact-form form fieldset.first div p input.send { width: 80px; padding: 3px 5px; vertical-align: middle; }

#contact-form form fieldset.first div p.file input { width: auto; }
#contact-form form fieldset.first div p.checkbox input { width: auto; }
#contact-form form fieldset.first div p select { padding-top: 1px; padding-bottom: 1px; max-width: 264px; }


#contact-form div.submit { text-transform: uppercase; text-align: right; }
#contact-form div.submit button { padding: 3px 15px 3px 10px; border: none; background: #040404 url(../images/bg-comment-submit.gif) 100% 100% no-repeat; color: #fff; }
#contact-form div.submit button span { padding: 0 0 0 10px; background: url(../images/bullet-f.gif) 0 50% no-repeat; }
#contact-form .send-ok { background: #F0EDE7; padding: 1em; text-align: center; font-size: 1.2em; margin: 0 0 0.5em;  }


/* results */
#results { }
#results p.found { padding: 0 0 10px; border-bottom: 1px solid #e5e5e5; }
#results p.found strong { color: #c05221; font-weight: normal; }
#results h2 { padding: 0 0 5px; border-bottom: 1px solid #e5e5e5; }

.clear { clear:both; }

	.enter {
	background-color:#4F4F4F;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;	
	padding: 20px 20px 20px 20px;
	margin: 0px;
}
	.enter a { color: #333; text-decoration: none; }
	.enter a:hover { text-decoration: underline; }

/* DATE FOOTER
------------------------------------------- */
	
	#footer { 
	background:#e6e6e6;
	overflow: hidden; 
	width: 910px; 
	margin: 10px auto 0; 
	padding: 0px 20px; 
	color: #848484;
	font-size:0.9em;
	}
	
	#footer p { float: right; margin-top:10px; }
	#footer p.client { float: left; width:380px; }
	#footer p.tuv { float: left; width:350px; margin-top:25px; }    /* #footer p.tuv img { float: left; align-items: center; width: 50px;  height: auto; margin-right: 10px;}*/
	#footer p.firma { float: left; width:170px; margin-top:35px;  }
	#footer p em { font-style: normal; }
	#footer p em span { padding: 0; }
	#footer p span { padding: 0 2px; }
	#footer p span.blank { color: #fff; }
	#footer p a { color: #3b5e73; text-decoration: none; }
	#footer p a:hover { text-decoration: underline; }
	#footer p a.url { color: #888; }
	#footer img { vertical-align: middle; }

.red {
    color: #E64100;
}
.border-img{border:1px solid #ddd;}

.black {
    color: #000;
}

.cella_scura {
    background: #eee;
}
.tuv{ margin: 4px 6px 0 0;}