@import '../css/css_fonts.css';


html,body,nav,p,ul,li,h1,h2,h3,a,.navbar {

    font-family		:'UBUNTU';

}

html,body {

    margin				:0;
    padding				:0;
    padding-top			:25px;
    background-color	:#eee;
    background-image	:url('icon/retino-ubu.png');

}


body {

    overflow        :hidden;
}

p { 
	font-size 		:12pt;
	line-height		:18pt;  
	
	}

a       { color 	:#999; }
a:hover { color 	:#e95420;}

.loader {
    display			:block;
    position		:fixed;
    z-index			:1000;
    top				:0;
    left			:0;
    height			:100%;
    width			:100%;
    background		:rgba( 255, 255, 255, .7 ) url('icon/loader_lx.gif') 50% 50% no-repeat;
}

.page {

    background-color	:#ddd;
}

.btn-default,
.btn-primary,
.btn-warning {

    background-image	:none;
	transition			:background-color 1s;
}

.navbar-header {
	width 				:120px;	
	border-right		:solid 1px #c33;	
	
}

.logo {

	width 				:115px;
	margin-top			:-15px;
    background-color	:transparent;
    float 				:left;
}


/*!
 * HEADER & DROPDOWN-MENU
 *
 */

 .navbar {

	background-color 	:rgba( 233, 84, 32 , 1 );
	background-image	:none;
	border-color		:#eee;
	padding				:0px;
	border-width		:21px 0 3px;
	border-color		:#eee;
	
	}
 
 .navbar-nav {

	font-size			:14px;
	font-weight 		:bold;

	}

 .navbar-nav > li {

	padding				:0 0px;
	border				:0px;
	border-left			:solid 1px #ea8a69;
	border-right		:solid 1px #c33;	

	}	

 .navbar-nav > li:hover {

	background-color	:#ea7b54;

	}	
	
 .navbar-default .navbar-nav > li > a,
 .navbar-default .navbar-nav > li > a:hover {

	color			:#fff;

	}
	
 .dropdown-menu {

	margin			:35px 15px 0 0;
	border			:none;
	
	}

 .dropdown-menu > li {

	font-size		:12px;
	padding			:5px;
		
	}


/*!
 * PAGES
 *
 */
 
  .page-container {
 
    background-color	:#fff;
	padding				:80px 50px;
	margin-top			:-30px;
	margin-bottom		:0px;
 
	}	


/*!
 * FOOTER
 *
 */
 
.footer {

	padding:20px;
	background-color:#eee;	
	
	}

.under-footer {

	border-top:solid 1px #ccc;
	background-color:#eee;
	
	}
	
	
	
	

	
/*!
 * TIMELINES BLOCK-LIST
 *
 */	

.blocco {
	
	height:280px;
	position:relative;
	padding-top:15px;
	margin:0px 0 25px;
	
}

.blocco > a {
	
	color:#000;
}

.blocco > a:hover {
	
	color:#000;
	text-decoration:none;
}

.caption {

height:100px;
overflow:hidden;
	
}


.blocco {
	
	margin-bottom:95px;
	
}

.blocco .title {
	
	background-color:#eee;
	
}

.blocco p {

font-size:10pt;
line-height:14pt;
padding:10px;
	
}

.blocco h4 {

font-size:16pt;
line-height:36pt;
	
}


.blocco_img {

display:block;
width:100%;
height:120px;
overflow:hidden;
background: #aaa url('') no-repeat;
background-size:120% auto;
background-position:center top;
transition: background-size 1s;
	
}

.blocco_img:hover {

background-size:180%;
	
}