html {
    height: 100.5%;
    margin-bottom: 1px;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	margin:0; padding:0;
	color: #454344;
    font-family: Helvetica,Tahoma;
    font-size: 12px;
    background: #fff url(../pics/body.png) repeat-x;
}

.clear {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    clear: both;
    font-size: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
}

#pivot ul {
	padding-left:10px;
}

#pivot ul li {
	list-style-type:none;
	background:url(../pics/li.png) no-repeat left 7px;
	padding-left:15px;
}

.none {
    display:none !important;
}

a, a:link {
    text-decoration: underline;
	color: #454344;
}

a:hover {
    text-decoration:none;
}

a img {
	border:none;
}

p, ul, ol {
    margin:0;
    padding:0;
    line-height:18px;
}

ul, ol {
    padding:5px;
}

h1, h2, h3, h4, h5 {
    margin:0; padding:0;
    font-size:1em;
    font-weight: bold;
}

#header, #page, .foot_content {
	position:relative;
	width:980px;
	margin:0 auto;
	padding: 0;
	z-index:5;
}

/* MOUSE OVER EFECT */
.MouseOver {
	opacity:0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}

/* HEADER */
#header {
	height:169px;
	background:url(../pics/stin.png) no-repeat left bottom;
	position:relative;
	z-index:999999;
}

#header #logo a {
	display:block;
	width:200px;
	height:159px;
}

#header span {
	display:none;
}

#header #search_form {
	height:30px;
	width:260px;
	position:absolute;
	top:91px;
	right:0px;
}

#header #search_form #text {
	border:1px solid #E4E4E4;
	width:218px;
	height:29px;
	font-size:12px;
	padding:0 0 0 11px;
	line-height:30px;
	color: #969696;
	font-family:Arial, Helvetiva;
	float:left;
	margin:0;
}

#header #search_form .button {
	border:none;
	background:url(../pics/hledat.png) no-repeat;
	height:30px;
	width:29px;
	padding:0;
	float:left;
	margin:0;
}

#header #search_form .button:hover {
	cursor:pointer;
}

#header #topmenu {
	position:absolute;
	right:0;
	top:48px;
}

#header #topmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#header #topmenu span {
	display:block;
}

#header #topmenu ul li {
	float: left;
	margin:0;
}

#header #topmenu ul li a {
	background: url("../pics/topmenu_li.png") no-repeat right center;
    color: #454344;
    display: block;
    font-size: 12px;
    line-height:18px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
	padding:0 12px 0 11px;
}

#header #topmenu ul li.last a {
	background:none;
	padding-right:0;
}

#header #topmenu ul li strong {
	font-weight:normal;
}

#header #topmenu ul li.active a, #header #topmenu ul li a:hover {
	color:#b9b9b9;
}

/* HOME */
a.item1 {
	background:url(../pics/item1.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.item2 {
	background:url(../pics/item2.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.item3{
	background:url(../pics/item3.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.item4 {
	background:url(../pics/item4.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.item5 {
	background:url(../pics/item5.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.item6 {
	background:url(../pics/item6.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.item7 {
	background:url(../pics/item7.png) no-repeat;
	width:120px;
	height:170px;
	display:block;
}

a.itemHome:hover, .ui-state-active a.itemHome {
	background-position:0 -170px;
}

#tabs {
	margin-top:60px;
}

#tabs ul {
	height:220px;
	margin-bottom:40px;
}

#tabs .item {
	width:120px;
	height:220px;
	float:left;
	margin-right:20px;
	list-style-type:none;
}

#tabs .item.ui-state-active {
	background:url(../pics/small_shadow.png) no-repeat left bottom;
}

#tabs .item.last {
	margin-right:0;
}

#tabs .ui-tabs-hide {
	display:none !important;
}

#tabs .stin {
	background:url(../pics/stin.png) no-repeat left bottom;
	width:100%;
	height:10px;
}

#tabs .seznam .list {
	padding:30px 0;
}

#tabs .item.ui-state-active .img_grayscale, .item.active .img_grayscale {
	opacity:1 !important;
}

#tabs .seznam .list h2 a {
	background:url(../pics/seznam_li.png) no-repeat left 4px;
	padding:0 20px 0 30px;
	width:270px;
	font-size:12px;
	color:#969696;
	font-weight:normal;
	text-decoration:none;
	float:left;
	height:30px;
}

#tabs .seznam .list h2 a:hover {
	font-weight:bold;
	color:#96be00;
}

/* FOOTEr */
#footer .foot_content {
	background:url(../pics/stin.png) no-repeat left top;
	padding:50px 0 50px;
	position:relative;
}

#footer p {
	color:#b4b4b4;
}

#footer .foot_content a.cms {
	position:absolute;
	right:25px;
	top:50px;
}

#footer p.admin a {
	color:#c8c8c8;
	text-decoration:underline;
	padding-left:55px;
}

#footer p.admin a:hover {
	text-decoration:none;
}

#footer .foot_content .loga {
	left: 320px;
    position: absolute;
    top: 30px;
}

/* LEFT */
#left_menu {
	width:200px;
	float:left;
	position:static;
}

#left_menu .item {
	margin-bottom:20px;
}

#left_menu .sublist {
	border:1px solid #C8C8C8;
}

#left_menu .sublist h2 a {
	background:url(../pics/sublist.png) no-repeat;
	height:30px;
	line-height:30px;
	display:block;
	font-size:12px;
	color:#7d7d7d;
	text-decoration:none;
	font-weight:normal;
	padding-left:35px;
	overflow:hidden;
}

#left_menu .sublist h2 a:hover {
	background-position:0 -30px;
	color:#fff;
}

a.sItem {
	width:200px;
	height:60px;
	display:block;
}

.info_projekt {
	position:absolute;
	top:88px;
	left:210px;
}

.info_projekt p {
	line-height:18px;
	color:#b2b2b2;
	font-size:12px;
}

a.sitem1 {
	background:url(../pics/sitem1.png) 0 -60px;
}

a.sitem2 {
	background:url(../pics/sitem2.png) 0 -60px;
}

a.sitem3 {
	background:url(../pics/sitem3.png) 0 -60px;
}

a.sitem4 {
	background:url(../pics/sitem4.png) 0 -60px;
}

a.sitem5 {
	background:url(../pics/sitem5.png) 0 -60px;
}

a.sitem6 {
	background:url(../pics/sitem6.png) 0 -60px;
}

a.sitem7 {
	background:url(../pics/sitem7.png) 0 -60px;
}

a.sItem:hover, .active a.sItem {
	background-position:0 0px;
}

#page {
	margin-top:40px;
}

.content {
	float:left;
	width:520px;
	margin:0 30px;
	position:relative;
}

h2.top {
	font-size:18px;
	color:#969696;
	font-weight:normal;
	background:url(../pics/h2top.png) no-repeat left center;
	padding-left:10px;
	margin-bottom:10px;
}

h3 {
	font-size:14px;
	margin:5px 0;
	color: #969696;
}

.content .article {
	margin-bottom:20px;
	position:relative;
	min-height: 140px;
}

.content .article .left {
	float:left;
	width:220px;
}

.content .article .right {
	width:275px;
	float:right;
}

.content .article:hover {
	cursor:pointer;
}

.content .article .left a img {
	border:10px solid #E6E6E6;
	width:200px;
}

.content .article .left a:hover img, .content .article:hover .left a img {
	border:10px solid #B4B4B4;
}

.content .article .right h2 a {
	font-size:18px;
	color:#646464;
	text-decoration:none;
	line-height:26px;
}

.content .article:hover .right h2 a,.content .article .right h2 a:hover {
	text-decoration:underline;
}

.content .article a.odkaz {
	position:absolute;
	bottom:0;
	left:250px;
	background:url(../pics/lupa.png) no-repeat left center;
	padding-left:15px;
}

#bread {
	position:absolute;
	top:0;
	right:0;
}

#bread p a, #bread p {
	float:left;
	color:#969696;
}

#bread p {
	background:url(../pics/bread.png) no-repeat left center;
	padding:0 8px 0 13px;
	color:#c8c8c8;
}

.content .detail {
	padding:25px 0;
}

.detail h1, #right_menu h2 {
	font-size:20px;
	font-weight:normal;
	color:#646464;
	line-height:26px;
	margin-bottom:15px;
}

.detail .big_pict img {
	border:10px solid #E6E6E6;
	width:500px;
}

.detail .info {
	padding:10px 0;
}

.detail p {
	text-align:justify;
	margin-bottom:15px;
}

#pivot .line_in table {
	border-collapse:collapse;
	border:1px solid #DCDCDC;
}

#pivot .line_in table tr, #pivot .line_in table td {
	border:none;
}


#pivot .line_in table td {
	padding:9px !important;
	color:#656565;
}

#pivot .line_in table p {
	margin:0;
	text-align:left;
}

#pivot ol {
	padding-left:20px;
}

/* HLASOVÁNÍ */
input#nick, #dotaz_form input, #loginForm input {
	margin:5px 0 10px;
	border:none;
	background:url(../pics/input.png);
	width:280px;
	height:30px;
	line-height:28px;
	color:#969696;
	padding:0 10px;
}

#send, #dotaz_form input.submit_button, #loginForm input.submit_button {
    background: url("../pics/odeslat_form.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 30px;
    width: 112px;
    margin-top:10px;
}

#dotaz_form textarea {
	resize:none;
	width:280px;
	height:200px;
	color:#969696;
	padding:10px;
}

#send:hover, #dotaz_form input.submit_button:hover, #loginForm input.submit_button:hover {
	cursor:pointer;
}

#form label, #dotaz_form label, #loginForm label {
	width:100%;
	display:block;
	font-weight:bold;
}

h2.diskuze {
	margin:45px 0 10px;
	font-size:22px;
	border-top:1px solid #CCCCCC;
	padding-top:10px;
}

h3.diskuze {
	margin:15px 0 5px;
	padding-bottom:5px;
	font-size:18px;
	border-bottom:1px solid #ccc;
}

.cont .comment h4 {
	width:100%;
	font-size:13px;
}

.cont .comment p {
	font-size:12px;
}

#pivot .cont .comment p.date {
	font-size:10px;
	padding:0;
}

.cont .comment .linka {
	margin:5px 0;
	background:#ccc;
	height:1px;
	width:100%;
}

.line_in h2 {
	font-size:16px;
	margin:20px 0 10px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
}

/* FOTOGALERIE */
.photos {
	margin-bottom:15px;
}
.photos .photo {
	float:left;
}

.photos .photo a {
	margin-right:10px;
	margin-bottom:10px;
	display:block;
}

.photos .photo a img {
	height:54px;
	border:3px solid #E6E6E6;
}

.photos .photo a:hover img {
	height:54px;
	border:3px solid #B4B4B4;
}

/* RIGHT MENU */
#right_menu {
	width:200px;
	float:right;
}

.files {
	margin-top:50px;
}

.files .attach {
	display:block;
	height:75px;
	overflow:hidden;
	margin-bottom:20px;
}

.files .attach img {
	float:left;
}

#error {
	margin-top:25px;
}

#error p {
	background:#F39100;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}