/****************************************************************************************
 *	Center odlicnosti Planica - CSS Main File
 *	@media		screen
 *	@author		Kreativne ideje d.o.o.
 *	@URL		www.kreativne-ideje.si
 *	@date		June 2009
 ***************************************************************************************/


/********************************************************************
 *	General Styles
 *******************************************************************/
* {
    margin: 0;
    padding: 0;
    }

body {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #424242;
    /*background-color: #FDFDFD;*/
    background-color: #FFFFFF;
    text-align: center;
    }

img {
    border: 0;
    }

h1 {
    font-size: 18px;
    color: #424242;
    padding-bottom: 13px;
    }

h2 {
    font-size: 15px;
    color: #556F87;
    padding-top: 15px;
    padding-bottom: 15px;
    }

h3 {
    font-size: 13px;
    color: #556F87;
    padding: 10px 0;
    }
    
h4 {
    font-size: 12px;
    color: #556F87;
    padding: 10px 0;
    }

ul, ol {
    padding-left: 20px;
    padding-bottom: 15px;
    }

.dummy {
    clear: left;
    float: left;
    width: 219px;
    height: 35px;
    }

/********************************************************************
 *	General Structure
 *******************************************************************/
#upperPart {
    float: left;
    width: 100%;
    background-image: url(../images/bg_body.gif);
    background-repeat: repeat-x;
    }

#lowerPart {
    clear: left;
    float: left;
    width: 100%;
    padding-bottom: 25px;
    background-color: #829394;
    border-top: 2px solid #ECEDEC;
    }

.wrapper {
    width: 980px;
    margin: 0 auto;
    }

#container {
    float: left;
    width: 980px;
    text-align: left;
    }

/********************************************************************
 *	Header
 *******************************************************************/
#header {
    float: left;
    width: 980px;
    height: 135px;
    }

#header .inHeader {
    float: left;
    width: 922px;
    padding-left: 40px;
    padding-right: 18px;
    }

#header .inHeader .logo {
    float: left;
    width: 372px;
    height: 78px;
    padding-top: 35px;
    }

#header .inHeader .logo a {
    display: block;
    width: 372px;
    height: 78px;
    }

#header .inHeader .links {
    float: left;
    width: 545px;
    padding-top: 13px;
    text-align: right;
    }

#header .inHeader .links a {
    font-size: 12px;
    color: #125497;
    text-decoration: underline;
    }

#header .inHeader .links a:hover {
    text-decoration: none;
    }

/********************************************************************
 *	Navigation
 *******************************************************************/
#navigation {
    clear: left;
    float: left;
    width: 980px;
    font-weight: bold;
    color: #FFFFFF;
    }

#navigation .inNavigation {
    float: left;
    width: 942px;
    height: 31px;
    padding-left: 38px;
    line-height: 31px;
    }

#navigation a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    }

#navigation a:hover {
    text-decoration: underline;
    }

#navigation strong {
    font-size: 13px;
    font-weight: bold;
    color: #125497;
    }

#navigation span {
    padding: 0 10px;
    }

/********************************************************************
 *	Content
 *******************************************************************/
#content {
    clear: left;
    float: left;
    width: 980px;
    margin-top: 27px;
    }

#content .inContent {
    float: left;
    width: 950px;
    padding: 0 15px;
    }

#content .enterContent {
    float: left;
    width: 528px;
    padding-left: 10px;
    padding-right: 57px;
    }

#content .enterContent .contentTitle {
    float: left;
    width: 528px;
    font-size: 24px;
    font-weight: bold;
    color: #125497;
    padding: 18px 0;
    }

#content .enterContent .contentText {
    clear: left;
    float: left;
    width: 528px;
    }

#content .enterContent .contentText .contentImg {
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 10px;
    background-color: #FFFFFF;
    }

#content .enterContent .contentText .contentImg img {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
    }

#content .enterNews {
    float: left;
    width: 355px;
    }

#content .enterNews .enterNewsBox {
    float: left;
    width: 355px;
    /*background-image: url(../images/bg_enternews_02.gif);
    background-repeat: repeat-y;*/
    }

#content .enterNews .enterNewsTop {
    float: left;
    width: 355px;
    /*background-image: url(../images/bg_enternews_01.gif);
    background-repeat: no-repeat;*/
    }

#content .enterNews .enterNewsTitle {
    float: left;
    width: 326px;
    padding-left: 29px;
    padding-top: 13px;
    padding-bottom: 18px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    }

#content .enterNews .enterNewsContent {
    clear: left;
    float: left;
    width: 326px;
    padding-left: 29px;
    }

#content .enterNews .newsDate {
    float: left;
    width: 59px;
    height: 45px;
    background-image: url(../images/bg_date.gif);
    background-repeat: no-repeat;
    }

#content .enterNews .inDate {
    float: left;
    width: 44px;
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    }

#content .enterNews .newsText {
    float: left;
    width: 252px;
    }

#content .enterNews .newsText .newsTitle {
    float: left;
    width: 244px;
    padding-bottom: 15px;
    }

#content .enterNews .newsText .newsTitle a {
    font-size: 13px;
    color: #125497;
    text-decoration: underline;
    }

#content .enterNews .newsText .newsTitle a:hover {
    text-decoration: none;
    }

#content .enterNews .newsText .newsTxt {
    clear: left;
    float: left;
    width: 244px;
    padding-bottom: 10px;
    color: #424242;
    /*color: #FFFFFF;*/
    }

#content .enterNews .newsText .newsLink {
    clear: left;
    float: left;
    width: 244px;
    padding-bottom: 15px;
    text-align: right;
    }

#content .enterNews .newsText .newsLink a {
    text-decoration: underline;
    font-size: 12px;
    color: #125497;
    }

#content .enterNews .newsText .newsLink a:hover {
    text-decoration: none;
    }

#content .enterNews .enterNewsEnd {
    clear: left;
    float: left;
    width: 355px;
    height: 8px;
    /*background-image: url(../images/bg_enternews_03.gif);
    background-repeat: no-repeat;*/
    }

#content .complex {
    clear: both;
    float: left;
    width: 950px;
    margin-top: 25px;
    padding-bottom: 42px;
    }

#content .complex .inComplex {
    float: left;
    width: 920px;
    padding-top: 13px;
    padding-left: 30px;
    }

#content .complex .complexBox {
    float: left;
    width: 152px;
    height: 275px;
    }

/********************************************************************
 *	Left Column
 *******************************************************************/
#leftContent {
    float: left;
    width: 242px;
    padding-top: 25px;
    }

#leftContent .inLeft {
    float: left;
    width: 210px;
    padding-left: 12px;
    padding-right: 20px;
    }

#leftContent .menu {
    float: left;
    width: 210px;
    margin-bottom: 25px;
    padding-bottom: 95px;
    background-image: url(../images/menu_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #577089;
    }

#leftContent .menuTop {
    float: left;
    width: 210px;
    height: 24px;
    background-image: url(../images/menu_top.jpg);
    background-repeat: no-repeat;
    }

#leftContent .inMenuLink {
    float: left;
    width: 180px;
    padding: 5px 0;
    border-bottom: 1px solid #C6CDD3;
    }

#leftContent .menuLink0, .menuLink1, .menuLink0Active, .menuLink1Active {
    clear: left;
    float: left;
    width: 180px;
    padding: 0 15px;
    }

#leftContent .menuLink2 {
    clear: left;
    float: left;
    width: 180px;
    padding: 0 15px;
    background-image: url(../images/point_01.gif);
    background-repeat: no-repeat;
    background-position: 15px center;
    }

#leftContent .menuLink2Active {
    clear: left;
    float: left;
    width: 180px;
    padding: 0 15px;
    background-image: url(../images/point_02.gif);
    background-repeat: no-repeat;
    background-position: 15px center;
    }


#leftContent .menuLink0 a {
    font-size: 14px;
    text-decoration: none;
    color: #FFFFFF;
    }

#leftContent .menuLink0 a:hover {
    text-decoration: none;
    color: #C6CDD3;
    }

#leftContent .menuLink0Active a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    }

#leftContent .menuLink1 a {
    text-decoration: none;
    color: #C6CDD3;
    }

#leftContent .menuLink1 a:hover {
    text-decoration: none;
    color: #FFFFFF;
    }

#leftContent .menuLink1Active a {
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    }

#leftContent .menuLink2 a {
    padding-left: 15px;
    text-decoration: none;
    color: #C6CDD3;
    }

#leftContent .menuLink2 a:hover {
    text-decoration: none;
    color: #FFFFFF;
    }

#leftContent .menuLink2Active a {
    padding-left: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    }



#leftContent .newsMenu {
    float: left;
    width: 210px;
    }

#leftContent .newsMenu .newsMenuTitle {
    float: left;
    width: 210px;
    height: 30px;
    border-bottom: 1px solid #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    }

#leftContent .newsMenu .newsMenuContent {
    clear: left;
    float: left;
    width: 210px;
    padding-top: 10px;
    }

#leftContent .newsMenu .newsMenuBox {
    clear: left;
    float: left;
    width: 210px;
    padding-bottom: 10px;
    }

#leftContent .newsMenu .newsMenuBox .newsDate {
    float: left;
    width: 57px;
    height: 45px;
    background-image: url(../images/bg_date.gif);
    background-repeat: no-repeat;
    }

#leftContent .newsMenu .newsMenuBox .newsDate .inDate {
    float: left;
    width: 44px;
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    }

#leftContent .newsMenu .newsMenuBox .newsText {
    float: left;
    width: 153px;
    }

#leftContent .newsMenu .newsMenuBox .newsText .newsTitle {
    float: left;
    width: 153px;
    padding-bottom: 15px;
    font-size: 13px;
    color: #125497;
    }

#leftContent .newsMenu .newsMenuBox .newsText .newsTitle a {
    font-size: 13px;
    font-weight: bold;
    color: #125497;
    text-decoration: underline;
    }

#leftContent .newsMenu .newsMenuBox .newsText .newsTitle a:hover {
    text-decoration: none;
    }

#leftContent .newsMenu .newsMenuBox .newsText .newsTxt {
    clear: left;
    float: left;
    width: 153px;
    padding-bottom: 10px;
    color: #424242;
    }

#leftContent .lister {
    clear: left;
    float: left;
    width: 210px;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #424242;
    }

#leftContent .lister a {
    text-decoration: none;
    color: #125497;
    }

#leftContent .lister a:hover {
    text-decoration: underline;
    }

/********************************************************************
 *	Main Column
 *******************************************************************/
#mainContent {
    float: left;
    width: 695px;
    padding-top: 25px;
    }

#mainContent .leftColumn {
    float: left;
    width: 219px;
    }

#mainContent .leftColumn .contentTitle {
    float: left;
    width: 219px;
    padding-bottom: 10px;
    border-bottom: 1px solid #424242;
    font-size: 24px;
    font-weight: bold;
    color: #125497;
    }


#content .projectWPs {
    float: left;
    width: 695px;
    padding-bottom: 15px;
    }
    
#content .projectWPs a {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 3px 5px;
	text-decoration: none;
	font-weight: bold;
	background-color: #125497;
	color: #FFFFFF;
	}
	
#content .projectWPs a:hover {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 3px 5px;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFACD;
	color: #424242;
	}

#content .projectTitle {
    float: left;
    width: 695px;
    padding-bottom: 10px;
    border-bottom: 1px solid #424242;
    font-size: 24px;
    font-weight: bold;
    color: #125497;
    }
    
#content .projectText {
    float: left;
    width: 695px;
    padding: 10px 0;
    }
    

#content .leftColumn .contenRefImage {
    clear: left;
    float: left;
    width: 219px;
    margin: 15px 0;
    text-align: center;
    }

#content .leftColumn .contentGallery {
    clear: left;
    float: left;
    width: 219px;
    margin: 15px 0;
    }

#content .leftColumn .contentGallery .galleryTitle {
    float: left;
    width: 219px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #556F87;
    }

#content .leftColumn .contentGallery .galleryRow {
    clear: left;
    float: left;
    width: 219px;
    padding-bottom: 15px;
    }

#content .leftColumn .contentGallery .galleryImage {
	float: left;
	width: 63px;
	}

#content .leftColumn .contentGallery .galleryDivider {
	float: left;
	width: 15px;
	height: 63px;
	}

#mainContent .leftColumn .contentDate {
    clear: left;
    float: left;
    width: 219px;
    padding-top: 7px;
    font-size: 12px;
    font-weight: bold;
    }

#mainContent .leftColumn .contentAuthor {
    clear: left;
    float: left;
    width: 219px;
    padding-bottom: 15px;
    }

#mainContent .leftColumn .blockquote {
    clear: left;
    float: left;
    width: 219px;
    padding-top: 23px;
    background-image: url("../images/bg_blockquote_01.gif");
    background-repeat: no-repeat;
    background-color: #125497;
    }

#mainContent .leftColumn .blockquote .inBlockquote {
    float: left;
    width: 169px;
    padding: 0 25px;
    color: #FFFFFF;
    }

#mainContent .leftColumn .endBlockquote {
    clear: left;
    float: left;
    width: 219px;
    height: 23px;
    margin-bottom: 15px;
    background-image: url("../images/bg_blockquote_02.gif");
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #125497;
    }

#mainContent .mainColumn {
    float: left;
    width: 456px;
    padding-left: 20px;
    }

#mainContent .mainColumn p {
    text-align: justify;
    padding-bottom: 15px;
    }

#mainContent .mainColumn a, .leftColumn a {
    text-decoration: underline;
    color: #125497;
    }

#mainContent .mainColumn a:hover, .leftColumn a:hover {
    text-decoration: none;
    }



/********************************************************************
 *	Footer
 *******************************************************************/
#footer {
    float: left;
    width: 980px;
    text-align: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    }

#footer .inFooter {
    float: left;
    width: 926px;
    padding-top: 22px;
    padding-left: 27px;
    }

#footer .contact {
    float: left;
    width: 200px;
    }

#footer .inContact {
    float: left;
    width: 200px;
    padding-top: 9px;
    }

#footer .contact .contactTitle {
    float: left;
    width: 200px;
    padding-bottom: 15px;
    font-size: 13px;
    font-weight: bold;
    }

#footer .contact .contactData {
    clear: left;
    float: left;
    width: 200px;
    }

#footer .contact .tableIdentifier {
    width: 72px;
    }

#footer a {
    color: #FFFFFF;
    text-decoration: underline;
    }

#footer a:hover {
    text-decoration: none;
    }

#footer .menu {
    float: left;
    width: 720px;
    padding-bottom: 9px;
    border-left: 1px solid #4B6F71;
    }

#footer .menu .inMenu {
    float: left;
    width: 685px;
    padding-left: 35px;
    padding-top: 9px;
    }

#footer .menu .sitemap {
    float: left;
    width: 685px;
    padding-bottom: 10px;
    }

#footer .sitemap .tableIdentifier {
    width: 180px;
    padding-bottom: 3px;
    text-align: left;
    vertical-align: top;
    }

#footer .sitemap .tableLiteral {
    padding-bottom: 3px;
    }

#footer .menu .sitemapLink {
    padding-bottom: 5px;
    }

#footer .menu .sitemap .tableIdentifier a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    }

#footer .menu .sitemap .tableIdentifier a:hover {
    text-decoration: underline;
    }


#footer .menu .sitemap .tableLiteral a {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    }

#footer .menu .sitemap .tableLiteral a:hover {
    text-decoration: underline;
    }

#footer .menu .disclaimer {
    clear: left;
    float: left;
    width: 685px;
    }

#footer .menu .copyright {
    padding-left: 15px;
    }

#footer .menu .inverse a {
    text-decoration: none;
    }

#footer .menu .inverse a:hover {
    text-decoration: underline;
    }

/**************************************************
 *		PDF
 **************************************************/
.pdf {
    clear: left;
    float: left;
    width: 450px;
    padding-top: 10px;
    padding-bottom: 25px;
    }

.pdfLink {
    clear: left;
    float: left;
    width: 450px;
    padding: 2px 0;
    }

.pdfTxt {
    float: left;
    width: 400px;
    padding-left: 10px;
    line-height: 175%;
    font-size: 12px;
    }

.pdf .pdfIcon {
    float: left;
    width: 16px;
    height: 16px;
    }

.pdf .pdfIcon a {
    display: block;
    float: left;
    width: 16px;
    height: 20px;
    background-image: url(../images/pdf.gif);
    background-repeat: no-repeat;
    background-position: center;
    }

.pdf .pdfIcon a:hover {
    background-image: url(../images/pdf_hov.gif);
    background-repeat: no-repeat;
    }


/**************************************************
 *		Error Block
 **************************************************/
#errorDiv {
    width: 980px;
    height: 600px;
    text-align: center;
    padding-top: 186px;
    }

#errorDiv p {
    line-height: 130%;
    }

#errorDiv .warrning {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 25px;
    }

#errorDiv .errorMessage1 {
    padding-top: 20px;
    }

#errorDiv .errorMessage2 {
    padding-top: 45px;
    }

#errorDiv a {
    color: #125497;
    text-decoration: underline;
    }

#errorDiv a:hover {
    text-decoration: none;
    }