/*  
Theme Name: Prontocapelli
Theme URI: http://prontocapelli.it/
Description: Theme for prontocapelli website
Version: 1
Author: Berardo Mate'
Author URI: http://berardomate.com/
*/

/*	--------------------------------------------------
	Global Reset
	
	Props to Eric Meyer (meyerweb.com) for his CSS 
	reset file. We're using an adapted version here 
	that cuts out some of the reset HTML elements we 
	will never need here (i.e., dfn, samp, etc).
	-------------------------------------------------- */

	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }
	
	
/*	--------------------------------------------------
	Structure
	-------------------------------------------------- */
	
	body { background: #fff url(images/bg.png) repeat-x; font: 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 .1em .1em #fff; color: #2c2c2c; }
	
	.container { width: 96em; margin: 0 auto; position: relative; }
	#header { height: 9em; margin: 0; padding: 1.5em 0; }
	#main { padding: 1em 0; width: 65em; float: left; }
	#sidebar { float: left; width: 28em; margin: 0 0 0 3em; padding: 0; }
	#footer { background: url(images/bg_footer.gif) repeat-x; margin: 2em 0 0; padding: 3.6em 3em 2.5em; }
	.clear, .ngg-clear { clear: both;  }
	.clearfix:after { content: "."; display: block; font-size: 1px; line-height: 0px; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: block; }


/*	--------------------------------------------------
	Links
	-------------------------------------------------- */
	
	a { color: #3F7406; font-weight: bold; outline: none; }
	a:hover { color: #68A90E; text-decoration: none; } 
	
	
/*	--------------------------------------------------
	Type
	-------------------------------------------------- */
	
	h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #82C023; }
	h1 { font-size: 3em; line-height: 1.5; }
	h2 { font-size: 2.2em; line-height: 1.125; padding: 0 0 .28125em; }
	h3 { font-size: 1.3em; line-height: 1.5; }
	h4 { font-size: 1.2em; line-height: 1.285714; }
	h5 { font-size: 1em; line-height: 1.5; }
	
	p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; }
	
	em { font-weight: inherit; font-style: italic; color: #121212; }
	strong { font-style: inherit; font-weight: bold; color: #333; }	

	ul, ol { margin: 0 0 1.8em; }
	ol { list-style: decimal; padding: 0 3em; }
	li, dd { font-size: 1.2em; line-height: 1.5; }
	li li { font-size: 1em; }
	
	blockquote { display: block; font-size: 1.6em; margin: 0; }
	blockquote p { padding: 0; color: #777; margin: 0 0 1em; }
	
	
/*	--------------------------------------------------
	Header
	-------------------------------------------------- */	
	
	#topmenu { position: absolute; top: 6em; right: 0; width: 31em; padding: 0; }
	#topmenu ul { margin: 0; font-size: .83em; text-align: right; }
	#topmenu ul li { display: inline; padding: 0 1em; color: #8EDDED; text-shadow: 0 0 0 #000; text-transform: uppercase; }
	#topmenu a { color: #369; font-weight: bold; text-decoration: none; }
	#topmenu a:hover { color: #69c; }
	#skype { position: absolute; top: -.5em; right: 0; width: 20em; padding: 0; text-transform: uppercase; color: #838C9F; text-shadow: 0 0 0 #000; background: url(images/bg_tel.png) no-repeat; padding: .5em 1em; }
	#skype img { vertical-align: middle; margin: 0 .36em 0 .75em; }
	#skype a { color: #090; text-decoration: none; }
	
	
/*	--------------------------------------------------
	Teaser & Nav
	-------------------------------------------------- */	
	
	#teaser .container { background: url(images/bg_teaser.jpg) no-repeat; height: 28.9em; }
	#payoff { margin-left: 29em; padding: 4.5em 0 4em; }
	#promo { position: absolute; top: 4.1em; right: 0; width: 23em; height: 20.3em; padding: 4.5em 2.5em 0; background: url(images/bg_promo.png) no-repeat; }
	#promo h2 { color: #68D7EF; font-size: 1.8em; text-shadow: 0 .1em .1em #0A1F52; }	
	#promo p { color: #fff; font-size: 1.5em; text-shadow: 0 .1em .1em #0A1F52; }
	#promo img, #enc img { display: block; margin-top: .67em; }	
	#nav { height: 5.9em; background: url(images/bg_nav.png) repeat-x; }
	#nav ul { list-style: none; }
	#nav li { list-style: none; display: inline; }
	#nav a { float: left; height: 0px !important; overflow: hidden; border: 0; margin: 0; padding-top: 59px; }
	#nav01 a { width: 144px; background: transparent url(images/butt01.png) top left no-repeat; }
	#nav02 a { width: 118px; background: transparent url(images/butt02.png) top left no-repeat; }
	#nav03 a { width: 136px; background: transparent url(images/butt03.png) top left no-repeat; }
	#nav04 a { width: 146px; background: transparent url(images/butt04.png) top left no-repeat; }
	#nav05 a { width: 93px; background: transparent url(images/butt05.png) top left no-repeat; }
 	#nav a:hover { background-position: 0 -59px; }
	
	
/*	--------------------------------------------------
	Main
	-------------------------------------------------- */		
	
	#breadcrumb { color: #666; margin-bottom: 2em }
	#main ul { margin: 0 0 1em; }
	#main ul li { background: transparent url(images/ico_bul.gif) no-repeat 0 .27em; list-style: none; margin: 0; padding-left: 1.5em; }
	.left  { float: left; width: 45%; }
	.right { float: right; width: 45%; }
	#about { border-bottom: 1px dashed #eee; }
	#about p { font-size: 1.3em;  }
	#main img { border: .1em solid #ededed; padding: .4em; }
	img.alignleft { float: left; margin: 0 1em 0 0; }
	img.alignnone, img.alignright { float: right; margin: 0 0 0 1em; }
	.item { padding: 0 0 1.5em; clear: both; }
	.item h3 { font: 1.5em/1.25em "Helvetica Neue", Helvetica, Arial, sans-serif; }
	ol.snap_nav { display: inline; float: left; width: 64em; list-style: none; margin: 1em 0 2em; padding: 0 0 0 1em; border-top: .1em solid #ddd; border-bottom: .1em solid #ddd; background: #f2f2f2; }
	ol.snap_nav li { display: block; float: left; padding: .2em 1em .2em 0; color: #777; }
	ol.snap_nav li a { color: #424242; }
	ol.snap_nav li a:hover { color: #222; }
	ol.snap_nav li.snap_selected a { background: #424242; color: #fff; text-decoration: none; padding: .5em; text-shadow: 0 .1em .1em #000; }
	dt { font-size: 1.3em; padding: 0 0 0 0; }
	dd { border-bottom: .1em solid #ddd; padding: 0 0 1em 0; margin-bottom: 1em; }
	ol.footnotes{ font-size: .92em; color: #666;}
	dl.faq { overflow: hidden; width: 100%; margin: 0 0 15px; padding: 0; }
 	dl.faq dt { position: relative; margin: -1px 0 0; padding: .77em 5.77em .77em 0; color: #407707; font-weight: bold; cursor: pointer; }
 	dl.faq dt span { position: absolute; right: 0; top: 13px; width: 80px; background: url(images/bg_oc.gif) no-repeat right -14px; color: #555; padding: 0 14px 1px 0; font-size: .77em; text-align: right; text-transform: uppercase; cursor: pointer; }
  	dl.faq dt span.close { background-position: right 1px; }
 dl.faq-a dd { margin: 0; padding: 10px 0 5px 85px; border: 1px solid #a1c6d1; border-width: 1px 0; background: url(../images/bracket-a.png) 20px 50% no-repeat; }
  dl.faq-a dd p { margin: 0 0 5px; }
	

/*	--------------------------------------------------
	Sidebar
	-------------------------------------------------- */		
	
	#sidebar h2 { color: #447B07; letter-spacing: -.04em; }
	#sidebar h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1em; }
	#enc, #submenu { background: url(images/bg_enc.gif) no-repeat 0 0; padding: 4em 2em 0 2em; height: 18.2em; }
	#submenu { background: #AFCF6D url(images/bg_submenu.png) no-repeat 0 0; border-bottom: .1em solid #E5EFCD; padding-bottom: 1em; height: auto;  }	
	#submenu li { list-style: none; margin: 0; padding-bottom: .25em; border-bottom: .1em solid #95B05D; }
	#submenu a { color: #205508; text-decoration: none; }
	#submenu a:hover { color: #407707; }
	#enc h2, #submenu h2 { padding: 0 0 .83em 2.42em; }
	#enc p, #blog p { font-size: 1.1em; padding: .45em 0 0; margin-bottom: .91em; }
	#blog { margin-top: 1.5em; }	
	.entry { border-bottom: 1px solid #e7e7dd; width: 28em; padding-top: 1em; }
	#blog .last	{ border: 0; }
	.date { float: left; width: 4em; height: 4.2em; background: url(images/bg_cal.gif) no-repeat; margin: 0 1em 0 0; }
	.date span { display: block; line-height: 1; text-align: center; }
	.date .month { font-size: 1em; color: #725222; text-transform: uppercase; padding-top: .5em; }
	.date .day { font-size: 2em; font-weight: bold; color: #900; }
	

/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */
	
	#footer ul { margin: 0 0 2em; }
	#footer ul li { display: inline; padding: 0 .85em 0 0; color: #fff; font-size: 1em; text-transform: uppercase; }
	#footer a, #breadcrumb a { color: #575757; text-decoration: none; }
	#footer a:hover, #breadcrumb a:hover { color: #353535; }
	#footer p { font-size: 1em; color: #858585; }
	#footer #logos { position: absolute; top: -10px; right: 0; width: 190px; }
	
	
/*	--------------------------------------------------
	Form
	-------------------------------------------------- */	
	form.a { width: 100%; margin: 0 0 5px; padding: 0; }
 	form.a p { position: relative; margin: 0; padding: 5px 0 5px 295px; border-top: 1px solid #eee; width: 345px; }

 	p#success, p#bademail, p#badserver { display: none; }
 	.status { background-position: 10px 50%; background-repeat: no-repeat; font-size: 1.17em; margin: 10px auto; padding: 10px 10px 10px 40px; color: #000; }
 	#bademail { background-color: #ebcccc; border: 1px solid #F33; background-image: url(images/ico_alert.gif); }
 	#success { background-color: #DAF8C4; border: 1px solid #447D1F; background-image: url(images/ico_ok.gif); }
   	form.a p label, .label { position: absolute; left: 0; top: 8px; width: 290px; font-weight: bold; }
  	form.a p input.txt { width: 250px; padding: 2px 3px; border: 1px solid #dadada; background: #fff url(images/bg_txtfield.gif) repeat-x 0 1px; }
  	form.a p .txt.short { width: 100px; }
  	form.a p .txt.mid { width: 130px; }
  	form.a label img { vertical-align: middle; margin-bottom: 5px; }
  	form.a p textarea { overflow: auto; width: 300px; height: 120px; padding: 2px 3px; border: 1px solid #dadada; background: #fff url(images/bg_txtfield.gif) repeat-x 0 1px; }
  	form.a div.double-a { overflow: hidden; width: 100%; border-top: 1px solid #eee; }
  	form.a div.double-a p { float: left; margin-top: -1px;  }
  	form.a div.double-a p.first { display: inline; margin-right: 25px; }
  	form.a div.double-a p.second { padding-left: 0; }
	form.a div.double-a p.second label, form.a p.check label, form.a div.double-a p.second .label, #slider label  { position: static; width: auto; display: inline; }
	form.a div.double-a .radio label, form.a p.check label, #slider label { font-weight: normal; cursor: pointer; padding-right: 5px; }
	form.a div.double-a span.label { margin-right: 10px; font-weight: bold; }
	form.a label span.req { font-weight: normal; }
	
	
	
/*	--------------------------------------------------
	Plugins
	-------------------------------------------------- */
	.ngg-gallery-thumbnail-box { float: left;  margin: 0 1em 0 0;  }
	.highslide { cursor:url(js/graphics/zoomin.cur), pointer; outline:none; } 
	.highslide-caption{ display:none; border:2px solid white; border-top:none; font-size:10pt; padding:5px; background-color:white; } 
	.highslide-loading{ display:block; padding:2px; border:#000; background-color:#fff; width:16px; height:16px; background: url(js/graphics/loader.gif) no-repeat 2px 2px; } 
	.highslide-move{ cursor:move; } 
	.highslide-overlay{ display:none; } 
	.controlbar{background:url(js/graphics/controlbar4.gif); width:167px; height:34px; } 
	.controlbar a{ display:block; float:left; height:27px; } 
	.controlbar a:hover{ background-image:url(js/graphics/controlbar4-hover.gif); } 
	.controlbar .previoushs{ width:50px; } 
	.controlbar .nexths{ width:40px; background-position:-50px 0; } 
	.controlbar .highslide-move{ width:40px; background-position:-90px 0; } 
	.controlbar .closehs{ width:36px; background-position:-130px 0; } 
	.highslide-display-block{ display:block; } 
	.highslide-display-none{ display:none; }