body 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 5px; padding: 0; background: #36639F; color: #213E64; } 

/* ZAKLADNI STYLY */

.clear 			{ clear: both; }
.noborder 		{ border: none; }
.block 			{ display: block; }
.inline 		{ display: inline; }
.no-margin 		{ margin: 0px; padding: 0; }

/*seznamy*/
ul 				{ margin-left: 25px; padding-left: 0px; margin-top: 0px; margin-bottom: 15px; list-style: square; line-height: 120%; }
ul ul 			{ margin-left: 10px; margin-bottom: 3px; }
ol 				{ margin: 10px 0 10px 25px; padding-left: 0px; }
ul li 			{ margin-bottom: 3px; list-style-image: url('../images/li.gif'); }

table			{ margin-bottom: 15px; }

/*styly pro obrazky*/
img 			{ border: none; }
img.right 		{ float: right; margin-top: 5px; margin-left: 15px; margin-bottom: 5px; }
img.left 		{ float: left; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; }
img.border		{ border: 1px solid #d5e4ee; padding: 2px; background: #FFF; } 

/* Odstavcove styly */

p 				{ margin-bottom: 15px; line-height: 150%; }
p.static 		{ margin-bottom: 15px; }
form p			{ margin: 0; }
p strong		{ color: #EC5E00; }

.align-left 	{ text-align: left; }
.align-center 	{ text-align: center; }
.align-right 	{ text-align: right; }
.align-justify 	{ text-align: justify; }
.valign-top 	{ vertical-align: top; }
.valign-middle 	{ vertical-align: middle; }
.valign-baseline { vertical-align: baseline; }
.valign-bottom 	{ vertical-align: bottom; }

.left 			{ float: left; }
.right 			{ float: right; }

.hid 			{ visibility: hidden; }
.full-width 	{ width: 100%; }

hr 				{ border: 0; height: 1px; margin: 0px; }

/*Nadpisy*/
h1 		{ font-size: 24px; margin-bottom: 15px; border-bottom: 1px solid #E7EEFE; padding-bottom: 5px; color: #213E64; }
h2 		{ font-size: 18px; margin-bottom: 10px; color: #EC5E00 }
h3 		{ font-size: 15px; margin-bottom: 10px; }
h4 		{ font-size: 14px; margin-bottom: 10px; }

/*formatovani textu*/
.small 		{ font-size: 9px; padding-bottom: 5px; padding-top: 5px; }
.striked 	{ text-decoration: line-through; }
.bold 		{ font-weight: bold; }
.cursive 	{ font-style: italic; }

/*styly pro formulare*/
form 		{ margin: 0; padding: 0; display: inline; }
select 		{ vertical-align: middle; }

/*styly pro odkazy*/
a:link 			{ color: #EC5E00; }
a:visited 		{ color: #EC5E00; }
a:hover 		{ color: #ca0f00; }
a:active 		{ color: #EC5E00; }

/*LAYOUT*/

#page 			{ width: 774px; margin: 0 auto; background:url(../images/page-bck.jpg) repeat-y; }

#top				{ height: 34px; background: url(../images/top-bck.png) top no-repeat; line-height: 34px; padding: 36px 17px 0 17px; }
#top ul				{ float: left; margin: 0; padding: 0 0 0 3px; width: 570px; }
#top ul li			{ float: left; list-style: none; margin: 0; padding: 0; }
#top ul li a		{ color: #213E64; font-size: 10px; font-weight: bold; background: url(../images/li_top.gif) no-repeat left; padding-left: 10px; padding-right: 5px; line-height: 34px; }
#top ul li a:hover	{ color: #EC5E00; }

#search-form 		{ float: right; text-align: right; padding-right: 5px; display: inline; line-height: 34px; padding-top: 8px; _padding-top: 8px; }
.searchbox			{ width: 85px; height: 13px; background: #E6EBF2; color: #213E64; background: #E6EBF2; color: #213E64; border: 1px solid #9AB5D8; position: relative; top: -4px; font-size: 11px; } 

#header 			{ margin: 0px; padding: 0px; background: url(../images/header.jpg) no-repeat; height: 270px; }

#main-bck 			{ background: #FFF url(../images/bg_right.gif) right repeat-y; margin: 0 12px; }
#content 			{ float: left; width: 530px; padding: 0 15px; margin: 0px; }

#StepNavi			{ font-size: 11px; margin-bottom: 10px; }

#bottom				{ background: url(../images/bottom-bck.jpg) no-repeat; height: 49px; padding: 5px 5px 15px 25px; color: #A0BCE0; }
#bottom p			{ font-size: 11px; line-height: normal; margin: 0; }

#links				{ background: #36639F; }
#links p			{ background: #36639F; text-align: center; line-height: 15px; font-size: 9px; margin: 0; padding: 0; margin-bottom: 5px; }
#links p a			{ color: #789bc8; text-decoration: none; }

/*Pravy sloupecek*/

#right-column 			{ float: right; padding: 0; margin: 0; width: 182px; }

#right-column h2 		{ background: url(../images/h2-right.gif) no-repeat; height: 27px; line-height: 27px; display: block; text-align: right; font-weight: bold; color: #FFF; font-size: 13px; padding-right: 10px; margin: 0; clear: both; }
#right-column h2.first 	{ background: url(../images/h2-right.png) no-repeat; height: 27px; line-height: 27px; display: block; text-align: right; font-weight: bold; color: #FFF; font-size: 13px; padding-right: 10px; margin: 0; clear: both; }	

#right-column .ha2 		{ background: url(../images/h2-right.gif) no-repeat; height: 27px; line-height: 27px; display: block; text-align: right; font-weight: bold; color: #FFF; font-size: 13px; padding-right: 10px; margin: 0; clear: both; }
#right-column .ha2first 	{ background: url(../images/h2-right.png) no-repeat; height: 27px; line-height: 27px; display: block; text-align: right; font-weight: bold; color: #FFF; font-size: 13px; padding-right: 10px; margin: 0; clear: both; }	

#right-column ul.menuRight			{ font-size: 10px; padding: 10px 0; margin-bottom: 0; }
#right-column ul.menuRight li ul	{ margin-top: 3px; }

.aktualita				{ background: url(../images/right_bottom.gif) no-repeat bottom center; padding: 3px 10px; }
.aktualita h3			{ font-weight: bold; font-size: 14px; margin: 3px 0; margin-bottom: -5px; _margin-bottom: -13px; }
.aktualita p			{ font-size: 11px; margin-bottom: 5px; line-height: normal!important; }
.aktualita p span		{ font-weight: bold; color:#F60; font-size: 12px; }
.aktualita p.datum  	{ background: url(../images/icon_date.gif) no-repeat; padding-left: 25px; min-height: 16px; line-height: 16px; margin-bottom: -8px; _margin-bottom: -13px;} 
.aktualita p.kategorie  { background: url(../images/icon_cat.gif) no-repeat; padding-left: 25px; min-height: 16px; line-height: 16px; margin-bottom: -8px; _margin-bottom: -10px;}

.rada				{ padding: 3px 10px; }
.rada h3			{ font-weight: bold; font-size: 14px; margin: 5px 0; }
.rada p				{ font-size: 11px; margin-bottom: 5px; line-height: normal!important; }

.novinkyAll			{ float: right; padding: 5px 10px; }

form#mailinglist	{ font-size: 10px; text-align: center; margin: 10px 0!important; display:block; }
form#mailinglist p	{ margin: 3px 0; }

/* hlavni stranka */

#uvodNabidka h3			{ background: url(../images/h2-wide.png) no-repeat; display: block; color: #FFF; text-align: center; height: 26px; line-height: 26px; width: 506px; font-size: 13px; margin-bottom: 0; }
#uvodNabidka ul			{ margin: 0; padding: 0; }
#uvodNabidka ul li		{ list-style: none; float: left; text-align: center; font-size: 11px; }
#uvodNabidka ul li a	{ text-decoration: none; }
#uvodNabidka ul li.sl1	{ width: 92px; background: url(../images/sluzby-1.jpg) no-repeat; padding: 70px 5px 0 5px; height: 60px; }
#uvodNabidka ul li.sl2	{ width: 91px; background: url(../images/sluzby-2.jpg) no-repeat; padding: 70px 5px 0 5px; height: 60px; }
#uvodNabidka ul li.sl3	{ width: 91px; background: url(../images/sluzby-3.jpg) no-repeat; padding: 70px 5px 0 5px; height: 60px; }
#uvodNabidka ul li.sl4	{ width: 91px; background: url(../images/zdarma.gif) no-repeat; padding: 70px 5px 0 5px; height: 60px; }
#uvodNabidka ul li.sl5	{ width: 91px; background: url(../images/sluzby-5.jpg) no-repeat; padding: 70px 5px 0 5px; height: 60px; }

/*Aktuality*/

.aktualitaVelka				{ border-bottom: 1px solid #E7EEFE; margin-bottom: 10px; }
.aktualitaVelka h2			{ font-weight: bold; font-size: 16px; margin: 10px 0; }
.aktualitaVelka p			{ font-size: 11px; margin-bottom: 5px; }
.aktualitaVelka p span		{ font-weight: bold; color:#F60; font-size: 12px; }
.aktualitaVelka p.text  	{ clear: both; } 
.aktualitaVelka p.text img	{ float: right; border: 1px solid #E7EEFE; padding: 2px; margin: 0 0 5px 10px; }
.aktualitaVelka p.datum  	{ background: url(../images/icon_date.gif) no-repeat; padding-left: 25px; min-height: 20px; line-height: 20px; margin-bottom: 0; width: 130px; float: left; } 
.aktualitaVelka p.kategorie { background: url(../images/icon_cat.gif) no-repeat; padding-left: 25px; min-height: 20px; line-height: 15px; margin-bottom: 5px; float: left; } 

#strankovani				{ display: block; height: 25px; line-height: 25px; border: 1px solid #d5e4ee; background: #f4f6f8; text-align: center; }

#fotogalerie				{ margin-bottom: 15px; }
#fotogalerie a img			{ border: 1px solid #d5e4ee }
#fotogalerie a:hover img	{ border: 1px solid #EC5E00 }

/* Formulare */
#kontaktatniForm fieldset				{ width: 490px; border: 1px solid #d5e4ee; padding: 15px; display: block; }
#kontaktatniForm fieldset legend		{ font-size: 15px; font-weight: bold; color: #EC5E00; padding: 5px 15px; background: #FFF; }
#kontaktatniForm fieldset label			{ display: block; float: left; width: 150px; font-size: 11px; font-weight: bold; }
#kontaktatniForm fieldset p				{ margin-bottom: 5px; }
#kontaktatniForm fieldset p.instrukce	{ font-size: 11px; margin-bottom: 15px; }
#kontaktatniForm fieldset div			{ margin-left: 150px;  }

.form-required  	{ color: #EF6201; }

input.field-long 	{ width: 250px; background: #E6EBF2; color: #213E64; border: 1px solid #9AB5D8; }
input.field-normal 	{ width: 90px; background: #E6EBF2; color: #213E64; border: 1px solid #9AB5D8; }
input.button 		{ font-size: 12px; font-weight: bold; border: 1px solid #EF6201; color: white; background-color: #EF6201; margin-top: 5px; }

textarea.form  		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 250px; height: 80px; color: #213E64; border: 1px solid #9AB5D8; background: #E6EBF2;}

#SluzbyVycet		{ margin: 0; padding: 15px; width: 474px; list-style: none!important }
#SluzbyVycet a		{ text-decoration: none; }
#SluzbyVycet li		{ list-style: none; line-height: 23px; background: none; clear: both; list-style-image: none; }
#SluzbyVycet li h2	{ font-size: 15px; _float: left }
#SluzbyVycet li img	{ margin: 0 15px 0 0; vertical-align: middle; float: left; border: 1px solid #d5e4ee; padding: 2px; background: #FFF; }
#SluzbyVycet		{ margin-bottom: 15px; clear: both; }

h2.wide				{ background: url(../images/h2-wide.png) no-repeat!important; display: block; color: #FFF; text-align: center; height: 26px; line-height: 26px; width: 506px; font-size: 13px; margin-bottom: 10px; }

