/*  
Theme Name: Landis
Version: 1.0
Author: tgpo


*/

* { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

body { background:#ffffff url('images/bg-light.png') repeat-x 0 -110px;}

#container { margin: 0 auto; width: 946px;}
#header { display: block; width:946px; float:left;  background:url('images/header.jpg') no-repeat;margin-top:31px;height:129px;}
#header #logo { float: left; margin-top: 30px; text-align: left;}
#header #logo a {font-weight: normal; text-decoration: none; }
#header #logo a .alt {  ont-weight: normal; text-decoration: none; }
#header .description { color: #a7ddff; font-size: 15px; margin-left: 10px; position: relative; top: -2px; }

#header #navcontainer { float: right; margin-top: 80px; text-align: right; position: relative;}
#header #navcontainer #topnav { list-style: none; }
#header #navcontainer #languages { position: absolute; right: 12px; top: -75px; }
#header #navcontainer #languages  img{ border-width: 0px; width: 32px; height: 25px; }
#header #navcontainer #languages  a{ margin-left: 10px; }
#header #navcontainer #topnav .page_item { background: url('images/topnav-div.gif') top right no-repeat; display: inline; padding-left: 15px; }
#header #navcontainer #topnav .page_item a { color: #fff; font-size: 13px; font-weight: bold; margin-right: 15px; text-decoration: none; text-transform:uppercase; }
#header #navcontainer #topnav .page_item a:hover { color: #bcd0ed; }

#page { clear: both; background:#1c2f3d;}
#page #leftside { float: left; width: 349px; }
#page #leftside ul, #page #leftside ol { list-style-position:inside; }
#page #leftside #splash { background: url('images/splash.jpg') top left no-repeat; display: block; height: 304px; width: 349px; }
#page #leftside .boxtop { background: url('images/box-bg-top.png') top left no-repeat; margin-bottom: 10px; padding-top: 12px; }
#page #leftside .boxbottom { background: url('images/box-bg-btm.png') bottom left no-repeat; padding-bottom: 11px; }
#page #leftside .boxmiddle { background: url('images/box-bg-mid.png') top left repeat-y; color: #fff; min-height: 35px; padding: 0 10px; text-align: left; }
#page #leftside .boxmiddle h2 { background: url('images/h2-bg.png') bottom left no-repeat; color: #aeeb60; font-size: 13px; margin-bottom: 10px; padding: 10px 0 5px 0; }
#page #leftside .boxmiddle ul { font-size: 12px; list-style: none; }
#page #leftside .boxmiddle a { color: #a7ddff; text-decoration: none; }
#page #leftside .boxmiddle a:hover { color: #aeeb60; text-decoration: none; }
#page #leftside .boxmiddle #searchform input { background: #1e4057; border: 1px solid #193548; color: #a7ddff; font-size: 12px; margin-top: 3px; padding:2px; }
#page #leftside .boxmiddle #searchform #searchsubmit { background: #aeeb60; color: #333; font-weight: bold; padding:2px; width: 65px; }
#page #leftside .boxmiddle #wp-calendar { font-size: 13px; }
#page #leftside .boxmiddle #wp-calendar caption { color: #aeeb60; font-size: 13px; font-weight: bold; }

#page #rightside { color: #424343; float: left; text-align: left; width: 946px;}
#page #rightside h2{ font-size: 14px; margin:15px 0 15px 0; color:#185ea6;}
#page #rightside h2#archive { font-size: 20px; margin-bottom: 15px; }
#page #rightside h5{ font-size: 12px; margin:15px 0 15px 0; color:#185ea6;}
#page #rightside .notfound h3 { background: url('images/h3-bg.png') bottom left no-repeat; color: #f26522; font-size: 18px; margin-bottom: 10px; padding-bottom: 5px; }
#page #rightside .notfound p { font-size: 12px; }
#page #rightside .notfound input { background: #1e4057; border: 1px solid #193548; color: #a7ddff; font-size: 12px; margin-top: 3px; padding:2px; }
#page #rightside .notfound #searchsubmit { background: #aeeb60; color: #333; font-weight: bold; padding:2px; width: 65px; }

#page #rightside .post{  margin:0 13px 0 13px;padding:20px 20px 20px 20px; background:#E9EDF0;float:left;}
#page #rightside .post h3 { background: url('images/h3-bg.png') bottom left no-repeat; margin-bottom: 10px; padding:5px 0;font-size:18px; }
#page #rightside .post h4 { background: url('images/h3-bg.png') bottom left no-repeat; margin-bottom: 10px; padding:5px 0;font-size:14px; }
#page #rightside .post h3 a { color: #f26522; font-size: 18px; text-decoration: none; }
#page #rightside .post .topics { color: #aeeb60; font-size: 13px; font-weight: bold; padding-bottom: 2px; }
#page #rightside .post .topics a { color: #a7ddff; margin-left: 5px; text-decoration: none; }
#page #rightside .post .topics a:hover { color: #aeeb60; }
#page #rightside .post .date { color: #aeeb60; float: right; font-size: 16px; font-weight: bold; line-height: 18px; margin-left: 5px; padding-bottom: 2px; text-transform:uppercase; width: 10px; }
#page #rightside .post .entry { font-size: 12px; min-height: 128px; width:880px;}
#page #rightside .post .entry a { color: #a7ddff; text-decoration: none; }
#page #rightside .post .entry a:hover { color: #fff; }
#page #rightside .post p { margin-bottom: 7px; }
#page #rightside .post .postmetadata, #page #rightside .post .reply { font-size: 12px; font-weight: bold; text-align: right; }
#page #rightside .post .postmetadata a, #page #rightside .post .reply a{ color: #a7ddff; text-decoration: none; }
#page #rightside .post .postmetadata a:hover, #page #rightside .post .reply a:hover{ color: #aeeb60; }

#page #rightside .comments { }
#page #rightside .comments h3 { color: #f26522; font-size: 15px; margin-bottom: 10px; padding-bottom: 5px; }
#page #rightside .comments .comment-box-top { background: url('images/comment-box-top.png') top left no-repeat; margin-bottom: 10px; padding-top: 12px; }
#page #rightside .comments .comment-box-bottom { background: url('images/comment-box-bottom.png') bottom left no-repeat; padding-bottom: 11px; }
#page #rightside .comments .comment-box-middle { background: url('images/comment-box-mid.png') top left repeat-y; color: #fff; padding: 0 10px 12px 10px; text-align: left; }
#page #rightside .comments .comment-box-top-alt { background: url('images/comment-box-top-alt.png') top left no-repeat; margin-bottom: 10px; padding-top: 12px; }
#page #rightside .comments .comment-box-bottom-alt { background: url('images/comment-box-bottom-alt.png') bottom left no-repeat; padding-bottom: 11px; }
#page #rightside .comments .comment-box-middle-alt { background: url('images/comment-box-mid-alt.png') top left repeat-y; color: #fff; padding: 0 10px 12px 10px; text-align: left; }
#page #rightside .comments cite { background: url('images/h3-bg.png') bottom left no-repeat; color: #aeeb60; float: left; font-size: 13px; font-style: normal; font-weight: bold; margin-bottom: 10px; min-width: 250px; padding-bottom: 5px; }
#page #rightside .comments cite a { color: #a7ddff; text-decoration: none; }
#page #rightside .comments cite a:hover { color: #aeeb60; }
#page #rightside .comments .comment-date { color: #fff; float: right; font-size: 12px; font-weight: bold; text-align: right; }
#page #rightside .comments .clear { clear: right; }
#page #rightside .comments p { font-size: 12px; margin-top: 12px; }
#page #rightside .comments .avatar { float: left; margin: 0 7px 5px 0; }
#page #rightside .comments a { color: #a7ddff; text-decoration: none; }
#page #rightside .comments a:hover { color: #aeeb60; }

#page #rightside #leavecomment { margin-top: 15px; }
#page #rightside #leavecomment .comment-box-top { background: url('images/comment-box-top.png') top left no-repeat; margin-bottom: 10px; padding-top: 12px; }
#page #rightside #leavecomment .comment-box-bottom { background: url('images/comment-box-bottom.png') bottom left no-repeat; padding-bottom: 11px; }
#page #rightside #leavecomment .comment-box-middle { background: url('images/comment-box-mid.png') top left repeat-y; color: #fff; padding: 0 10px 12px 10px; text-align: left; }
#page #rightside #leavecomment h3 { background: url('images/h3-bg.png') bottom left no-repeat; color: #aeeb60; font-size: 13px; font-style: normal; font-weight: bold; margin-bottom: 10px; min-width: 250px; padding-bottom: 5px; }
#page #rightside #leavecomment h3 { background: url('images/h3-bg.png') bottom left no-repeat; color: #aeeb60; font-size: 13px; font-style: normal; font-weight: bold; margin-bottom: 10px; min-width: 250px; padding-bottom: 5px; }
#page #rightside #leavecomment input, #page #rightside #leavecomment textarea { background: #1e4057; border: 1px solid #193548; color: #a7ddff; font-size: 12px; margin-top: 3px; padding:2px; width: 484px; }
#page #rightside #leavecomment em { color: #aeeb60; font-size: 10px; font-style: normal; font-weight: bold; }
#page #rightside #leavecomment .submit { text-align: right; }
#page #rightside #leavecomment #submit { background: #aeeb60; color: #333; font-weight: bold; padding:2px; width: 115px; }
#page #rightside #leavecomment a { color: #a7ddff; text-decoration: none; }
#page #rightside #leavecomment a:hover { color: #aeeb60; }

#page #rightside .navigation { display: block; font-size: 12px; font-weight: bold; height: 20px; }
#page #rightside .navigation a { background: #aeeb60; border: 1px solid #193548; color: #333; display: block; font-weight: bold; padding:5px; text-decoration: none; }
#page #rightside .navigation .alignleft { float: left; }
#page #rightside .navigation .alignright { float: right; }

#footer { clear: both; text-align: right; background:#ffffff url('images/footer.jpg') top no-repeat; height:100px; padding:18px 10px 10px 10px; }
#footer p { color: #fff; font-size: 11px; }
#footer p a { color: #a7ddff; text-decoration: none; }
#footer p a:hover { color: #aeeb60; }

#levo{width:438px; float:left; margin-bottom:40px;}
#levo-service{width:200px; float:left; margin-bottom:40px;}
#desno {width:418px; float:left; padding-left:20px;}
#dugmad { padding:10px 10px 10px 14px;float:left;background:#1b2f3c;}
.dugme {cursor: pointer;float:left; width:268px;height:60px;margin:0 1px 0px 1px;padding:40px 18px 0 18px; background: url('images/button.jpg') no-repeat; color: #000; position: relative; }
.dugme .bg { 
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	width:268px;
	height:60px;
	margin:0 1px 0px 1px;
	padding:40px 18px 0 18px;
	background: url('images/button.jpg') no-repeat left bottom ;
	color: #000;
}

.dugme h3, .dugme p, .dugme a{
	position: relative;
	z-index: 5;
	color:#fff;
	margin:-16px 0 0 0px;
	text-decoration:none;
	font-size:15px;}
	
.dugme p {font-size:11px; margin:0px;color:#BCD0ED;padding-top:6px;}	
	
#image {padding-left:13px;}
#image img{width: 920px; height: 218px;}
#service{width:293px;float:left;min-height:140px;}
.servicecolor {background:#D3DDE5;padding:10px 11px 10px 10px; min-height:150px;}
#office1{width:270px;float:left;padding:10px 11px 10px 10px;margin-right:10px;}
#office2 {width:270px; float:left;padding:10px 10px 10px 10px ;bmargin-right:10px;}
#office3 {width:258px; float:left;padding:10px 10px 10px 10px ;margin-right:10px;}
.razmak {margin-bottom:30px;}
#sadrzaj{width:100%; float:left;}

.clear {clear:both;}
.cv {float:left;margin:20px 0 20px 20px;}
.app {float:left;margin:0 0 20px 0px;}

#panel {
	background: #A0BCD8;
	display: none;
    height:180px;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #A0BCD8;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#panel1 {
	background: #A0BCD8;
	display: none;
    height:180px;
}

.btn-slide1{
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#panel2 {
	background: #A0BCD8;
	display: none;
	height:400px;
}
.btn-slide2 {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
.active1{
	background-position: right 12px;
}
.active2 {
	background-position: right 12px;
}
.learn {padding:10px;}
#col1 {width:260px;padding:15px;float:left; text-align:justify;}
#col2 {width:260px;padding:15px;float:left; text-align:justify;margin:0 15px;}
#col3 {width:235px;padding:15px;float:left;}
.big_header{ font-size: 18px !important; line-height: 24px; text-align: center; }

#lipsum a:link, #lipsum a:visited, #lipsum a:active, #lipsum a:hover
{
	color: #185EA6 !important;
	text-decoration: none  !important;
}
#lipsum a:hover{
	text-decoration: underline !important;
	
}
#col3 a:link, #col3 a:visited, #col3 a:active{
	color: #A7DDFF !important;
}
#col3 a:hover{
	color: #FFFFFF !important;
} 
#col3 .app{ border: 2px solid #A7DDFF;}
#lipsum .slide a{ color: #A7DDFF !important;}