/* ZAKLADNI DEFINICE */

body {

	background:#fff url(images/back.png) top repeat-x; margin:0; padding:0; color:#222;

	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:.75em}

body#hp {background:#fff url(images/back-gradient.jpg) top repeat-x}

h1, h2, h3, h4, h5, h6, p, ul, li, table, td, tr, form, fieldset, img, input, textarea {

	margin:0; padding:0; border:0}



p {padding-bottom:1em; line-height:1.5em}



h2 {font-size:2.25em; padding-bottom:.8em; color:#014495}

h3 {font-size:1.5em; padding-bottom:.8em; color:#014495}

h3.small {padding-bottom:.2em; font-size:1.3em}

#hp h2 {font-size:2em; padding-bottom:.5em}



.clear {width:100%; clear:both; height:0; display:inline}

#cont {width:980px; margin:0 auto; position:relative}

#zahlavi {width:100%; height:245px}



a:hover {text-decoration:none}



/* 	ELEMENTY ZAHLAVI */

#znacka {position:absolute; top:5px; left:-3px; background:url(images/uklid.png) no-repeat; width:233px; height:233px; -webkit-transition: all .15s ease-in-out}

#znacka a {width:100%; height:100%; display:block}

#znacka:hover {

	-webkit-transition: all .15s ease-in-out;

	-webkit-transform: scaleX(1.1) scaleY(1.1) Rotate(3deg);

    -moz-transform: scaleX(1.1) scaleY(1.1) Rotate(3deg);}

#hlavicka {position:absolute; top:13px; right:0; background:url(images/header.png); width:711px; height:125px}

#hlavicka a {width:100%; height:100%; display:block}

#hlavicka a span {display:none}



#mainmenu {list-style:none; position:absolute; right:-4px; top:164px; margin:0}

#mainmenu li {display:block; float:left; background:url(images/buttons.png) -127px 0 no-repeat; width:127px; height:39px; margin:0 1px; text-align:center; padding:12px 0 0 0}

#hp #mainmenu li {background:url(images/buttonshp.png) -127px 0 no-repeat}

#mainmenu li a {color:#fff; font-size:1.45em; line-height:1.5em; font-weight:bold; text-decoration:none}

#mainmenu li:hover {background:url(images/buttons.png) -254px 0 no-repeat}

#hp #mainmenu li:hover {background:url(images/buttonshp.png) -254px 0 no-repeat}

#mainmenu li.active {background:url(images/buttons.png) 0 0 no-repeat}

#hp #mainmenu li.active {background:url(images/buttonshp.png) 0 0 no-repeat}



#prazaakhp {background:url(images/prazaakcut.jpg) no-repeat; width:523px; height:524px; float:left; margin-top:2px; position:relative; z-index:2}

#prihlasitbox {width:523px; height:68px; position:absolute; bottom:-68px; left:0}

#prihlasitbox a {background:url(images/moznost.png) 0 0 no-repeat; display:block; width:100%; height:71px}

#prihlasitbox a:hover {background:url(images/moznost.png) 0 -71px no-repeat}

#prihlasitbox a span {display:none}

#prazaak {background:url(images/prazaak.gif) no-repeat; width:348px; height:489px; position:absolute; bottom:-1px; left:-339px; z-index:2}

#vlocky {background:url(images/vlocky.gif) no-repeat; width:219px; height:213px; position:absolute; top:22px; left:-310px; z-index:1}

#textconthp {background:url(images/text-back.png) no-repeat; width:457px; height:594px; float:right; position:relative; z-index:2}

#textcont {background:#ecf0f8 url(images/text-back-wide.png) no-repeat; width:652px; position:relative; margin-left:328px}

#textcont #textcontinside {padding:18px 20px 20px 29px; min-height:500px}

#textconthp #textcontinside {padding:18px 20px}



#paticka {width:100%; height:150px; background:url(images/footer-back.png) no-repeat; float:left; position:relative; clear:both; z-index:1}

#infolinka {position:absolute; top:15px; left:30px; background:url(images/kontakt.png) no-repeat; width:498px; height:88px}

#infolinka p {display:none}

#p6 {display:block; position:absolute; top:23px; right:30px; background:url(images/p6logo.png) no-repeat; width:71px; height:73px; -webkit-transition: all .15s ease-in-out}

#p6:hover {

	-webkit-transition: all .15s ease-in-out;

	-webkit-transform: scaleX(1.2) scaleY(1.2);

    -moz-transform: scaleX(1.2) scaleY(1.2);}

#p6 span {display:none}



.galerie td a {border:1px solid #ceccd0; padding:8px 8px 2px 8px; display:block}

.galerie td a:hover {background:#ceccd0}



ul {list-style:url(images/bullet.gif); margin:0 19px 12px 19px}

li {padding:4px 10px}



#cufonTable {margin:28px}

#cufonTable td {color:#014495; font-size:1.5em; width:150px}



.clanky {font-size:.9em; border-collapse:collapse; border-bottom:1px solid #ddd; width:100%}

.clanky th {text-align:left; border-width:1px 0; border-color:#ddd; border-style:solid; padding:2px 5px}

.clanky th.den {background:#ddd}

.clanky td {padding:2px 5px}

.clanky a {color:#014495; font-weight:bold}



.clanek {font-size:.9em; border-collapse:collapse; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:100%; margin-bottom:25px}

.clanek th {text-align:left; width:160px; padding:2px 5px; vertical-align:top}

.clanek td {padding:2px 5px}

.clanek a {color:#014495; font-weight:bold}



/* formulare */

table.form {margin-bottom:15px}

table.form td {padding:4px 0; vertical-align:top}

table.form td label {display:block; padding:5px 5px 0 0}

.biginput {background:url(images/forms.png) 0 0 no-repeat; width:240px; height:20px; padding:3px 5px}

textarea.biginput {height:46px; width:240px; background:url(images/forms.png) 0 -53px no-repeat}

.mediuminput {background:url(images/forms.png) 0 -26px no-repeat; width:167px; height:20px; padding:3px 5px}

.smallinput {background:url(images/forms.png) -177px -26px no-repeat; width:64px; height:20px; padding:3px 5px}

.submit {margin:20px 0 0 120px}

/* kontrola uklidu*/

div.ku_right {float:left; width:160px;} 
div.ku_left {float:left; width:440px;}
div.ku_paginator {float:left; width:420px; margin:20px 0 20px 0;text-align:right;}
div.ku_legend {float:left; margin:10px 0 0 6px; font-size:90%;}
div.ku_h2 {float:left; width:430px;}
div.ku_fulltext {float:left; width:131px; height:31px; margin:9px 0 0 0; background:url(kontrola/images/fulltext.png) no-repeat;}
div.ku_fulltext input {float:left; width:118px; height:21px; margin:5px 0 0 8px; border:0; font-size:12px; color:#2c4e75; background:#fff;padding-top:3px;}
div.ku_fulltext_button {float:left; width:43px; height:31px; margin:9px 0 0 0;}
div.ku_fulltext_button input.submit {float:left; background:url(kontrola/images/fulltext-button.png) no-repeat; width:43px; height:31px; margin:0; padding:0; border:0; cursor:pointer;}

.gall {}
.gall td {vertical-align:middle; padding:0 5px 0 5px; color:#222}
.gall td.thumbnail{border:1px solid #f0f2f6; padding:5px 5px 0 5px}

.pagination {font-size: 110%;}
.pagination a, .pagination span {color:#014495;}
.pagination a {	color: #014495;}
.pagination span.button {}
.pagination .act {text-decoration: none; font-weight: bold;}

div.calendar_area{float:left; width:156px; border:1px solid #e6e6e6; padding: 5px 5px 5px 0px;} 
table.hCalendar {float:left; width:149px; font-size:10px; background:#f1f3fa; margin:0 0 0 6px; border: 1px solid #e7e8e9; font-weight:bold; }
table.hCalendar image {float:left; margin:0;}
table.hCalendar td {width:95px; height:20px; padding:0; pading-bottom:-6px; text-align:center;}
table.hCalendar td.button{width:30px;}
table.aCalendar {float:left; width:145px; font-size:10px; background:#f1f3fa; margin:0 0 0 7px; border: 1px solid #e7e8e9;}
table.aCalendar td{padding:3px; text-align:center; color:#2c4e75; border:1px solid #e7e8e9;}
table.aCalendar td.curr {background-color:#8ca2d3; font-weight:bold;}
table.aCalendar td.active {border: 1px solid #505051;}
table.aCalendar td a {color:#2c4e75; text-decoration:none;}