@charset "utf-8";
/* CSS Document */

body,th {
	font-family: Arial;
	font-size: 12px;
	background-color:#8a8b8f;
	
}

td {font-size:12px; padding:3px 0px 3px 0px; margin:0;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p {padding:0 15px; margin:0; font-size:12px; line-height:1.5em;}
a img {border:none;}

#header {
	position: relative;
	margin-top: 0px;
	width: 100%;
	height: 196px;
	min-width: 990px;
	background:url(elements/header-top-back3.png); background-repeat:repeat-x;
}
#top-wrapping { width:990px; margin:0 auto; z-index:4;}
#logo {float:left; margin:50px 0px 50px 10px; z-index:5; } #logo img a {border:none; text-decoration:none;}
#top-banner { float:right; margin-top:0px; margin-right:0px; width:677px; height=195px;}
#top-banner p {margin:0; padding:0 0 10px 0; font-size:14px;}
#clear {clear:both;}


#top-menu-wrap {width:100%; height:60px; background-color:#6e7882;}
#top-menu {width:990px; margin:0 auto;}
#top-menu ul { list-style:none; margin:0; padding:0; overflow: hidden;}
#top-menu li { float:left; border-left:1px solid #e6e6e6;}
#top-menu li a { display:block; text-decoration:none; font-size:14px; font-weight:bold; color:#FFF; text-align:center; padding:22px 10px 22px 10px;  
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

#top-menu li a:hover { background-color:#a0aab4; }

#top-menu-red {height:60px; width:280px; float:right; padding:0; margin:0px 20px 0px 0px; background-color:#eb2026;}

#top-menu-red a { display:block; padding:22px 0px; font-size:14px; color:#FFF; font-weight:bold; text-decoration:underline; text-align:center; 
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear; }


#top-menu-red a:hover { background-color:#a0aab4;}


#top-info{width:100%; height:40px; background-color:#283237;}
#top-info-news {width:990px; margin:0px auto; padding-top:13px; font-size:12px; color:#FFF; }

#body {width:990px; margin:0 auto; background-color:#e6e6e6;}

#column1 {margin:0; padding:0; width:670px; float:left;}
#column2 {margin:0; padding:0; width:300px; float:right;}

#right-menu {width:280px; float:right; margin:20px 20px 0px 0px; }
#right-menu ul {list-style:none; padding:0; margin:0; }
#right-menu li {display:block; padding:0; margin: 0; background:#6e7882 url(elements/bg_menu.png) no-repeat center right; border-bottom:1px solid #e6e6e6; }
#right-menu li a {display:block; padding:15px 0 15px 10px; margin: 0 45px 0 0; background-color:#82969b; text-decoration:none; color:#FFF; font-size:14px; font-weight:bold;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
#right-menu li a:hover {background-color:#a0aab4; }


#right-menu ul li ul li {display:block; padding:0; margin: 0; background:#6e7882 url(elements/bg_menu.png) no-repeat center right;border-top:1px solid #e6e6e6; border-bottom:none;}
#right-menu ul li ul li a {padding:5px 0 5px 10px; background-color:#82aaaa;}



#right-menu-box { width:280px; float:right; margin:20px 20px 0px 0px; padding:0; background-color:#fff; color:#283237; }
#right-menu-box a img {border:none; text-decoration:none;}
#right-menu-box p {font-size:14px; font-weight:bold;}


#right-reminder {width:280px; float:right; margin:20px 20px 0px 0px; background-color:#FFF; }
#right-reminder ul {list-style:none; padding:0px 15px; margin:0;}
#right-reminder li {display:block; font-weight:bold; padding:7px 0; margin:0; border-bottom:dotted #283237 1px;  }


#big-box { width:650px; float:left; margin: 20px 0px 0px 20px; background-color:#FFF; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); }
#big-box img {padding:0; margin:0; border:none;}
#big-box a img {border:none; text-decoration:none; outline:none;}
#big-box-content {width:650px; margin:0; background:url(elements/box-top-right.png) no-repeat top right;}
#big-box-content p {padding:2px 15px; margin:0; font-size:12px; line-height:1.5em;}
#big-box-content p.red {color:#eb2026;}
#big-box-content h1 {padding:25px 15px 0px 15px; margin:0; font-size:16px;} 
#big-box-content h2 { padding:0px 15px 0px; color:#1d4897; }

#fancy-box { width:650px; float:left; margin: 20px 0px 0px 20px; background-color:#FFF; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); background:url(elements/box-top-right.png) no-repeat top right; }
#fancy-box img {padding:0; margin:10px 10px 0px 0px; border:none;}
#fancy-box a img {border:none; text-decoration:none; outline:none;}

#in-box {float:right; width:315px; margin:0px 15px 15px 0px;}

#read-more {float:right; margin:0; padding:0; width:90px; text-align:center; } #read-more a {display:block; padding:5px; background-color:#a0aab4; color:#FFF; text-decoration:none; } #read-more a:hover {background-color:#eb2026;}


#box1 { width:315px; float:left; margin:20px 20px 0px; background-color:#FFF; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);}
#box1 img {padding:0; margin:0; border:none;}
#box1-content {width:315px; margin:0; background:url(elements/box-top-right.png) no-repeat top right;}
#box1-content a img {text-decoration:none; border:none; outline:none }
#box1-content p {padding:0 15px; margin:0; font-size:12px; line-height:1.5em;}
#box1-content p.red  {color:#1d4897; font-weight:bold;}
#box1-content h1 {padding:25px 15px 0px 15px; margin:0; font-size:16px;} 
#box1-content h2 { padding:0px 15px 0px; color:#1d4897; }


#box2 { width:315px; float:left; margin:20px 0 0 0; background-color:#FFF; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);}
#box2 img {padding:0; margin:0;}
#box2-content {width:315px; margin:0; background:url(elements/box-top-right.png) no-repeat top right;}
#box2-content a img {text-decoration:none; border:none; outline:none; }
#box2-content p {padding:0 15px; margin:0; font-size:12px; line-height:1.5em;}
#box2-content p.red  {color:#1d4897; font-weight:bold;}
#box2-content h1 {padding:25px 15px 0px 15px; margin:0; font-size:16px;} 
#box2-content h2 { padding:0px 15px 0px; color:#1d4897; }


#footer{width:100%; height:60px; background-color:#283237;}
#footer-info {width:990px; margin:0px auto; padding-top:13px; font-size:12px;}
#footer-info p {margin:0; padding:0 15px; color:#999;}

#downloda-file { margin:2px 0px 0px 15px; padding:3px 15px 3px 3px; float:left; background-color:#999;}
#downloda-file a {display:block; color:#FFF; font-weight:bold; text-decoration:none;}
#downloda-file a:hover {text-decoration:underline;}

#reservation { margin:2px 0px 10px 15px; padding:3px 15px 3px 3px; float:left; background-color:#999;}
#reservation a {display:block; color:#FFF; font-weight:bold; text-decoration:none;}
#reservation a:hover {text-decoration:underline;}

.tablica-arhiva td {font-size:10px;}