html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ------------------------------------------------------------------------ */
body {
	color: #6a6a6a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background: #187796 url(img/bg.jpg) repeat-x center 0;
}
#white_bg {
	background: #ffffff url(img/bg.jpg) repeat-x center 0;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #ed1c24;
	text-decoration: none;
}
a:visited {
	color: #6a6a6a;
}
.home #white_bg {
	background: #ffffff url(img/prva_bg.jpg) repeat-x center 0;
}
.spacer {
	height: 0;
	clear: both;
}
.floatleft {
	float: left;
	margin-right: 7px;
}
.floatright {
	float: right;
	margin-left: 7px;
}
.invisible {
	display: none;
}
#skypedetectionswf {
	display: none;
}

/*home design*/
#wrapper, #container {
	width: 960px;
	margin: 0 auto;
}



#header {
	height: 135px;
}
#logo {
	margin: 10px 0 0 0;
	float: left;
	width: 266px;
	height: 112px;
}

#search {
	float: right;
	width: 279px;
	height: 36px;
	background: url(img/search.jpg) no-repeat 0 0;
	position: relative;
}
#search .text {
	background: url(img/search_input.jpg) no-repeat 0 0;
	border: none;
	width: 155px;;
	height: 25px;
	padding: 0 5px;
	color: #FFFFFF;
	top: 5px;
	left: 59px;
	position: absolute;
}
#search .submit {
	top: 5px;
	right: 15px;
	cursor: pointer;
	background: transparent;
	width: 28px;
	height: 25px;
	border: none;
	position: absolute;
}

#main_menu {
	float: right;
	width: 690px;
	height: 52px;
	margin-top: 47px;
}
#main_menu ul.level_1 {
	background: url(img/menu_bg.gif) repeat-x 0 0;
	height: 52px;
	float: right;
}
#main_menu ul.level_1 li {
	float: left;
	height: 52px;
	text-align: center;
	position: relative;
}
#main_menu ul.level_1 li a {
	display: block;
	font-size: 17px;
	line-height: 19px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #999;
	text-decoration: none;
	background: url(img/menu_bl.jpg) no-repeat center top;
}
#main_menu ul.level_1 li.active a{
	text-decoration: underline;
}
#main_menu ul.level_1 li a:hover,
#main_menu ul.level_1 li.subhover a {
	color: #187796;
	text-shadow: none;
	background: #ffffff;
}
#main_menu ul.level_1 li a span {
	display: block;
	padding: 0;
	background: none;
}
#main_menu ul.level_1 li a span span,
#main_menu ul.level_1 li.first a:hover span span,
#main_menu ul.level_1 li.first a span span {
	display: block;
	height: 20px;
	padding: 16px 20px;
	background: url(img/seperator.gif) no-repeat right top;
	cursor: pointer;
}
#main_menu ul.level_1 li.last a span span {
	background: none;
}

/*#main_menu ul.level_1 li.first a span {
	background: url(img/menu_lc.gif) no-repeat 0 0;
}
#main_menu ul.level_1 li.last a span {
	background: url(img/menu_rc.gif) no-repeat right top;
}
#main_menu ul.level_1 li.first a:hover span,
ul.level_1 li.first.subhover a span {
	background: url(img/menu_lca.gif) no-repeat 0 0;
}
#main_menu ul.level_1 li.last a:hover span,
#main_menu ul.level_1 li.last.subhover a span {
	background: url(img/menu_rca.gif) no-repeat right top;
}*/
#main_menu ul.level_1 li a:hover {
	background: #ffffff;
	text-decoration: none;
}

div.subcontainer {
	position: absolute;
	top: 48px;
	left: -5px;
	width: 192px;
	z-index: 10;
	display: none;
}
div.subcontainer .bottom_bg {
	background: url(img/level2_bottom.png) no-repeat 0 0;
	height: 19px;
	overflow: hidden;
}
div.subcontainer .shadow {
	background: url(img/level2_shadow.png) repeat-y center;
}
#main_menu ul.level_2 {
	background: url(img/level2_grad.gif) repeat-x center bottom;
	margin: 0 5px;
}
#main_menu ul.level_2 li {
	background: none;
	display: block;
	float: none;
	clear: both;
	text-align: left;
	height: auto;
	
}
#main_menu ul.level_2 li a {
	display: block;
	background: none;
	font-size: 13px;
	color: #187796;
	text-shadow: none;
	padding: 5px 20px;
	background: none;
}
#main_menu ul.level_1 li.subhover ul.level_2 li a:hover {
	background: #57c3e6;
	color: #ffffff;
}
#main_menu ul.level_1 .subhover ul.level_2 li a {
	background: none;
	text-decoration: none;
}


#middle {
	padding-top: 10px;
	height: 283px;
	overflow: hidden;
}
#slider_container {
	background: url(img/slider_bg.gif) no-repeat 0 0;
	width: 492px;
	padding: 5px;
	height: 260px;
	float: left;
}
#slider {
	width: 492px;
	height: 260px;
	overflow: hidden;
}
#lang {
	float: right;
}
#intro {
	float: right;
	width: 450px;
	background: url(img/intro_shaddow.jpg) no-repeat center bottom;
	padding-bottom: 45px;
}
#intro h1 {
	font-size: 38px;
	font-family: "Myriad Pro";
	font-style: italic;
	font-weight: 700;
	color: #187796;
	line-height: 44px;
	margin-left: 20px;
}
#intro h2 {
	font-size: 18px;
	font-family: "Myriad Pro";
	font-style: italic;
	font-weight: 700;
	color: #d1d1d1;
	line-height: 24px;
	margin-left: 87px;
	margin-bottom: 20px;
}
#intro p {
	padding: 0 40px;
	text-align: justify;
}
#intro a.readmore {
	display: block;
	background: url(img/intro_button.gif) no-repeat 0 0;
	width: 119px;
	height: 32px;
	text-align: center;
	margin-left: 270px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-size: 18px;
	padding-top: 7px;
	text-shadow: 0px 0px 5px #333333;
}

#boxes {
	padding-top: 20px;
}
#boxes .box {
	width: 305px;
	float: left;
	margin: 0 7px;
}
#boxes h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #187796;
	background: url(img/heading_prva.gif) no-repeat 0 0;
	padding: 14px;
}
#boxes .content {
	padding: 14px;
}
#boxes p {
	margin-bottom: 5px;
	text-align: justify;
}
#boxes a.button {
    background: url("img/readon_button.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 16px;
    height: 25px;
    padding: 5px 0 0 33px;
    text-decoration: none;
    width: 76px;
}


#bottom {
	padding: 14px 7px 28px 7px;
}
.home .mod_newslist {
	width: 624px;
	float: left;
}
.mod_newslist h3, #team h3 {
	font-size: 28px;
	font-family: "Arial Narrow", Arial;
	text-shadow: 1px 1px 2px #aaaaaa;
	color: #187796;
	background: url(img/dots.gif) repeat-x left bottom;
	line-height: 40px;
	padding-left: 14px;
}
.mod_newslist .layout_latest {
	padding-top: 30px;
}
.mod_newslist .date {
	border-bottom: 1px solid #d9d9d9;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	float: left;
}
.mod_newslist .item {
	float: right;
	width: 494px;
}
.mod_newslist h4 {
	font-weight: 700;
	color: #000000;
	font-size: 15px;
	border-bottom: 1px solid #d9d9d9;
	padding-left: 10px;
}
.mod_newslist h4 a {
	color: #000000;
	text-decoration: none;
}
.mod_newslist h4 a:hover {
	color: #187796;
	text-decoration: none;
}
.mod_newslist .item p {
	padding: 10px;
}
.mod_newslist a.readmore,
#team a.readmore {
	display: block;
	background: url(img/dots.gif) repeat-x left bottom;
	color: #187796;
	font-weight: 700;
	text-align: right;
	text-decoration: none;
	padding-right: 10px;
	line-height: 24px;
	font-size: 13px;
}
.mod_newslist a.readmore:hover,
#team a.readmore:hover {
	text-decoration: underline;
}
.mod_newslist a.readmore span,
#team a.readmore span {
	background: url(img/readmore_arrow.gif) no-repeat right 6px;
	padding-right: 15px;
}


#team {
	float: right;
	width:305px;
}
#team .content {
	padding: 14px;
	font-size: 12px;
}
#team .item {
	padding-bottom: 14px;
}
#team img {
	border: 1px solid #b3b3b3;
	float: left;
	margin-right: 7px;
}
#team .name {
	color: #000000;
	font-weight: 700;
	padding-top: 7px;
}

#footer {
	color: #ffffff;
	text-align: center;
	padding: 20px;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/********************************************************/
#main {
	padding: 30px 0;
	width: 636px;
}
#main h1 {
	font-family: "Arial Narrow", Arial;
	font-size: 32px;
	color: #ed1c24;
	line-height: 40px;
	border-bottom: 1px solid #efefef;
}
#main .ce_text {
	padding: 20px 10px;
}
#main ul {
	margin: 10px 0 10px 5px;
}
#main ul li {
	background: url(img/readmore_arrow.gif) no-repeat 0 7px;
	padding-left: 20px;
}
#main img {
	border: 1px solid #f1f1f1;
	padding: 1px;
}
#main p {
	margin: 10px 0;
}


/**/

#right {
	width: 288px;
	float: right;
	padding: 30px 0;
}
#right .box {
	background: url(img/box_bg.gif) repeat-y 0 0;
	margin-bottom: 20px;
}
#right .box_top_border {
	background: url(img/box_top_border.gif) no-repeat 0 0;
	height: 9px;
}
#right .box_bottom_border {
	background: url(img/box_bottom_border.gif) no-repeat 0 0;
	height: 12px;
}
#right .box h3 {
	height: 53px;
	background: url(img/box_heading.gif) no-repeat 0 0;
	font-size: 22px;
	font-family: Georgia;
	text-shadow: 1px 1px 2px #555;
	color: #ffffff;
	padding: 10px 0 0 25px;
	margin-top: 10px;
}
#right .content {
	padding: 0 10px 10px 25px;
	color: #4ea2bd;
}
#right .box p {
	margin: 3px 0 5px 0;
}
#right .box .readon {
	background: url(img/box_readon.jpg) no-repeat 0 0;
	display: block;
	float: right;
	color: #187796;
	width: 98px;
	height: 24px;
	text-decoration: none;
	padding: 5px 0 0 12px;
	margin: 5px 0;
}


/*novice*/
.layout_full {
	padding: 20px 0 10px 10px;
	background: url(img/dots.gif) repeat-x left bottom;
}
.layout_full.last {
	margin-bottom: 20px;
}
.mod_newslist .layout_full.first {
	margin-top: 10px;
}
p.info {
	font-size: 10px;
	color: #b9b9b9;
}
h2 {
	color: #000000;
	font-size: 18px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	color: #b9b9b9;
	line-height: 19px;
}
#main .layout_full .ce_text {
	padding: 10px 0;
}
.layout_full .ce_text p {
	margin-bottom: 12px;
}
#main .mod_newsreader h1 {
	margin-left: -10px;
}
p.back a {
	margin-left: 10px;
}


/*pagination*/
.pagination ul {
	list-style: none;
}
#main .pagination ul li {
	float: left;
	background: none;
	font-size: 14px;
	padding: 0 4px;
}
#main .pagination ul li a.link,
#main .pagination ul li span.current {
	background: url(img/pagination_box.gif) no-repeat 0 0;
	display: block;
	width: 24px;
	height: 22px;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	padding-top: 2px;
}
#main .pagination ul li span.current,
#main .pagination ul li a.link:hover {
	color: #187796;
}
#main .pagination ul li a.link {
	color: #ffffff;
}
#main .pagination ul li a,
.back a {
	background: url(img/pagination_box2.gif) no-repeat 0 0;
	display: block;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	width: 74px;
	height: 22px;
	padding-top: 2px;
	letter-spacing: -1px;
}


/*testimonial*/
#testimonial ul li {
	margin-bottom: 15px;
	font-style: italic;
}

/*gallery*/
.ce_gallery {
	margin: 30px 0 0 10px;
}

/*search*/
.mod_search {
	margin-left: 10px;
}
.mod_search h1 {
	margin-left: -10px;
}
.mod_search .formbody {
	margin: 20px 0;
}
.mod_search #ctrl_submit {
	background: url(img/search_button.gif) no-repeat 0 0;
	border: none;
	width: 108px;
	height: 30px;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.mod_search #ctrl_keywords {
	background: url(img/search_bg.gif) no-repeat 0 0;
	border: none;
	height: 30px;
	width: 252px;
	padding: 2px 14px;
	margin-right: 10px;
}
.mod_search .header {
	font-size: 16px;
	font-weight: 700;
}
.mod_search .header strong {
	color: #ed1c24;
	font-style: italic;
}
.mod_search .first {
	margin-top: 20px;
}
.mod_search .odd,
.mod_search .even {
	padding: 10px;
}
.mod_search .even {
	background-color: #fafafa;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.mod_search h3 {
	font-size: 16px;
	margin-bottom: 5px;
}
.mod_search .url {
	font-style: italic;
	font-size: 10px;
	margin-top: 5px;
}
span.highlight {
	color: #ed1c24;
	font-style: normal;
}
.mod_search .context {
	font-style: italic;
}


a.nepodcrtano {
	text-decoration: none;
}