/* ------------------------------- Typography ---------------------------------- */

html,body {
	margin:0;
	padding:0;
	height:100%;
	text-align: center; /* IE 5.5 Hack */
	font-family:"Trebuchet MS","Trebuchet";
	font-size: 12px;
	color: #4c453e;
	background-color: #fff;
}
a {
	color: #e78320;
	text-decoration: none;
	outline: none;
}
a.img {
	border: none;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	text-decoration: none;
	color: #2c2a28;
}
a.image,
a.image:hover,
a.image img, a img {
	border: none !important;
	text-decoration: none;
	background-color: transparent;
}
blockquote {
	padding: 10px 10px;
	color: #333;
}


p {
	line-height: 23px;
	padding: 0;
	margin: 0 0 15px 0;
	font-size:14px;
	position:relative;
	top:-6px;
}

p a {
	background:url(../images/right-arrow.gif) center right no-repeat;
	color:#e78320;
	padding:0 20px 0 0;
	font-style:italic;
}

p.more_lead {
	line-height: 25px;
	padding: 0;
	margin: 0;
	font-size:13px;
	color:#706f6f;
}


ul li{
	line-height: 2.0em;
	padding: 0;
	margin: 0 0 2px 20px;
} 

ul {
	padding: 2px 0 0 0;
	margin: 10px 0 10px 5px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'vagLight', 'Arial Narrow', sans-serif;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
	font-weight:normal;
}

fieldset {
	padding:0;
	margin:0;
	border:none;
}

/*------------------------------- Font Embedding ----------------------------------*/

@font-face {
  font-family: 'vagThin';
    src: url("VAGRounded-Thin.eot");
    src: local('VAG Rounded Thin'),
       url("VAGRounded-Thin.svg#VAGRounded-Thin") format('svg'),
       url("VAGRouThi.otf") format('opentype');
}

@font-face {
  font-family: 'vagLight';
    src: url("VAGRounded-Light.eot");
    src: local('VAG Rounded Light'),
       url("VAGRounded-Light.svg#VAGRounded-Light") format('svg'),
       url("VAGRouLig.otf") format('opentype');
}

@font-face {
  font-family: 'vagBold';
    src: url("VAGRounded-Bold.eot");
    src: local('VAG Rounded Bold'),
       url("VAGRounded-Bold.svg#VAGRounded-Bold") format('svg'),
       url("VAGRouBol.otf") format('opentype');
}



/*------------------------------- Misc. Classes ----------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

strong.bold {
	
	font-family: 'vagBold', 'Arial Narrow Bold', sans-serif;
	letter-spacing:0.05em;
	font-weight:normal;
}

strong.medium {
	
	font-family: 'vagLight', 'Arial Narrow Bold', sans-serif;
	letter-spacing:0.05em;
	font-weight:normal;
}

/*-------------------------------Container ----------------------------------*/
div.container {
	width: 974px;
	height:100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: transparent;
	position:relative;
}

div.container.bottom-divided {
	background:url(../images/belt-divider.jpg) bottom center no-repeat;
	padding-bottom:3px;
}

div#footer div.container{
	
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background-color:#fff;
}

.top.light {
	background:#e1e1e1 url(../images/grey_bg_lgt-top.gif) top center no-repeat;
	padding:10px 0 0 0;
}

.bot.light {
	background:url(../images/grey_bg_lgt-bot.gif) bottom center no-repeat;
	padding:0 10px 10px 10px;
}

.top.dark {
	background:#c9c9c9 url(../images/grey_bg_drk-top.gif) top center no-repeat;
	padding:10px 0 0 0;
}

.bot.dark {
	background:url(../images/grey_bg_drk-bot.gif) bottom center no-repeat;
	padding:0 10px 10px 10px;
}

div.container.s-body {
	
}

div.container-ser-bg {
	background: url(../images/servizi/serivce-bg-long-bot.gif) bottom left no-repeat;
	padding-bottom:11px;
	height:auto;
}
div.container-ser-top {
	background: url(../images/servizi/serivce-bg-long-top.gif) top left no-repeat;
	padding:11px 0 0 0;
	width:auto;
	margin:0;
	line-height:0;
}
div.container-ser-left {
	background: url(../images/servizi/serivce-bg-long-mid.gif) top left repeat-y;
	padding:0;
	margin:0;
	width:auto;
}


/*------------------------------- Header ------------------------------------*/

div#header {
	margin: 28px 0 75px 0;
	padding: 0;
	height: 53px;
	position:relative;	
}
div#header #logo {
	width: auto;
	text-align:left;
	display: block;
	border-style: none;
	position:relative;
	top:0;
	left:0;
	padding:0 0 0 17px;
	background: url(../images/left-logo-braket.png) top left no-repeat;
}


/*------------------------------- Navigation ----------------------------------*/
div#nav{
	width: 691px;
	padding: 0 0 0 0;
	margin: 0;
	height: 53px;
	line-height: 35px;
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/right-logo-braket.png) top right no-repeat;
}


div#nav ul{
	padding: 0;
	margin: 0;
	margin-top:6px;
	height: 53px;
	font-weight:normal;
	position:absolute;
	right:0;
	font-family: 'vagLight', 'Arial Narrow', sans-serif;
	letter-spacing:0.05em;
}
div#nav ul li{
	margin: 3px 0 0 0;
	padding: 0 0 0 11px;
	float: left;
	display: inline;
	color: #000;
	line-height: 1.0em;
	text-align:center;
	
}

div#nav ul li a{
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	display: inline-block; /* IE 6 hack */
	margin: 0;
	padding: 0 18px 0 0;
	height:  35px;
	line-height: 35px;
	min-width:30px;
	font-weight:normal;
	background:url(../images/nav-divider.png) center right no-repeat;
}

div#nav ul li a:hover{
	color:#393934;
}

div#nav ul li.last a{
	background:none;
}

div#nav ul li.active a{
	
	color:#393934;
	
}
/*------------------------------- Content ----------------------------------*/

div#content{
	width:  100%;
	padding-bottom:104px; /* bottom padding for footer */
	height:100%;
	min-height:100%;
}


/*------------------------------- Belt ----------------------------------*/
div#belt{
	padding: 0;
	margin: 0 auto 20px auto;
	height:320px;
}

div#belt.short {
	height:280px;
}

div#belt.chi {
	height:40px;
}




/*------------------------------- Main ----------------------------------*/
div#main {
	padding: 0;
	margin: auto;
	margin-top:18px;
	width: auto;
	min-height: 100px;
	background-color:#FFFFFF; 
	background-image:url(../images/shadow-4.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:12px;
}

div.container.subhead {

	padding:0 0 25px 0;
	
}

.subhead h2 {
	padding:0;
	margin:0 0 0 18px;
	font-size:25px;
}

.subhead h2 strong {
	font-size:25px;
}

div#main .column-left, div#main .column-right, div#main .column-middle,div#main .column-mid_right{
	height:auto;
	float:left;
	margin: 0;
	padding: 0;
}

div#main .column-left{
	width:294px;
	padding:0 18px 0 18px;
}

div#main .column-middle{
	width:298px;
	padding:0 18px 0 0;
	
}

div#main .column-middle.home{
	min-height:650px;
}

div#main .column-right{
	width:311px;
}

div#main .column-mid_right{
	width:627px;
}

div#main .column-left2wide{
	width:610px;
	padding:0 18px 0 0;
}

div#main .s-body .column-middle {
	padding-right:0;
}
div#main .s-body .column-right {
	padding-left:18px;
}


#feedContent {
	/*min-height:360px;*/
}

/*------------------------------- Footer ----------------------------------*/

div#footer {
	color: #fff;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	
	padding: 0;
	margin:  0;
	text-align:left;
	height:  104px;
	font-size:  100%;
	color:#FFFFFF;
	left:0;
	

}

div#footer-copyright {
	width:644px;
}

span#copyright {
	float:left;
	width:auto;
	display:block;
	font-family: 'vagThin';
	margin-left:10px;
}

span#page_top {
	float:left;
	width:auto;
	display:block;
	margin-left:175px;
	color:#979797;
}

span#page_top a {
	color:#979797;
}

span#page_top a:hover,span#page_top a.top:hover {
	color:#4c453e;
}

span#page_top a.top {
	color:#979797;
	background:url(../images/up-arrow.gif) center right no-repeat;
	padding-right:15px;
	font-style:italic;
}


div#footer-content {
	width:644px;
	position:absolute;
	right:0;
	background:url(../images/footer-divider.jpg) top right no-repeat;
	padding-top:34px;
	color:#393934;
}


div#footer-content ul{
	padding: 0;
	margin: 0 0 23px 0;
	height: 17px;
	font-weight:normal;
	font-family: 'vagThin', 'Arial Narrow', sans-serif;
	letter-spacing:0.05em;
}
div#footer-content ul li{
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	float: left;
	display: inline;
	color: #000;
	line-height: 17px;
	text-align:center;
	
}

div#footer-content ul li a{
	font-size: 15px;
	color: #e78320;
	text-decoration: none;
	display: block;
	display: inline-block; /* IE 6 hack */
	margin: 0;
	padding: 0 8px 0 0;
	height:  17px;
	line-height: 17px;
	min-width:30px;
	font-weight:normal;
	border-right:solid 1px #e78320;
	font-family: 'vagThin', 'Arial Narrow', sans-serif;
}

div#footer-content ul li a:hover{
	color:#979797;
}

div#footer-content ul li.last a{
	border:none;
}

div#footer-content ul li.active a{
	
	color:#979797;
	font-family: 'vagThin', 'Arial Narrow', sans-serif;
	
}


/*------------------------------- Blog Widget ----------------------------------*/
#blog-widget {
	margin: 0 0 15px 0;
}

#blog-widget h3 {
	font-size:28px;
	font-family: 'vagThin';
	letter-spacing:0.02em;
	margin:0 0 20px 0;
}



#blog-widget .entry li{
	font-family:"Trebuchet MS","Trebuchet";
	font-size:16px;
	line-height:16px;
	display:block;
	letter-spacing:0;
	color:#e78320;
	margin:0 0 10px 0;
	/*background:#d4d4d4;*/
}

#blog-widget .entry li.odd{
	color:#4c453e;
	/*background:#eaeaea;*/
}

#blog-widget .entry li span {
	font-size:13px;
}

#blog-widget .entry p {
	font-size:11px;
	line-height:23px;
	display:block;
	margin:5px 0 0 0;
}

/*------------------------------- Esempi Widget ----------------------------------*/
#esempi-widget {
	margin: 0 0 15px 0;
	cursor:pointer;
}

#esempi-widget img {
	display:block;
	margin:0 auto 20px auto;
}

#esempi-widget h3 {
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 auto 10px auto;
	line-height:30px;
	letter-spacing:0;
	display:block;
	color:#fff;
	font-weight:100;
	text-align:center;
	font-style:italic;
}
.esempi-desc {
	color:#2c2a28;
	width:250px;
	margin:auto;
	position:relative;
	
}

.esempi-desc p {
	line-height:13px;
}

.esempi-desc span {
	position:absolute;
	top:-5px;
	right:0;
	font-size:65px;
	line-height:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#747474;
}

/*------------------------------- Page Specific - APPROCIO ----------------------------------*/

div#approach {
	background:#c9c9c9;
	width:960px;
	height:230px;
	position:relative;
	text-align:center;
}
div#approach img {
	display:block;
}

div#approach h2 {
	letter-spacing:0.02em;
}

#ap-title {
	font-size:35px;
	letter-spacing:0.02em;
	margin-bottom:20px;
}

.ap-body h3 {
	color:#fa3816;
	font-size:20px;
	font-family: 'vagBold', 'Arial Narrow Bold', sans-serif;
	letter-spacing:0.05em;
	margin:0 0 30px 0;
	height:50px;
	line-height:50px;
	
}

.ap-body p {
	font-size:15px;
}

#ap-1 {
	position:absolute;
	top:20px;
	left:20px;
}

#ap-2 {
	position:absolute;
	top:20px;
	left:345px;
}

#ap-3 {
	position:absolute;
	top:26px;
	right:20px;
}

#ap-t-1 {
	background:url(../images/approach/1-arrow.png) center right no-repeat;
}
#ap-t-2 {
	background:url(../images/approach/2-arrow.png) center right no-repeat;
}
#ap-t-3 {
	background:url(../images/approach/3-check.png) center right no-repeat;
}

/*------------------------------- Page Specific PIATTA FORMA ----------------------------------*/

#pf-left {
	float:left;
	width:610px;
}

#pf-right {
	float:right;
	width:auto;
	position:relative;
}

.pf-body h3 {
	color:#fa3816;
	font-size:20px;
	font-family: 'vagBold', 'Arial Narrow Bold', sans-serif;
	letter-spacing:0.05em;
	margin:0 0 20px 0;
}

.pf-body p {
	font-size:15px;
	margin-bottom:20px;
	display:block;
}

div#main .pf-body .column-left {
	padding-left:0;
	padding-right:36px;
}

#pf-right img {
	position:relative;
	top:-26px;
}

#pf-left h1 {
	font-size:42px;
	letter-spacing:0.02em;
	font-family: 'vagThin';
	line-height:42px;
	margin-bottom:25px;
}

#pf-left h1 span {
	color:#fa3816;
}

#pf-left h2 {
	font-family: 'vagThin','Arial Narrow', sans-serif;
	font-size:17px;
	line-height:26px;
}


#loginBox {
	background:url(../images/piattaforma/login-bg.jpg) top center no-repeat;
	height:229px;
	width:294px;
}

#loginBox h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:32px;
	font-style:italic;
	font-weight:300;
	padding:3px 0 10px 15px;
	letter-spacing:0;
}

#form_inner #account_form{margin:0 auto;padding:0; width:260px;}
#form_inner #account_form label{font-family:Arial, Helvetica, Verdana, sans-serif;color:#657788;display:block;margin-bottom:5px; font-size:12px; color:#787a7c;}
#form_inner #account_form label .disclaimer{color:#9cacbc;font-family:"Lucida Grande", Verdana, sans-serif;font-size:11px;}
#form_inner #account_form .text_field{width:260px;font-family:Georgia, Times, "Times New Roman", serif;font-size:28px;border:1px solid #c7cacd;background:url('../images/piattaforma/input_bg.png') top left repeat-x #f7fcff;color:#25313c;}
#form_inner #account_form .text_field:focus{background-color:#f9f8e4;}

.big_button{margin:0px;border:solid 1px #ccc;border-top:solid 1px #ddd;border-left:solid 1px #ddd;font-size:15px;color:#fff;cursor:pointer;line-height:25px;height:25px;padding:0px 10px;overflow:visible;-moz-border-radius:5px;-webkit-border-radius:5px;background:#87b500 url('../images/piattaforma/big_button_bg.png') top repeat-x;border-width:0px;border-right:solid 1px #689300;border-bottom:solid 1px #689300;text-shadow:#719e03 1px 1px;}.big_button:active{background:#87b500;color:#ECF5DE;line-height:44px;}

/*------------------------------- Page Specific - CHI SIAMO ----------------------------------*/

div.container.chi-body {
	background:url(../images/chi-siamo/chi-siamo-bg.jpg) bottom right no-repeat;
	height:370px;
}

p.chi-p1 {
	font-weight:normal;
	font-family: 'vagLight';
	letter-spacing:0.05em;
	font-size:20px;
	line-height:28px;
	padding:0 0 15px 0;
	margin:0;
}

p.chi-p2 {
	font-weight:normal;
	font-family: 'vagThin';
	letter-spacing:0.05em;
	font-size:19px;
	line-height:30px;
	padding:0 0 15px 0;
	margin:0;
}

p.chi-p2 strong {
	font-weight:normal;
	font-family: 'vagBold';
	letter-spacing:0.05em;
	font-size:19px;
	line-height:30px;
	padding:0 0 15px 0;
	margin:0;
}

p.chi-p3 {
	font-weight:normal;
	font-family: 'vagThin';
	letter-spacing:0.05em;
	font-size:17px;
	line-height:28px;
	padding:0 0 15px 0;
	margin:0;
}

p.chi-p3 span {
	color:#fa3816;
}

p.chi-p4 {
	font-weight:normal;
	font-family: 'vagThin';
	letter-spacing:0.05em;
	font-size:15px;
	line-height:27px;
	padding:0 0 15px 0;
	margin:0;
}

p.chi-p5 {
	font-weight:normal;
	font-family: 'vagLight';
	letter-spacing:0.05em;
	font-size:13px;
	line-height:20px;
	margin:0;
}

p.chi-p5 strong {
	font-weight:normal;
	font-family: 'vagBold';
	letter-spacing:0.05em;
	font-size:13px;
	line-height:20px;
}

/*------------------------------- Page Specific -CONTACT ----------------------------------*/

#info-blocked {
	position:relative;
	top:-75px;
	left:20px;
	cursor:pointer;
}

h3.pp {
	font-family: 'vagLight';
	font-size:27px;
}
div#main .column-mid_right.pp {
	
	padding:15px 0 0 0;
}
div#main .column-mid_right.pp p {
	margin: 0 0 15px 0;
	font-size:11px;
	line-height:18px;
}


/*------------------------------- Page Specific - services ----------------------------------*/


div#services {
	width:960px;
	height:280px;
	position:relative;
	text-align:center;
}
div#services img {
	display:block;
}

div#services h2 {
	letter-spacing:0.02em;
	font-size:35px;
	color:#fa3816;

}

div#services h4 {
	letter-spacing:0.02em;
	font-size:16px;
	color:#959597;
	font-family: 'vagThin';
	
}

#s-title {
	font-size:35px;
	letter-spacing:0.02em;
}


#s-1 {
	position:absolute;
	top:20px;
	left:20px;
}

#s-2 {
	position:absolute;
	top:0;
	left:345px;
}

#s-3 img {
	position:relative;
	top:-20px;
	left:-15px;
	
}

#s-3 {
	position:absolute;
	top:46px;
	right:0;
}

.s-body h3 {
	color:#fff;
	letter-spacing:0.02em;
	font-size:25px;
	font-family: 'vagLight';
	margin:0 0 0 0;
	line-height:35px;
}
.s-body h3 span{
	font-family: 'vagBold';
}

.s-body .column-middle p {
	margin:10px 15px 0 0;
}

.s-body ol li {
	font-size:15px;
	line-height:36px;
}

div.container.s-desc {
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	padding:20px 0 20px 0;
}

.s-desc p a {
	background:none;
	padding:0;
}

.s-body h5 a {
	font-size:42px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:45px 0 10px 5px;
	line-height:45px;
	font-style:italic;
	letter-spacing:0;
	display:block;
	color:#4c453e;
}
.s-body h5 a:hover {
	color:#2c2a28;
}

#contact_now a {
	color:#fa3816;
	font-size:17px;
	position:relative;
	top:48px;
	left:5px;
	display:block;
}

#contact_now a:hover {
	color:#2c2a28;
}

#arrows a {
	position:relative;
	top:36px;
	left:225px;
	font-size:65px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#747474;
	width:20px;
	display:block;
}

#arrows a:hover {
	color:#2c2a28;
}