/*
Theme Name: Cladeau
Theme URI: http://cladeau.it/
Description: Cladeau
Version: 1.0
Author: Orange
*/

/* Imports */
@import "reset.css";
@import "carousel.css";

/* Links */

a { text-decoration: none; border-bottom: 1px solid; }

/* Layout */
html { background: #fff; color: #000; }
body { background: #fff url(i/bg.jpg); color: #444; text-align: center; font: normal 62.5%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }

/* Utilities */
.h { display: none; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#page { background: url(i/stripe.jpg) 0 85px repeat-x; overflow: hidden; }
	#page .inner { text-align: left; position: relative; margin: 0 auto; padding: 25px 0; width: 800px; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow: 0 0 15px rgba(0,0,0,.5); }
	#page .ctn { padding: 0 50px; }
		body.home #content.ctn { width: 800px; }
	
	/* Header */
	#header { padding-top: 300px; margin-bottom: 15em; }
		#header h1#logo { text-indent: -999em; background: #759a5b url(i/logo.jpg) no-repeat; color: #fff; height: 300px; width: 900px; z-index: 10000; margin-top: -290px; position: absolute; left: -50px; }
		#header #nav { background: url(i/nav_l.jpg) no-repeat; width: 900px; z-index: 10000; position: absolute; left: -50px; margin-top: 10px; }
			#header #nav .nav-inner { background: url(i/nav_r.jpg) top right no-repeat; float: left; width: 100% }
			#header #nav ul { margin: 0 50px; border-top: 10px solid #ddd; padding-top: 25px; }
				#header #nav ul li { float: left; margin-right: 10px; width: 130px; position: relative; left: 50px; }
					#header #nav ul li a { font-weight: 300; font-size: 1.8em; border-bottom: none; display: block; border-top: 5px solid #759a5b; padding: 10px 0; }
						#header #nav ul li.active a { border-top-color: #f9f284; }
						#header #nav ul li a:link, #header #nav ul li a:visited { color: #444; }
					#header #nav ul li a:hover, #header #nav ul li:active { background: transparent; }
						#header #nav ul li a:hover { color: #666; border-top-color: #b3d898; }
						#header #nav ul li a:active { color: #222; border-top-color: #759a5b; }
						
	/* Content */
	
	a { font-weight: bold; }
	a:link, a:visited { color: #759a5b; }
	a:hover { color: #fff; background: #759a5b; }
	a:active { background: #f9f284; }
	
	#content h2 { color: #759a5b; font-size: 3.6em; line-height: 1.15; margin-bottom: .75em; font-weight: normal; letter-spacing: -0.05em; }
	#content h3 { margin-top: 50px; color: #759a5b; font-size: 2.4em; line-height: 1.5; margin-bottom: .75em; font-weight: normal; text-transform: uppercase; }
	#content p, #content .text ul, #content .text ol  { font-size: 1.4em; margin-bottom: 1.5em; }
		#content .text ul li { background: url(i/dot.jpg) 7px 5px no-repeat; padding-left: 26px; }
		
		#content .text ul#marchi { list-style: none; float: left; width: 100%; }
			#content .text ul#marchi li { left: 0; padding-left: 0; float: left; padding: 2px 10px 2px 0; background: none; }
				#content .text ul#marchi li span { text-transform: uppercase; letter-spacing: -.05em; background: none; color: #759a5b; }
			#content .text ul#marchi li:nth-child(2n) span { color: #999; }
			#content .text ul#marchi li.alt span { color: #999; }
		
	#content .big p { font-size: 1.8em; line-height: 1.167em; margin-bottom: 1.167em; }
	
	#content p.disclaimer { font-size: 1.2em; color: #888; margin-bottom: 1em; }
	
	#content #primary { min-height: 350px; width: 400px; padding-right: 280px; padding-bottom: 20px; }
		body.home #content #primary { padding-right: 400px; background: url(i/promo.png) top right no-repeat; }
		body.chi-siamo #content #primary { padding-right: 400px; background: url(i/chisiamo.png) top right no-repeat; }
		body.dentro #content #primary { padding-right: 400px; background: url(i/dentro.png) top right no-repeat; }
		body.condizioni-di-vendita #content #primary { padding-right: 400px; background: url(i/condizioni.png) top right no-repeat; }
	
	a.btn { color: #fff; background: #999 url(i/btn.png) repeat-x 0 50%; font-weight: bold; padding: 5px 20px; text-shadow: 0 1px 0 #777; border-bottom: 0; border: 1px solid #777; }
		a.btn:link, .btn:visited { color: #fff; }
		a.btn:hover { background-color: #ccc; }
		a.btn:active { background: #404040 url(i/btn_a.png) repeat-x 0 50%; border: 1px solid #404040; text-shadow: 0 -1px 0 #111; }
	
		/* Gallery */
		
		body.fuori #content #primary { padding-right: 0; float: left; width: 100%; }
		body.fuori .text { min-height: 350px; float: right; width: 370px; position: relative; left: -50px; padding-left: 400px; z-index: 9999; background: url(i/gallery.png) top left no-repeat; }
		body.preventivi .text { width: 510px; }
				
		.gallery { float: left; width: 700px; }					
			.dialog { background: #000; background: rgba(0,0,0,.85); position: absolute; top: 755px; left: -100px; width: 1000px; display: none; z-index: 999999; }
				.dialog .close { position: absolute; right: -10px; top: -10px; z-index: 933; width: 30px; height: 30px; text-indent: -999em; background: url(i/close.png) no-repeat; cursor: pointer; border: none; display: block; }
				.dialog div.innerdialog { padding: 10px 20px; overflow: hidden; position: relative; top: -10px; text-align: center; }

					/* Innerdialog */
					.dialog div.innerdialog .productimg { margin: 0 5px; }
		
		/* Contact form */
		.wpcf7 input { border: 1px solid #ccc; font-size: 1.2em; /*-moz-border-radius: 14px; -webkit-border-radius: 14px;*/ padding: 0 14px; width: 100%; }
			.wpcf7 input#privacy { width: auto; border: none; padding-left: 0; }
		.wpcf7 div { font-size: 1.4em; line-height: 1.5; }
		.wpcf7 textarea { border: 1px solid #ccc; font-size: 1.2em; /*-moz-border-radius: 14px; -webkit-border-radius: 14px;*/ width: 100%; padding: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
			.wpcf7 input[type='text']:focus, .wpcf7 textarea:focus { border-color: #999; background: #eeede7; }
			.wpcf7 input[type='submit'] { color: #fff; font-size: 1em; background: #999 url(i/btn.png) repeat-x 0 50%; font-weight: bold; padding: 5px 20px; text-shadow: 0 1px 0 #777; border-bottom: 0; border: 1px solid #777; cursor: pointer; width: auto; }
			.wpcf7 input[type='submit']:hover { background-color: #ccc; }
			.wpcf7 input[type='submit']:active { background: #404040 url(i/btn_a.png) repeat-x 0 50%; border: 1px solid #404040; text-shadow: 0 -1px 0 #111; }
			
	/* Footer */
	
	#footer { background: #466132; overflow: hidden; width: 800px; }
		#page #footer .inner { text-align: left; position: relative; margin: 0 auto; padding: 0; margin: 10px 0; width: 800px; background: #63814d url(i/footer2.jpg); color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; overflow: hidden; }
		
		#footer a.gmaps { border: none; background: #466132; padding: 10px 10px 6px 10px; float: right; position: absolute; right: 50px; top: 60px; }
		
		#footer a.btn { font-weight: normal; text-transform: uppercase; }
			#footer a.btn span { font-weight: bold; }
		
		#footer .inner div { padding: 25px 0; width: 300px; float: left; margin-left: 50px; display: inline; }
			#footer .inner div h2 { font-size: 2.4em; color: #b3d898; font-weight: normal; margin-bottom: .75em; text-shadow: 0 1px 1px #000; }
			#footer dl { margin-bottom: 3em; }
			#footer dt, #footer dd { margin-bottom: .75em; font-size: 1.4em; }
			#footer dt { font-weight: bold; float: left; width: 7.5em; }
				#footer dt span { background: #fff; color: #444; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px; }
			
			#footer p { margin-bottom: .75em; font-size: 1.4em; }
			
				#footer p .box { display: block; padding: 10px 20px; border: none; text-transform: uppercase; color: #fff; background: #9e0303 url(i/btn.jpg) repeat-x; box-shadow: 0 1px 0 rgba(255,255,255,.75); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.75); -moz-border-radius: 7px; -webkit-border-radius: 7px;}
					#footer p .box span { font-weight: bold;}
					
	/* Credits */
	
	#credits { font-size: 1.2em; line-height: 1.5; margin-top: 25px; color: #888; text-align: center; }