/************************************************
*  MK Highlanders  /  CSS document              *
*  Copyright (c) 2009. Coding by Davor Peic     *
*  http://www.infosit.hr davor@infosit.hr       *
************************************************/

body { 	margin: 0; padding: 0px;  font-family:"Trebuchet MS"; font-size: 62.5% ; padding-bottom: 20px; line-height: 1.7em; color:#b9e0f4; background: #4e4e4e url(../images/body_bg.jpg) 50% 0 repeat; text-align: center;  }
form {margin:0px; padding:0px;}
br{font-size:1em;}
.clearDiv {	clear:both;	}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link, a:visited {	color:#fff; text-decoration:underline;} 
a:hover { color: #fff; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {color: #3b3b3b; margin:0px;	padding:0px;font-size:1.4em;}

h1 { font-weight:normal; color:#2fb4f6; font-size:1.9em; margin: 11px 0px 8px 0px; text-transform: none; line-height:120%; font-family: Georgia; font-style: italic; }
h1 a:link, h1 a:visited { color: #fff;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }

h2 {margin:7px 0px 6px 0px; color: #a4a4a4; font-weight:normal; font-size:1.3em; line-height:125%; padding-bottom:6px;  }
h2 a:link, h2 a:visited {color: #a4a4a4; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: #fff;}

h3, h4, h5, h6 {color:#fff; font-size:1.2em; text-transform: uppercase; margin:2px 0px 7px 0px;}

p {	margin:0px;	padding-bottom: 7px;}
ul, ol { list-style-type: none; margin: 0; padding: 0;}
ul li, ol li { margin: 0; padding: 0; }

input, textarea { font-family:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; background: #fff url(images/form_bg.png) 0% 0% no-repeat; font-size: .95em; padding: 3px 5px; color: #747474;}
blockquote { border-left: solid 3px #99c5e8; background-color: #ecf2f7; padding: 3px 5px 3px 6px; margin: 8px 0 8px 40px;}

input[type="image"] {
background-color:transparent;
border:0 none;
cursor:pointer;
font-family:sans-serif;
font-size:small;
padding:0;
}

/* PAGE CONTENT ***********************************************************************************************************/
.shadow_top { width: 100%; background: transparent url(../images/shadow_up.png) 0 0 repeat-x; position: absolute; top:0; left: 0; height: 40px; display: block; }

.headCont { width: 100%; background: transparent url(../images/shadow_down.png) 0 100% repeat-x;  }
.headCont2 { width: 780px; margin: 0 auto; background: transparent url(../images/head_tracks.png) 100% 0 no-repeat; }
a.logo { display: block; width: 135px; height: 135px; background: transparent url(../images/logo.png) 0 0 no-repeat; float: left; margin:10px; }
.head_image { width: 594px; height: 158px; display: block; float: right; background: transparent url(../images/head_image.png) 0 0 no-repeat; margin-right:25px; }

.contentCont { width: 100%; background: #202020 url(../images/content_bg.jpg) 0 0 repeat-x; text-align: left;  }
.contentCont2 { width: 780px; margin: 0 auto; font-size: 1.1em; padding-bottom: 10px; }

.left_col { width: 185px; float: left; padding-bottom: 10px;  }
.right_col { width: 555px; float: right; padding: 15px; background-color: #000; margin-top: 10px; font-size: 1.1em; }
/* MAIN MENU */
ul.menu { width: 185px; float: left; display: block; padding:10px 0 10px;}
ul.menu li { color: #426492; display: block; font-size: 1.2em; text-transform:uppercase; font-weight: bold; /* margin-bottom: 5px; */ padding-top: 1px;}
ul.menu li a, ul.menu li a:visited { background-color:#000; text-decoration: none; color: #aaa; display: block; padding:4px 9px; }
ul.menu li a:hover { text-decoration: none; color: #fff; }
ul.menu li.menuUvlaka { background: none; font-size: 1.05em;  font-weight:normal; margin-bottom: 0;}
ul.menu li.menuUvlaka a, ul.menu li.menuUvlaka a:visited { padding-left: 15px; font-size: .95em; color:#adcae5; text-transform: none; }
ul.menu li.menuUvlaka a:hover { text-decoration: none; color: #fff; }
/* ul.menu li.menu_selected { background: transparent url(../images/menu_selected.png) 0 3px no-repeat;} */
ul.menu li ul { /* background: #5e8406  url(../images/submenu_bg.png) 0 0 repeat-x; */ /* margin:0 5px; padding-bottom: 3px; */ }

.left_info { background-color: #000; margin-top: 1px; color: #95cfec; padding: 10px; }

.right_col ul { padding-left: 12px; color: #fff;}
.right_col ul li { background: transparent url(../images/bullet01.png) 0 6px no-repeat; padding-left: 14px; color: ;}
.right_col ul li a, .right_col ul li a:visited { color: #fff; }

.footer { width: 100%; background: transparent url(../images/shadow_up.png) 0 0 repeat-x;  }
.footer2 { width: 780px; margin: 0 auto; text-align: left; padding: 8px 0; }
.footer a, .footer a:visited { text-decoration: none; font-size: 1.2em; color: #fff; text-transform: uppercase; }
.footer a:hover { color: #b9e0f4; }

.kontaktForma{ margin:0 auto; width: 380px;}
.kontaktForma h1{font-size:12pt; padding:0px; margin:0px; padding-bottom: 8px;}
.kontaktForma input{padding:2px;}
.kontaktForma label{float:left; width:165px;}
.inputTextbox{float:right; width: 182px;}
.inputTextarea{float:left; width:350px;}
.inputCheckbox{float:left;}
.spaceHeight{float:left; height:25px;}
.floatLeft{float:left; width: 360px; padding-top:4px; padding-bottom: 5px;}
.kontakt_button{padding-left: 4px;}

/*FOTO ALBUM */
.fotoAlbumGal { margin-bottom:20px;}
.galleryThumbsTitle { font-size:.9em;display:block; float:left; margin-top:2px; text-decoration:none;}
.fotoAlbumGal .galleryThumbs2 img {border:0 none; padding:0; float:left;}
.fotoAlbumGal a.galleryThumbs2, .fotoAlbumGal a.galleryThumbs2:visited { width:75px;height: 120px; overflow:hidden;  background: #d8d8d8 url(../images/mainMenu_bg.jpg) 0% 0% repeat-x;padding:7px; text-decoration:none; float:left; margin-right:8px; margin-bottom:10px;}
.galleryThumb2 span.galleryThumbsTitle:hover { text-decoration:underline;}
.fotoAlbumPhotos img{float: left; padding-right: 4px; padding-left: 4px; padding-bottom: 8px;}

.headBanner{float: left; width:550px; height:300px; overflow: hidden;}


/*AKTIVNOSTI KLUBA*/

.slike{float:right; width:135px; }
.slike a img{margin-bottom:10px;}

.news_image{float: right; padding-right: 4px; padding-left: 4px; padding-bottom: 8px }
.news_box{width:550px; border-color: Green;}

/* ATTACHED FILES */
.content_left ul.attachedFiles li{background: none; list-style-type: none; padding:0px;}
ul.attachedFiles { list-style-type: none; margin-left: 3px;}
ul.attachedFiles li a { line-height: 175%; padding: 2px 0; padding-left: 23px;}
ul.attachedFiles li.icon___doc a { background-image: url(../images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___xls a { background-image: url(../images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___ppt a { background-image: url(../images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___img a { background-image: url(../images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___pdf a { background-image: url(../images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___zip a { background-image: url(../images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}





