@import url("reset.css");
@import url("clearfix.css");
@import url("typography.css");


html, body { 
	font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.5em;
	margin: 0; overflow: hidden; width: 100%; height: 100%; background: #fff; 
}

a {}
a:hover {}
p { margin: 10px 0; }

#wrapper { width: 100%; height: 100%; overflow: hidden;  }

#header { 
	position: absolute; top: 0px; left: 0; width: 100%; height: 130px; text-align: center; z-index: 10000; 
	background: #f68712 url(../images/header-bg.png) top center;
}


#header .header-content { margin: 5px auto; position: relative; width: 960px; height: 120px; } 

#logo { float: left; width: 415px; height: 120px; } 
.menu { display: block; float: left; width: 400px; height: 40px; padding: 0; margin: 40px 0 0 20px; }
.menu li { float: left; list-style-type: none; margin: 0; padding: 0; }
.menu li a { 
	float: left; color: #ED1C24; font-family: 'BebasRegular', sans-serif, Helvetica, Arial; font-size: 22px;
	padding: 10px 15px; margin: 0 5px; text-decoration: none; text-shadow: 1px 1px 0px #fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;
}
.menu li a:hover,.menu li a.hover { color: #ED1C24; background: url(../images/white-60.png); text-shadow: 1px 1px 1px #ccc; }
.menu li a.selected { color: #fff; background: #ED1C24; text-shadow: 1px 1px 1px #231f20; }



#foobar { 
	position: absolute; top: auto; left: 0; bottom: 0px; width: 100%; height: 100px; 
	text-align: center; z-index: 10000;
	background: url(../images/footer-bg.png) top center;
}
#foobar .foocontent { 
	width: 940px; padding: 0px; margin: 0 auto; text-align: left;
	color: #333; text-shadow: 1px 1px 0px #fff; 
	font-family: 'BebasRegular', sans-serif, Helvetica, Arial ; font-size: 30px;
}

.frame { height: 100%; overflow: hidden; width: 100%; text-align: center;}
.frame .fContent { width: 960px; margin: 0 auto; text-align: left; }

#home 		{ /*background: url(../images/frame-1.jpg);*/ }
#materiali 	{ /*background: url(../images/frame-1.jpg);*/ }
#info 		{ /*background: url(../images/frame-1.jpg);*/ }
#social 	{ /*background: url(../images/frame-1.jpg);*/ }

.frame .fContent h1 {
	font-family: 'BebasRegular', Arial, Helvetica; font-size: 60px; line-height: 1.2em; 
	color: #ED1C24; text-shadow: 1px 1px 0px #fff; letter-spacing: 1px;
}
.scroll-pane { padding-right: 40px; }
.home-scroll-pane { 
	padding-right: 20px; height: 100%; width: 540px; text-align: justify; overflow: auto; 
}
#home-splash { float: left; width: 400px; height: 150px; }

#goSiteBack { float: right;  font-size: 18px; font-family: 'BebasNeueRegular', Arial, Helvetica; }

#goSiteBack a {
	text-decoration: none; color: #231f20;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;
}
#goSiteBack a:hover { color: #ce3232; }


#matArrLeft, #matScroller, #matArrRight { float: left; height: 100%; }
#matArrLeft, #matArrRight { width: 60px; }
#matArrLeft div, #matArrRight div { width: 60px; height: 60px; margin-top: 50%; }
#matArrLeft div { background: url(../images/arrows.png) 0 0 no-repeat; cursor: pointer; }
#matArrRight div { background: url(../images/arrows.png) -60px 0 no-repeat; cursor: pointer; }
#matArrLeft div:hover { background: url(../images/arrows.png) 0 -60px no-repeat; }
#matArrRight div:hover { background: url(../images/arrows.png) -60px -60px no-repeat; }

#matScroller {  width: 820px; overflow: hidden; }
#matScrollers { width: 4100px; height: 100%; }

.matScrollerItem { float: left; width: 820px; height: 100%; text-align: center; }
#matArrLeft  { float: left; margin-right: 10px; }
#matArrRight { float: right; margin-left: 10px; }



.mat-item {}
.mat-item .mat-thumb { float: left; width: 230px; margin: 0 0 0 50px; }
.mat-item .mat-thumb img { border: 10px solid #eee; }
.mat-item .mat-content { float: left; width: 400px; margin: 0 0 0 40px; padding:0; text-align: left; }
.mat-item .mat-content h1 { font-size: 30px; }
.mat-item .mat-content { font-size: 14px; }
.mat-item .mat-content a.downloadButton { 
	text-decoration: none; color: #fff; background: #f68712; font-weight: bold; text-shadow: 1px 1px 0px #333 ;
	padding: 5px 10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;
}
.mat-item .mat-content a.downloadButton:hover { background: #ED1C24;  }

.doc-block { border-top: 1px solid #ccc; margin: 10px 0; padding: 5px 0; clear: both; }
.doc-block .doc-descr { float: left; width: 320px; font-weight: bold; margin: 5px 0; line-height: 100%;  }
.doc-block .doc-title { font-size: 18px;  color: #ed1c24; margin:0; }
.doc-block .doc-author { font-size: 10px; color: #221e1e; margin-top: 5px; }
.doc-block .doc-down { float: right;  margin-top: 5px; }
.doc-block .doc-down a { font-size: 16px;}

.iniz-item { padding: 15px; margin-bottom: 25px; clear: both; }
.iniz-item .iniz-date { float: left; width: 200px; text-align: right; margin-right: 15px; font-weight: bold;  }
.iniz-item .iniz-content { float: left; width: 500px; padding-left: 15px; border-left: 1px solid #ccc; font-size: 14px; line-height: 1.2em; }
.iniz-item .iniz-content h1.iniz-title { font-size: 25px; margin-bottom: 15px; }
.iniz-item .iniz-content .iniz-place { font-size: 20px; padding: 10px 10px 0px 10px; background: #fcfc88; margin-top: 15px; font-weight: bold; }
.iniz-item .iniz-content .iniz-addr { font-size: 20px; padding: 10px; background: #fcfc88;  }


.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspDrag { background: #F39A00; position: relative; top: 0; left: 0; cursor: pointer; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: #ccc; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #ccc; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #FFEC00; position: relative; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block;	cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #F8C400; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #F8C400; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }