@charset "utf-8";
/*------------------------------------------------------

CSS overview:

	1. Resets
	2. Backgorund
	3. Main Elements
		i.gobal wrapper
		ii.sidebar +content
	4. Menu
	5. Theme elements
		i.portfolio
		ii.blog
		iii. form elements
		iv.pagination
	6. Footer
	7. Links
	8. Typography
	9. Standard Elements
		i.buttons
		ii.columns
		iii. highlights
		iv.boxes
		v.media frames
		vi.lists
		vii.content lists
		viii.blockquotes
		ix. social
		x. divs
	10. Misellaneous



---------------------------------------------------------*/


/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/

	/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	:focus {outline: 0;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	/* tables still need ‘cellspacing="0"’ in the markup */
	table {border-collapse: separate;border-spacing: 0;}
	caption, th, td {text-align: left;font-weight: normal;}
	blockquote:before, blockquote:after,q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}

/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/


	html,body{width:100%;height:100%; overflow:auto;}
	body{background:#251B06;}

	.button-small, .button-medium, .button-large{outline: none;overflow: visible;cursor: pointer;}
	.button-small:hover, .button-medium:hover, .button-large:hover{text-decoration:none;}

	body#index {background:#FFF;}
	body#index div{position:absolute; top:50%; left:50%; margin-top:-109px; margin-left:-100px;}
	body#index div h1 {width:163px; height:133px; background:url(../images/white/logo-sprites.png) 34px 0 no-repeat; text-indent:-9999px;}
	body#index div p {margin-left:30px;}
	body#index div p a {color:#000; margin-right:16px; font-family:"Ubuntu"; font-size:18px; font-weight:400;}
	body#index div p a:hover {color:#a796a0;}

/*--------------------------------------------------------
	3.MAIN ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- global wrapper
	-----------------------------*/
	#wrapper{width:100%; height:auto; overflow:hidden; position:absolute;}
	/*body[rel="index"] #wrapper {z-index:1;}*/


	/*----------------------------
	ii.-- sidebar + main content
	-----------------------------*/

	/*NOTE :  settting #sidebar & #content-wrapper to display:none hides content fully, will not be visible for non js users*/
	#sideBar{width:200px;height:auto;overflow:hidden; position:fixed; z-index:10;left:20px; top:0; margin-right:20px;/*display:none;*/}
	#sideBar #inner{width:200px; height:auto; overflow:hidden;}
	#sideBar #logo{width:200px; height:auto; margin:0;}
	#sideBar #logo a {width:200px; height:120px; display:block; background:url(../images/white/logo-sprites.png) 0 -266px no-repeat; text-indent:-9999px;}
	#sideBar #close-but{width:200px; height:41px; margin:0;text-align:center; padding-top:0px; cursor:pointer; position:relative;}
	#sideBar #close-but div{padding-top:4px;}
	#content-wrapper{ position:relative; width:560px; height:auto;overflow:hidden; left:260px; margin-top:40px;/*display:none;*/}
	.content{width:500px; height:auto; overflow:hidden; margin:30px auto 0px auto;}
	#launch-but{width:110px;height:110px;position:absolute; left:20px;top:0px;cursor:pointer;display:none;}
	#launch-but #circle{ position:absolute;width:116px; height:115px; top:50%;left:50%;margin:-30px 0 0 -50px; background:url(../images/white/logo-sprites.png) 0 -142px no-repeat;}
	#launch-but #circle-overlay{ position:absolute;width:0px; height:0px;top:50%;left:50%;}
	#launch-but #label{position:relative; line-height:230px; font-size:20px; width:100%; z-index:5;}
	#launch-but #circle:hover {background:url(../images/white/logo-sprites.png) -127px -142px no-repeat;}


/*--------------------------------------------------------
	4.MENU
--------------------------------------------------------*/

	/*----------------------------
	i.-- main menu
	-----------------------------*/

	#navContainer{width:130px; height:auto; overflow:hidden; margin:auto;padding-top:15px;}
	#nav{float:left; width:130px; height:auto; list-style:none; margin-bottom:0px;}
	#nav li{width:130px;position:relative;display:block; width:100%; margin-bottom:15px; text-align:center;}
	#nav li a{height:15px;display:block;background:none;}
	/*#nav li a:hover{}*/
	/*#nav li a.active {}*/

	/*----------------------------
	ii.-- sub menu
	-----------------------------*/

	#nav ul{width:130px;/*position:relative;z-index:100;*/left:-9999px; margin-top:15px; margin-bottom:0px; display:none;}
	#nav ul li{width:130px; line-height:20px;margin-bottom:15px;border:none; text-align:center }
	#nav ul.submenu li.last{border:none; margin:0px; padding:0px;}/*slideDown/Up fix*/
	#nav ul a{width:130px;white-space:nowrap;display:block;}
	/*#nav li:hover ul{}*/


/*--------------------------------------------------------
	5.PAGE ELEMENTS
--------------------------------------------------------*/


	/*----------------------------
	i.-- portfolio
	-----------------------------*/

	._thumb-ind{width:40px; height:40px;position:absolute; z-index:4; margin:60px 0 0 120px;}

	/*----------------------------
	ii.-- blog
	-----------------------------*/

	.post{width:500px;padding-bottom:30px; margin-bottom:30px; float:left;}
	.post_full{width:500px;margin-left:-500px}/*hide post off screen*/
	.post.last{margin:0px; padding:0px; border-bottom:none !important;}
	.entrySpec{width:auto; margin-bottom:15px;}
	.comment{width:500px; height:45px; background: url(../images/black/comments_blog.png) center center no-repeat; position:absolute; z-index:1; text-align:center;margin-top:155px;}
	.comment div{ margin-top:20px;}
	.post_close{width:34px;height:66px;position:fixed;z-index:99;cursor:pointer;top: 50%;left: 820px;text-align: center; display:none;}


	/*----------------------------
	iii.-- forms
	-----------------------------*/

	.field{width:233px; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }
	.field:focus{outline:none;border:none;}
	.tarea{width:233px; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}
	.tarea:focus{border:none; outline:none;}
	.formProgress{float:left;margin-top:15px;}
	 p.form{float:left; overflow:hidden; margin-bottom:15px;}

	/*----------------------------
	iv.-- pagination
	-----------------------------*/

	.ellipse{float: left;}
	.container{width:500px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;}
	.spacing{padding-bottom:85px;}
	.page_navigation , .alt_page_navigation{ width: 500px; height:auto; text-align: center; letter-spacing: 35px;  white-space: nowrap;  line-height: 12px;  overflow: hidden;position:absolute; bottom:65px;}
	.page_navigation a, .alt_page_navigation a{margin:2px; width:10px;height:10px;color:white;text-decoration:none;font-family: Tahoma;font-size: 12px; background:url(../images/black/page_sel.png) 0 0  no-repeat;display: inline-block; vertical-align: middle;  }
	.active_page{background:url(../images/black/page_sel.png) 0px -10px  no-repeat !important;text-decoration:none;}
	ul.contentPaginate li{list-style:none;}


/*--------------------------------------------------------
	FOOTER
--------------------------------------------------------*/

	#footer{width:500px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto;}
	.icon_holder{width:16px; height:16px;float:right; margin-top:18px;}

/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/

	a,a:visited{text-decoration:none; outline:none; border:none;}
	a:hover{text-decoration:underline;}
	a.r-more,a:visited.r-more{text-decoration:none; outline:none; border:none; float:right;}
	a.r-more:hover{text-decoration:underline;}


/*--------------------------------------------------------
	TYPOGRAPHY
--------------------------------------------------------*/

	h1,h2, h3, h4, h5, h6, p, ul, ol {margin-bottom: 15px;}
	h1.pageHeading{font-family: "Bebas Neue"; font-size:130px;line-height:120px; padding-top:13px;/*ie fix*/position:relative;z-index:10;width:500px;/**/ margin-bottom:15px;}
	h1,h2,h3,h4,h5,h6{text-align:left;/*ie fix*/position:relative;z-index:10;/**/} /*DO NOT REMOVE POSITION RELATIVE OR Z-INDEX, OR CUFON FADING WILL NOT WORK IN IE*/
	p{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:12px; margin:5px 0px 0px 0px;text-transform:uppercase;text-align:center; letter-spacing:3.5px; margin-bottom:15px;}

/*--------------------------------------------------------
	9. STANDARD ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- buttons
	-----------------------------*/

	.button {display: inline-block;line-height: 1;position: relative;cursor: pointer;border:none;}
	.button:active {position: relative;top: 1px;}

		/* button sizes */
		.button.small {font-size: 11px;padding: 10px 20px;}
		.button.medium{font-size: 13px;padding: 12px 25px;}
		.button.large {font-size: 14px;padding: 15px 25px;}
		.button.alignLeft{float:left;}
		.button.alignRight{float:right;}

		/*button colors*/
		/*ref to style_theme.css*/

		/*button effects*/
		/*ref to style_theme.css*/

	/*----------------------------
	ii.-- columns
	-----------------------------*/

	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;}

		.one_half{width:46%;}
		.one_third{width:28%;}
		.one_fourth{width:19%;}
		.one_fifth{width:19%;}
		.two_third{width:64%;}
		.three_fourth{width:73%;}
		.col_last{margin-right: 0 !important; clear: right;}


	/*----------------------------
	iii.-- highlights
	-----------------------------*/

	.highlight{padding:2px 5px;}

		/*highlights colors*/
		/*ref to style_theme.css*/

		/*highlights effects */
		/*ref to style_theme.css*/


	/*----------------------------
	iv.-- boxes
	-----------------------------*/

	.box{width:100%;height:auto;overflow:auto;margin-bottom:20px;}

		/* code excerpts */
		pre,code{line-height: 20px;padding: 20px 20px;display: block;overflow: auto; white-space:normal;}

		/* box styles*/
		.box_elegant{padding: 20px 20px;display: block;overflow: auto;}
		.box_elegant.rcorners{-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}

		/*box colors*/
		/*ref to style_theme.css*/


	/*----------------------------
	v.-- media framing/shadows
	-----------------------------*/

	/*.media_holder{margin-bottom:30px;}*/

		._imageThumbLink {position:absolute;border:none;z-index:999; }
		._imageThumb,._videoThumb {position:absolute;border:none;z-index:3; }
		._blogThumb{position:absolute;border:none;z-index:3;}

		/*frames*/
		._border_simple, ._border_thick-1, ._border_thick-2{padding:5px;}

		/*media alignment/wrappeds*/
		.media_holder.alignLeft{float:left;margin-right:20px;}
		.media_holder.alignRight{float:right;margin-left:20px;}
		.media_holder.alignLeftWrapped{float:left;margin-right:20px; margin-bottom:5px;}
		.media_holder.alignRightWrapped{float:right;margin-left:20px; margin-bottom:5px;}

		/*folio speicific*/
		.media_holder.folio{ float:left;margin:0px 10px 0px 0px;}
		.media_holder.last{margin-right:0px;}

		/*drop shadow*/
		.drop_shadow{margin:0 auto; display:block;}

		/*image-hover containers*/
		._rollover {position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); background: url(../images/transparent.png)repeat;}
		._rollover-social{position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);}
		._original{position:relative; display:block;}
		/*.ieclick{width:160px; height:100px; display:block; position:absolute; z-index:99999; }*/

	/*----------------------------
	vi.-- lists
	-----------------------------*/

	ul.list li{margin-bottom: 2px;padding-bottom: 2px;padding-left: 25px;}

	/*----------------------------
	vii.-- content lists
	-----------------------------*/

	ul.content_list{width:100%; list-style:none;}

		ul.content_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;}
		ul.content_list li p{margin:0px}
		ul.content_list li p span.title{padding:5px;}
		ul.content_list li .media_holder{margin-bottom:0px;}

	/*----------------------------
	vii.-- comment lists
	-----------------------------*/

	ul.comment_list{width:100%; list-style:none;}

		ul.comment_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;}
		ul.comment_list li .avatar{float:left; margin-right:25px;}
		ul.comment_list li .comment_left{width:412px; float:left;}
		.comment_name,.comment_date,.commentary p{ width:100%;margin-bottom:15px;}
		ul.comment_list li .media_holder{margin-bottom:0px;}


	/*----------------------------
	viii.-- blockquotes
	-----------------------------*/

	blockquote{margin:10px 0 30px 0; clear: both;overflow:auto;}

		/*quote positioning*/
		blockquote p {float:left;margin:0 0 15px 45px;padding-top:3px;}
		blockquote p.clientRef {margin:0px 0 0 45px;}

		/*blockquote alignment*/
		blockquote.alignLeft{width:200px; float:left; margin:10px 15px 15px 0 ;}
		blockquote.alignRight{width:200px; float:right ;margin:10px 0 15px 15px;}


	/*----------------------------
	ix.-- social
	-----------------------------*/

	.icon_holder{width:16px; height:16px;}
	.icon_holder.alignRight{float:right; margin-left:8px;}
	.icon_holder.alignLeft{float:left; margin-right:8px;}


	/*----------------------------
	ix.-- divs
	-----------------------------*/

	/*xi.---div*/

	/*.div-simple, .div-double{}*/
	/*ref to style_theme.css


	/*div spacing*/
	._0{margin:0px;}

	._10{margin:5px 0px;}
	._t10{margin-top:0px;}
	._b10{margin-bottom:0px;}

	._20{margin:20px 0px;}
	._t20{margin-top:20px;}
	._b20{margin-bottom:20px;}

	._30{margin:30px 0px;}
	._t30{margin-top:30px;}
	._b30{margin-bottom:30px;}

	._40{margin:30px 0px;}
	._t40{margin-top:30px;}
	._b40{margin-bottom:30px;}



/*--------------------------------------------------------
	10. MISCELLANEOUS
--------------------------------------------------------*/

	.clear{clear:both;}
	.clearLeft{clear:left;}
	.clearRight{clear:right;}
	.hide{display:none;}
	.show{display:block;}


	.nav_container {position:relative; margin-top:-15px; z-index:9999;}
	.nav_pager a {width:10px; height:10px; display:block; float:left; margin-left:5px; background:url(../images/elements/pager.gif) top left no-repeat; text-indent:-9999px;}
	.nav_pager a.activeSlide {background:url(../images/elements/pager.gif) bottom left no-repeat;}
	.next_btn {width:15px; height:15px; display:block; float:right; background:url(../images/elements/next.gif) top left no-repeat; text-indent:-9999px;}
	.next_btn:hover {background:url(../images/elements/next.gif) bottom left; }
	.prev_btn {width:15px; height:15px; display:block; float:right; background:url(../images/elements/prev.gif) bottom left no-repeat; text-indent:-9999px;}
	.prev_btn:hover {background:url(../images/elements/prev.gif) top left;}

	.titolo_lavori {font-family:"Ubuntu";font-weight:bold; text-transform:uppercase;}
	.image_frame > img {margin-bottom:10px;}

	a.lingue {width:30px; height:30px; display:block; position:fixed; background:#FFF; text-align:center; line-height:30px; font-size:10px; color:#000; z-index:999999;}
	a.lingue:hover {background:#000; color:#FFF; font-weight:bold; text-decoration:none;}
	a.active_lang {background:#000; color:#FFF; font-weight:bold; text-decoration:none;}
	a#ita {left:20px; bottom:240px;}
	a#eng {left:20px; bottom:200px;}
	a#fra {left:20px; bottom:160px;}
	a#pyc {left:20px; bottom:120px;}

	.social_btn {width:30px; height:30px; display:block; position:fixed; left:20px; z-index: 999999;}
	.social_fb { bottom:60px;}
	.social_in { bottom:20px; }

	#slideshow {
		width:144px; height:250px; display:block; position:fixed; left:76px; bottom:20px; background:transparent !important; margin:0 !important;
	}
	#slideshow div.slide {
		width:144px;
		height:250px;
		display:none;
	}
	#slideshow div img {
		width:100%;
		height:100%;
		display:block;
	}
	#slideshow div.current {
		display:block;
	}

	div#banda-loghi {
		position: fixed;
		width: 100%;
		height: 100px;
		background: url("/images/loghi_fascia/fascia_home.png") top left repeat;
		bottom: 0;
		left: 0;
		z-index: 99999;
	}
	div#banda-loghi img {
		vertical-align: top;
		/*margin: 20px 30px 0px 0px;*/
		margin: 0 30px 0 0;
	}
	div#banda-loghi img:first-child {
		margin:0 30px 0 130px;
	}
	div#banda-loghi a {
		display:inline-block;
	}
	div#banda-loghi a img {
		margin-top: 10px;
	}


	.content_contatti .one_third img {
		max-width: 100%;
	}
	.content_contatti .one_third p,
	.content_contatti .lista-contatto {
		font-size:11px;
		line-height: 16px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.content_contatti .one_third strong,
	.content_contatti .lista-contatto strong {
		font-weight: bold;
	}
	.content_contatti .one_third em,
	.content_contatti .lista-contatto em {
		font-style:oblique;
		font-size:10px;
	}
	.content_contatti .one_third a, 
	.content_contatti .lista-contatto a {
		font-size:10px;
	}
	.separatore-contatti {
		width: 100%;
		border-top: 2px dashed #ccc;
		margin: 25px 0px;
	}