/* 
Title: Greta
Owner: Groma
Developer: Dott. Patrizio Quatrini
Website: www.beatfly.com

Created: Febbraio 14
Update: Aprile 2015
*/

*{
    font-size:100%;
    font:inherit;}
	
html, body{
  width:100%;
  height:100%;}
		
html{
	background-color:#fff;
	-webkit-text-size-adjust:none;}
		
body{
	color:#878F91;
	cursor:default;
	font:14px/18px 'Droid Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:left;}
		
#header{
	background-color:#1B1E24;
	border-bottom:1px solid #2D333D;
	left:0;
	height:80px;
  	position:fixed;
	top:0;
 	width:100%;
  	z-index:20;}
	
#section{padding:80px 0 0;}
	
#section-0{/*home*/
	background-color:#141C27 !important;
	height:100%;
	padding:80px 0 0;
	min-height:100%;}
	
#section-1{background-color:#F0F0F0;}
		
.center{
	margin:0 auto;
	text-align:center;}
											
/*logo
-------------------------------------------------------------- */
h1#logo,
h2#logo{
	height:80px;
	line-height:74px;
	margin:0;
	text-indent:-9000px;
	width:240px;}
			
	h1#logo a,
	h2#logo a{
		background:url(../../images/logo_greta.png) no-repeat 0 0;
		display:block;
		height:80px;		
		width:240px;}
		
/*top_menu
-------------------------------------------------------------- */
#top_menu{
	float:right;
	margin:0 10px 0 0;}
	
	ul#top_menu li{
		border-top:4px solid #1B1E24;
		display:inline-block;
		font-family:'Open Sans',Arial,Helvetica,sans-serif;
		zoom: 1;
		*display: inline;
		letter-spacing:1px;
		line-height:76px;
		text-transform:uppercase;}
		
	ul#top_menu li a{
		color:#ddd;
		display:block;
		font-size:12px;
		padding:0 10px;
		text-decoration:none;}
				
	ul#top_menu li:hover,
	ul#top_menu li .current a,
	.current{
		background-color:#2D333D;
		border-top:4px solid #ecf0f1 !important;
		color:#95a5a6;}
				
	ul#top_menu li#facebook,
	ul#top_menu li#youtube{border-top:none;}
			
	ul#top_menu li#facebook:hover,
	ul#top_menu li#youtube:hover{
		background-color:transparent !important;
		border-top:none !important;}
		
/*login menu
-------------------------------------------------------------- */
#loginform{
	background-color:#fff;
	border:2px solid #ecf0f1;
	padding:0.5%;
	position:absolute;
    right:66px;
    top:70px;
    width:auto;
	z-index:30;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0 0 2px #444;
	-moz-box-shadow:0 0 2px #444;
	box-shadow:0 0 2px #444;}
	
#loginform .help-block{text-shadow:none;}
	
#arrow-up{
	background:url(../../images/arrow-up.png) no-repeat right top;
	height:12px;
	overflow:hidden;
	position:absolute;
	right:30px;
	top:-13px;
	width:100%;}
	
/*login home
-------------------------------------------------------------- */	
#loginhome{
	background:#222;
	background:rgba(0, 0, 0, 0.3);
	border:4px solid rgba(255, 255, 255, 0.9);
	margin:3% auto 0;
	overflow:hidden;
	padding:10px 5px;
	width:600px;}
			
.divider{
	background-color:#1B1E24;
	height:4px;
	overflow:hidden;
	width:100%;}
			
/*big title + bg-intro + big button + line
-------------------------------------------------------------- */
.intro{/*h2 home*/
    display:inline-block;
	font-size:3em;
	line-height:0.8em;
	margin:0;
	padding:0.2em 0;
	text-transform:none;}
	
	.tiny{
		font-size:0.5em;
    	font-weight:lighter;}
	
	.intro small{
		display:block;
		font-family:'Droid Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
		font-size:0.6em;
		font-weight:lighter;
		text-wrap:none;}
	
.details{/*h3 home*/
    display:inline-block;
	font-size:3em;
	margin:0 0 1em;
	text-transform:none;}

.hero{/*h1 contatti*/
	border-bottom:4px solid #f9f9f9;
    display:inline-block;
	font-size:3em;
	padding:0.2em 0.4em;}
	
.buttonline{
	border-bottom:4px solid #f9f9f9;
	display:block;
	margin:0 auto 1.3em auto;
	overflow:hidden;
	width:25%;}
	
.simpleline{
	border-bottom:2px solid #2E465E;
	display:block;
	margin:0.3em auto 0 auto;
	overflow:hidden;
	width:30px;}
	
a.btn_big{
	color:#f9f9f9;
    display:inline-block;
	font-size:1.4em;
	margin:0 0.1em;
	padding:1em 1.3em;
	text-align:center;
	text-decoration:none;}
		
	a.btn_big.go{border:3px solid #59C4BC;}
			
		a:hover.btn_big.go{
			background:#59C4BC;
			background:rgba(89, 196, 188, 0.5);
			border:3px solid #fff;}
		
	a.btn_big.normal{border:3px solid #B0C0C1;}
		
		a:hover.btn_big.normal{
			background:#B0C0C1;
			background:rgba(176, 192, 193, 0.5);
			border:3px solid #fff;}
			
.arrow_wrap{
	border:3px solid #f9f9f9;
	border:3px solid rgba(249, 249, 249, 0.5);
	display:block;
	height:60px;
	line-height:60px;
	margin:8em auto 0;
	padding:0.3em;
	text-align:center;
	width:60px;}
	
	.arrow_wrap span{
		display:block;
		font-size:2.4em;
		margin:0.3em 0 0;}
	

/*descrizione
-------------------------------------------------------------- */
ul.descrizione{
	margin:0 0 10px;
	overflow:hidden;}
		
	ul.descrizione li{float:left;}
		
	ul.descrizione li.sx{
		margin:0 9% 0 0;
		width:20%;}
	
	ul.descrizione li.dx{
		text-align:left;
		width:70%;}
		
	ul.descrizione li.sx span{
		color:#fff;
		border:3px solid rgba(255, 255, 255, 0.9);
		-webkit-border-radius:100%;
    	border-radius:100%;
		display:inline-block;
		height:70px;
		line-height:20px;
		width:70px;
		-webkit-box-shadow:inset 1px 1px 4px 0 #111;
		-moz-box-shadow:inset 1px 1px 4px 0 #111;
		box-shadow:inset 2px 1px 4px 0 #111;}
		
	ul.descrizione li.sx span.blu{background:rgba(36,153,223,0.9);}
	
	ul.descrizione li.sx span.orange{background:rgba(241,124,115,0.9);}
		
	ul.descrizione li.sx span.green{background:rgba(22,160,133,0.9);}
		
	ul.descrizione li.sx span.yellow{background:rgba(244,195,0,0.9);}
		
	ul.descrizione li.sx span i{
		font-size:20px;
		padding:25px;}
													
/*list
-------------------------------------------------------------- */
ul.generic_list{/*block*/
	margin:0 0 10px 10px;
	overflow:hidden;}
	
	ul.generic_list li{
		display:block;
		margin:0 0 8px 10px;}
		
		ul.generic_list ul{/*sub list*/margin:10px 0 10px 10px;}
			
			ul.generic_list ul li{}
		
ul.generic_list.inline{/*inline*/
	margin:10px 0;
	text-align:center;}
	
	ul.generic_list.inline li{
		display:inline-block;
		zoom: 1;
		*display: inline;
		padding:0 0.53em;}
		
dl.info{
	font-size:1.1em;
	line-height:1em;
	margin:15% 0 5% 15%;}
	
	dl.info dt{margin:0 0 10%;}
		
	dl.info dd{margin:0 0 7%;}
		
	dl.info a{
		color:#f9f9f9 !important;
		text-decoration:none;}
		
	dl.info a:hover{text-decoration:underline;}
								
/*scroll
-------------------------------------------------------------- */
#scrollUp{
	background:#555;
	background:rgba(85, 85, 85, 0.8);
  	bottom:30px;
  	color:#fff;
  	padding:10px 20px;
	text-decoration:none;
  	right:20px;}
	
	#scrollUp:before{
		content:"\f077";
		font-family:Font Awesome\ 5 Free;
	    font-weight: 900;
		margin:0 0.5em 0 0;}