@charset "UTF-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	background-color: #ECECEC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'QuicksandBook';
	font-size:14px;
	color:#333;
}
@font-face {
    font-family: 'BebasRegular';
    src: url('Bebas/bebas___-webfont.eot');
    src: url('Bebas/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('Bebas/bebas___-webfont.woff') format('woff'),
         url('Bebas/bebas___-webfont.ttf') format('truetype'),
         url('Bebas/bebas___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBook';
    src: url('Quicksand/Quicksand_Book-webfont.eot');
    src: url('Quicksand/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand/Quicksand_Book-webfont.woff') format('woff'),
         url('Quicksand/Quicksand_Book-webfont.ttf') format('truetype'),
         url('Quicksand/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*#menu {
	margin:0px; padding:0px; list-style:none; color:#aaa; vertical-align:middle;
}
#menu li{
	width:100%;
	height:90px;
	background-image:url(../images/menuBackground.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	vertical-align:middle;
	font-size:24px;
	padding-left:20px;
	line-height:90px;
}*/
.text{
	padding:0px 20px;
}
.textHeader{
	color:#09C;
	font-family:'BebasRegular';
	font-size:36px;
	padding:0px 20px;
	margin-top:20px;
}
.textHeaderP{
	color:#09C;
	font-family:'BebasRegular';
	font-size:36px;
	padding:0px 20px;
	margin-top:20px;
	width:100%;
	float:left;
}
div.header{
	height:100%;
	width:100px;
	background-image:url(../images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	right:20px;
	top:20px;
}
div.hicons{
margin-bottom:10px;
clear: both;
height: 40px;
padding: 0 10px;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFF;

}
div.hicons .title{
font-family:'BebasRegular';
font-size: 20px;
font-weight:bold;
color:#333333;
padding-top: 5px;
width:auto;
}

.ids{
margin-bottom:10px;
margin-top:10px;
clear: both;
height: 77px;
padding: 10px 10px;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFF;
width:190px;
}

.hmenus{
	margin-top:10px;
}
.hmenus div.hmenu:last-child div.hicons{
border: 0px;	
}	



div.iAbout{
width:86px;
border-left:thick 6px;
border-left-style:solid;
border-left-color:#09C;
}
div.iSer{
width:112px;
border-left:thick 6px;
border-left-style:solid;
border-left-color:#9C0;
}
div.iPor{
width:120px;
border-left:thick 6px;
border-left-style:solid;
border-left-color:#FC0;
}
div.iRad{
width:98px;
border-left:thick 6px;
border-left-style:solid;
border-left-color:#F90;
}
div.iCon{
width:106px;
border-left:thick 6px;
border-left-style:solid;
border-left-color:#969;
}


div.news{
	height:117px;
	background-color:#996699;
}
div.newsLeftArrow{
	background-image:url(../images/arrowLeft.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	height:117px;
	width:50px;
}
div.newsPic{
	width:190px;
	height:117px;
	float:left;
}
div.newsRightArrow{
	background-image:url(../images/arrowRight.png);
	background-position:center;
	background-repeat:no-repeat;
	float:right;
	height:117px;
	width:50px;
}
div.newsTitle{
	color:#FFFFFF;
	background-color:#333333;
	font-size:18px;
	padding:10px 10px;
}
div.newsContent{
	height:117px;
	min-width:380px;
}


div.search{
	background-color:#4E1A65;
	height:30px;
	vertical-align:middle;
	padding:5px;
}
div.searchBar{
	width:190px;
	float:right;
	margin-right:10px;
}
div.searchButton{
	width:40px;
	float:right;
	-moz-border-radius: 24px !important;
    -webkit-border-radius: 24px !important;
	text-align:center;
	vertical-align:middle;
	height:18px;
	background-color:#4E1A65;
	margin-right:10px;
	border: 4px solid #ffffff;
	color:#FFF;
}
.inputField {
    text-align: left;
    height: 26px;
    width: 180px;
    -moz-border-radius: 24px !important;
    -webkit-border-radius: 24px !important;
    padding-left: 8px;	
}

div.footer{
	background-color:#09C;
	width:100%;
	float:left;
}
div.footerNews{
	width:50%;
	float:left;
	color:#333;
	background-color:#09C;
	text-align:center;
	padding:8px 0;
	font-size:12px;
}

div.footerEvents{
	width:50%;
	float:left;
	color:#333;
	background-color:#09C;
	text-align:center;
	padding:8px 0;
	font-size:12px;
}
div.footerSocial{
	width:50%;
	float:left;
	color:#333;
	background-color:#09C;
	text-align:center;
	padding:8px 0;
	font-size:12px;
}
div.footerSitemap{
	width:100%;
	float:left;
	color:#333;
	background-color:#09C;
	text-align:center;
	padding:8px 0;
}
div.portPic{
	width:300px;
	height:225px;
	float:left;
	margin:10px;
}