/* CSS Document */

/**************** BASIC ELEMENTS ****************/

body, h1, h2, h3, h4, h5, h6, ul, li, ol, p, input, fieldset, legend {
	padding: 0;
	margin: 0; 
}

body {
  	background: #f0fafd url(../images/bg_body.gif) repeat-y center top;
  	padding: 0;
  	margin: 0;
  	font-family: Helvetica, Geneva, Arial, sans-serif;
  	font-size: 10pt;
}

#body2 {
	
}

input {
  	font-size: 12px;
  	color: black;
} 

input:focus {
  	/*border: 2px #F5A302 solid;*/
  	background: #FFFFDD;
} 

a img {
  	border: 0;
}

ul, li {
  	margin: 0;
  	padding: 0;
}

img, div, a {
  	/*behavior: url(styles/iepngfix.htc);*/ /* IE PNG Fix v1.0, (c) 2004-2008 Angus Turnbull http://www.twinhelix.com */
}

.fl {
	float: left;
}

.fr {
	float: right;
}


/**************** FRAMEHOLDER ****************/

div#frameholder {
	width: 986px;
	margin: 0 auto;
	min-height: 500px;
}

/**************** HEADER ****************/

div#header {
	width: 986px;
	height: 279px;
	/*background: url(../images/bg_header.jpg) no-repeat left top;*/
	overflow: hidden;
}

h1.logo {
	margin: 0;
	padding: 0;
	font-size: 30px;
	position: relative;
}

h1.logo span {
	display: block;
	width: 950px;
	height: 229px;
	text-align: right;
	padding: 50px 36px 0 0;
	text-indent: -2000em;
	color: #EFEFEF;
	font-weight: normal;
}

h1.logo a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 986px;
	height: 279px;
	background: url(../images/bg_header.jpg) no-repeat left top;
}

div#minimenu {
	text-align: right;
	padding: 10px 17px 0 0;
}

div#minimenu a {
	color: #626262;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 18px;
}

div#minimenu a:hover {
	text-decoration: underline;
}

div#minimenu a.home {
	background: transparent url(../images/bg_minimenu.gif) no-repeat left 2px;
}

div#minimenu a.mapa {
	background: transparent url(../images/bg_minimenu.gif) no-repeat left -18px;
}

div#minimenu a.cont {
	background: transparent url(../images/bg_minimenu.gif) no-repeat left -39px;
}


/**************** MAINHOLDER ****************/

div#mainholder {
	background: url(../images/bg_mainholder.gif) repeat-y left top;
	min-height: 500px;
}

div#left {
	width: 672px;
	float: left;
	overflow: hidden;
}

div#right {
	width: 300px;
	padding-right: 14px;
	float: right;
	overflow: hidden;
}

div#right a {
	color: #3d829d;
}

div#right a:hover {
	color: #1D5B72;
	text-decoration: none;
}
/**************** MENU ****************/

div#menu {
	width: 646px; 
	height: 35px;
	padding: 0 0 0 26px; 
}

div#menu ul {
	margin: 0;
	padding: 0;
}

div#menu ul li {
	list-style-position: outside;
	list-style-type: none;
	float: left;
}

div#menu ul li a {
	text-align: center;
	color: #186482;
	display: block;
	width: 132px;
	height: 28px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 16px 0 0;
	padding: 7px 0 0 0;
}

div#menu ul li a.menu1 {
	background: url(../images/bg_menu1.jpg) no-repeat left bottom;
}

div#menu ul li a.menu2 {
	background: url(../images/bg_menu2.jpg) no-repeat left bottom;
}

div#menu ul li a.menu3 {
	background: url(../images/bg_menu3.jpg) no-repeat left bottom;
}

div#menu ul li a.menu4 {
	background: url(../images/bg_menu4.jpg) no-repeat left bottom;
}

div#menu ul li a:hover, div#menu ul li a.active {
	background-position: left top;
}

/**************** NEWS ****************/

div#twrs {
	width: 261px;
	height: 56px;
	padding: 50px 25px 25px 38px;
	overflow: hidden;
}

.twit {
	display: block;
	width: 77px;
	height: 44px;
	text-align: right;
	color: #3d829d;
	font-weight: normal;
	text-decoration: none;
	padding: 12px 0 0 50px;
	position: relative;
	float: left;
}

.twit span {
	display: block;
	width: 48px;
	height: 56px;
	background: url(../images/bg_sprite01.jpg) no-repeat left 0;
	position: absolute;
	top: 0;
	left: 0;
}

.rss {
	display: block;
	float: right;
	width: 93px;
	height: 37px;
	background: url(../images/bg_sprite01.jpg) no-repeat left -91px;
	margin: 10px 0 0 0;	
}

.rss:hover {
	background: url(../images/bg_sprite01.jpg) no-repeat left -128px;
}


#kateg {
	padding: 15px 0 20px 38px;
}

#popu {
	padding: 15px 0 50px 38px;
}

#custom_kateg {
	
}

#kateg span, #popu span, #custom_kateg span {
	font-size: 17px;
	font-weight: bold;
	color: #5e5f5f;
	padding: 0 0 5px 0;
	margin: 0;
	display: block;
}

#custom_kateg .category {
	padding: 20px 0 20px 38px;
	background: url(../images/bg_linka2.gif) repeat-x scroll left top;
}

#kateg ul li, #popu ul li, #custom_kateg ul li {
	list-style-type: none;
	list-style-position: outside;
}

#kateg ul li h2, #popu ul li h2, #custom_kateg ul li h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

#kateg ul li h2 a, #popu ul li h2 a, #custom_kateg ul li h2 a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 0 5px 1px;
}

#kateg ul li h2 a:hover, #popu ul li h2 a:hover, #custom_kateg ul li h2 a:hover {
	color: #1D5B72;
}

#kateg ul li ul {
	display: none;
}

div#callme {
	width: 261px;
	padding: 20px 25px 25px 20px;
}

.clm {
	display: block;
	height: 113px;
	text-align: left;
	color: #3d829d;
	font-weight: normal;
	text-decoration: none;
	padding: 32px 0 0 140px;
	position: relative;
}

.clm span {
	display: block;
	width: 136px;
	height: 145px;
	background: url(../images/bg_sprite01.jpg) no-repeat left -198px;
	position: absolute;
	top: 0;
	left: 0;
}

.clm span.clmin {
	display: inline;
	position: relative;
	background: none;
}

.clm span.clmin a {
	font-weight: normal;
	text-decoration: none;
}

.clm span.clmin a:hover {
	color: #1D5B72;
}


div#blog {
	width: 261px;
	padding: 20px 25px 25px 20px;
}

.blg {
	display: block;
	height: 103px;
	text-align: left;
	color: #3d829d;
	font-weight: normal;
	text-decoration: none;
	padding: 42px 0 0 150px;
	position: relative;
}

.blg span {
	display: block;
	width: 136px;
	height: 145px;
	background: url(../images/bg_sprite01.jpg) no-repeat left -373px;
	position: absolute;
	top: 0;
	left: 0;
}


#shutter {
	padding: 20px;
}

#shutter a {
	font-weight: normal;
	text-decoration: none;
}

#shutter .shutter {
	margin-top: 15px;
	display: block;
	text-align: center;
}

/**************** CONTENT ****************/

div#content {
	padding: 25px 35px 0 25px;
	color: #696969;
}

div#content .home {
	margin-top: 10px;
}

div#content .homecat .date {
	display: block;
	padding-left: 18px;
	float: left;
}

#content span.incontentdate {
	padding-bottom: 20px;
}

div#content a {
	color: #b2165a;
	font-weight: bold;
	text-decoration: none;
}

div#content a:hover {

}

/* div#content a:hover {
	border: 1px solid #eecad9;
	background-color: #f6e3eb;
} */


.artitem {

}

span.date {
	color: #939191;
	font-size: 11px;
	padding: 3px 0 10px 0px;
	display: block;
}

div#content span.date a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color: #939191;
	text-decoration: none;
	border: 0;
	padding: 0;
}



div#content span.date a:hover {
	text-decoration: underline;
}

div#content table.about td {
	padding: 7px;
}

div#content table.about td img {
	border: 0;
	margin: 0;
	padding: 0;
}

div#content table.about td p {
	line-height: 22px;
}

div#content table.about .listecek {
	background: url(../images/listecek.jpg) no-repeat left top;
	width: 252px;
	height: 103px;
	padding: 25px 0 0 20px;
}

.artitem div {
	position: relative;
	zoom: 1;
}

.artimg {
	display: block;
	width: 145px;
	height: 146px;
	border: 1px solid #dadada;
	float: left;
	padding: 6px 0 0 7px;
}

.artimg a {
	display: block;
	width: 139px;
	height: 139px;
	background-position: center center;
	background-repeat: no-repeat;
}

.artitem p {
	width: 440px;
	float: right;
}

.artitem a.more {
	position: absolute;
	font-style: italic;
	top: 139px;
	left: 171px;
}

/**************** SOCIALNI SLUZBY apod ****************/

div#soc {
	width: 533px;
	height: 91px;
	background: url(../images/bg_lists.jpg) no-repeat left 0;
	margin: 0 0 45px;
	padding: 5px 20px 0 20px;
}

div#soc a {
	display: block;
	width: 82px;
	height: 82px;
	float: left;
	margin: 0 65px 0 0;
	background: white;
}

div#soc a.twt {
	background: transparent url(../images/twitter.png) no-repeat center center;
}

div#soc a.fcb {
	background: transparent url(../images/facebook.png) no-repeat center center;
}

div#soc a.link {
	background: transparent url(../images/linkuj.png) no-repeat center center;
}

div#soc a.jagg {
	margin: 0;
	background: transparent url(../images/jagg.png) no-repeat center center;
}

div#soc a.jagg:hover, div#soc a.link:hover, div#soc a.fcb:hover, div#soc a.twt:hover {
/*	background-position: center top;*/
}

.blue {
	color: #327a96;
	display: block;
	margin: 0 0 5px;
}



.simart ul {
	margin: 0;
	padding: 0;
}


.simart ul li a {
	display: block;
	border-bottom: 1px solid #d2d2d2;
	padding: 5px 0 5px 10px;
}

#comment {
	margin: 0 0 45px;
}

#addcomment {
	margin: 0 0 45px;
}

#content #addcomment table td, div#content .registration td {
	padding: 10px 0;
	vertical-align: middle;
}

div#content .registration td {
	text-align: right;
	padding: 10px 5px;
}

div#content .registration td.nol {
	text-align: left;
}

div#content .registration td.nol img {
	border: 0;
	margin: 0;
}

#addcomment input, .registration input {
	border: 0;
	width: 316px;
	height: 28px;
	padding: 8px 0 0 8px;
	background: transparent url(../images/bg_lists.jpg) no-repeat left -231px;
	font-size: 13px;
}

#content input.button {
	background: transparent url(../images/button.jpg) no-repeat left 1px;
	background: transparent url(../images/button.jpg) no-repeat left top\9;
	width: 97px;
	height: 38px;
	padding: 0 0 3px 0;
	vertical-align: middle;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

#content input.image_button {
	background: none;
	width: auto;
	width: 92px;
	height: 42px;
	padding: 0;
}

#addcomment textarea {
	border: 0;
	width: 494px;
	height: 124px;
	padding: 8px;
	background: transparent url(../images/bg_lists.jpg) no-repeat left -310px;
	font-size: 13px;
	overflow: hidden;
}

#addcomment .avatar {
	float: left;
	width: 118px;
}

#addcomment .message {
	float: left;
	width: 494px;
}

#addcomment .item {
	padding: 20px 0;
	border-bottom: 1px solid #d3d2d2;
}

#addcomment a.fl {
	font-size: 15px;
	text-decoration: underline;
 }
#addcomment span.BezOdkaz {
	font-size: 15px;
	text-decoration: underline;
	color: #b2165a;
  font-weight: bold;
 }

#addcomment span.fr {
	color: #a59fa1;
}

#addcomment p {
	padding: 9px 0;
	margin: 0;
}

div#addcomment .avatar .aimg {
	width: 86px;
	border: 1px solid #d2d2d2;
	background: white;
	float: left;
	padding: 5px 1px;
	text-align: center;	
}

div#addcomment .avatar .aimg img {
	border: 0;
	margin: 0;
	padding: 0;
}

div#author {
	width: 553px;
	height: 128px;
	background: url(../images/bg_lists.jpg) no-repeat left -97px;
	margin: 0 0 45px;
	padding: 5px 10px 0 10px;
}


div#author .aimg {
	width: 86px;
	height: 95px;
	border: 1px solid #d2d2d2;
	background: white;
	float: left;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
}

div#author .aimg span {
	display: block;
	width: 76px;
	height: 75px;
	background: url(../images/img_author.jpg) no-repeat center center;
	overflow: hidden;
	margin: 0 auto;
}

div#author .atxt {
	float: right;
	width: 455px;
}

div#author p {
	padding: 0 10px 0 0;
	line-height: 19px;
}

div#author p.nomarg {
	padding: 10px 10px 0 0;
	margin: 0;
}


/**************** Portfolio ****************/

.portitem {
	width: 177px;
	height: 174px;
	padding: 7px 7px 0 7px;
	background: url(../images/bg_port.jpg) no-repeat left top;
	float: left;
	margin: 0 13px 14px 0;
}

.portimg {
	display: block;
	width: 170px;
	height: 121px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.portitem span {
	font-size: 11px;
	color: #747474;
	display: block;
}

/**************** FOOTER ****************/

div#footer {
	height: 28px;
	background: #757474;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

div#footerin {
	width: 956px;
	margin: 0 auto;
	padding: 8px 15px 0;
}

div#footerin span a {
	color: white;
	text-decoration: none;
	font-weight: normal;
}

div#footerin span.left {
	float: left;
}

div#footerin span.right {
	float: right;
}






/**************** UTILS ****************/

.no_display {
  display: none;
}

.clear {
  clear: both;
}

.cspan {
	display: block;
}

.linka {
	margin: 25px 0;
	height: 1px;
	overflow: hidden;
	background: url(../images/bg_linka.gif) repeat-x left top;
}

.linka2 {
	margin-bottom: 10px;
	height: 2px;
	overflow: hidden;
	background: url(../images/bg_linka2.gif) repeat-x left top;
}

.linka4 {
	margin: 10px 0;
	height: 2px;
	overflow: hidden;
	background: #CCCCCC;
}

.linka5 {
	margin: 10px 0;
	height: 2px;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	/*background: #CCCCCC;*/
}

.pinputs {
	margin: 0;
	padding: 0;
}

#pager {
	padding: 5px 0 15px 0;
}

#pager a, #pager span.ac {
	border: 1px solid #c2c2c2;
	padding: 0 3px;
	font-weight: bold;
}

#content #pager span {
	color: #b2165a;
}

#content #pager a {
	color: #c5c5c5;
}

#content #pager a:hover {
	text-decoration: none;
	color: #000;
}


/* END of CSS Document*/