/*  Vytvo�ilo v roce 2007 webdesign studio WPJ, www.wpj.cz | info@wpj.cz | tel.: +420 775 131 400 | Vrchlab�  */
html, body {
	margin: 0;
	border: 0;
	background: #9EC74A url(../images/pozadi.jpg) repeat-x;
	color: black;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}
A { font-weight: bold; text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%; }
A:link { color: black; }
A:visited { color: black }
A:hover { color: #AB0707; 
text-decoration: underline;}
img { border: none; margin: 0; padding: 0}
/*  layout dvousloupcovy BOX- wpj  */
#page { margin: auto; width: 970px;}
#hlavni { margin: auto; width: 970px; position: relative; }
#top { height: 228px; width: 970px; position: relative; }
.top-index { background: url(../images/top.jpg) no-repeat;}

#logo { position: absolute; top: 8px; left: 12px;
padding: 0; margin: 0; 
border: 0;}

#logo a {
	display:block;
	width:230px; height:140px;
	margin:0; padding:0;
	text-decoration: none;
	}
#logo a span { display:none; padding: 0; margin: 0;  }

#stred { width: 100%; text-align: left;  background: url(../images/pozadi-main.gif) repeat-y; }
/*  layout hl BOX- wpj */
#sidebar {
float: left;  
width: 210px; padding:0;}
#sidebar-content { margin:0; padding: 0 0 0 0;
}
#main { padding:0; 
margin:0 0 0 220px;
}
#main-content {
float: left;
padding:0; margin: 15px 10px 15px 10px; font-size: 110%;
width: 720px;
}
#main-content-uvod {
padding:0; margin: 15px 0px 0px 0px; font-size: 110%;
width: 490px;
_width: 485px;
}
#main-foto { 
float: right; width: 175px; padding:0;
}
#main-foto ul {
margin: 8px 0 0 0px;
padding: 0;
list-style: none;
}
#main-foto li, #fotogalerie img {margin: 3px;}
#main-foto li {padding: 3px;}
#main-foto img.a {border: solid #FF9900 6px;}
#main-foto img.b, #fotogalerie img  {border: solid #DB002B 6px;}
#main-foto img.c {border: solid #409100 6px;}


hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  botton BOX- wpj */
#spodek {
   text-align: right;
	font-size: 80%;
	padding: 4px 5px 0 0;
	border-top: solid #DE4909 7px;
}
#spodek A.wpj { font-weight: normal; font-size: 90% }
#spodek A.wpj2 { font-size: 90% }
#spodek A { color: #000000; text-decoration: none; }
/*  botton BOX- wpj  ende */
span.odsazeni { height: 10px;
margin: 5px;}
/*  menu-wpj  */
#menu {
padding-bottom: 10px;
}
#podmenu-text {
float: left;
padding-top: 5px;
}
#menu ul.menu { margin: 0; padding: 0; list-style-type: none; }
#menu li { 
padding: 0px;
float: left; margin-right: 2px; display: block;}
#menu a {
	padding: 0px 4px 0 4px;
	display: block;
	color: black;
	font: 98% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
}
#menu A:link { color: #CD601F; }
#menu A:visited { color: #CD601F; }
#menu A:hover { color: black;
text-decoration: underline; }
#menu A.oz { color: black; 
text-decoration: underline;}
#menu A.oz:link { color: black; }
#menu A.oz:visited { color: black; }
#menu A.oz:hover { color: black; }
/*  menu-wpj-end  */
/*  menu-wpj-left submenu  */
#submenu-back { 
width: 190px;
position: relative;
top: -50px;
margin-bottom: 150px;
}
#submenu { 
text-align: left;}
#submenu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
A.submenu-a, A.submenu-b, A.submenu-c, A.submenu-d, A.submenu-e, A.submenu-oz, A.submenu-sub, 
A.submenu-f, A.submenu-g, A.submenu-h, A.submenu-i, A.submenu-j, A.submenu-k, A.submenu-l, A.submenu-m
{ font-weight: bold; font-size: 110%; text-decoration: none; padding-left: 15px; margin-left: 0;}

A.submenu-a:link, A.submenu-a:visited, A.submenu-f:link, A.submenu-f:visited  
{ color: #FFFFFF; background: url(../images/submenu-sipka-a.gif) 0 75% no-repeat;}
A.submenu-b:link, A.submenu-b:visited, A.submenu-g:link, A.submenu-g:visited   
{ color: #FFFFFF; background: url(../images/submenu-sipka-b.gif) 0 75% no-repeat;}
A.submenu-c:link, A.submenu-c:visited, A.submenu-h:link, A.submenu-h:visited    
{ color: #FFFFFF; background: url(../images/submenu-sipka-c.gif) 0 75% no-repeat;}
A.submenu-d:link, A.submenu-d:visited, A.submenu-i:link, A.submenu-i:visited   
{ color: #FFFFFF; background: url(../images/submenu-sipka-d.gif) 0 75% no-repeat;}
A.submenu-e:link, A.submenu-e:visited, A.submenu-j:link, A.submenu-j:visited   
{ color: #FFFFFF; background: url(../images/submenu-sipka-e.gif) 0 75% no-repeat;}
A.submenu-f:link, A.submenu-f:visited, A.submenu-k:link, A.submenu-k:visited  
{ color: #FFFFFF; background: url(../images/submenu-sipka-a.gif) 0 75% no-repeat;}

A.submenu-l:link, A.submenu-l:visited, A.submenu-m:link, A.submenu-m:visited   
{ color: #FFFFFF; background: url(../images/submenu-sipka-d.gif) 0 75% no-repeat;}

A.submenu-a:hover, A.submenu-b:hover, A.submenu-c:hover, A.submenu-d:hover, A.submenu-e:hover 
{color: #F3B39A; background: url(../images/submenu-sipka-oz.gif) 0 75% no-repeat;}


A.submenu-oz:link, A.submenu-oz:visited,  A.submenu-oz:hover   
{ color: #F3B39A; background: url(../images/submenu-sipka-oz.gif) 0 75% no-repeat;}

A.submenu-sub:link, A.submenu-sub:visited  
{ color: #F3B39A; background: url(../images/submenu-sipka-oz.gif) 0 75% no-repeat;}

A.submenu-open { font-weight: bold; font-size: 95%; text-decoration: none;}
A.submenu-open:link, A.submenu-open:visited { color: #FFFFFF; background: none; text-decoration: none;}
A.submenu-open:hover { color: #F3B39A; background: none; text-decoration: none;}
A.submenu-open-oz { font-weight: bold; font-size: 100%; text-decoration: none;}
A.submenu-open-oz:link, A.submenu-open-oz:visited, A.submenu-open-oz:hover { color: #F3B39A; background: none; text-decoration: none;}

li.submenu-a, li.submenu-f  { border-bottom: 2px solid #F3B39A; padding: 7px 0 7px 15px;}
li.submenu-b, li.submenu-g  { border-bottom: 2px solid #BC949E; padding: 7px 0 7px 15px;}
li.submenu-c, li.submenu-h  { border-bottom: 2px solid #BEB775; padding: 7px 0 7px 15px;}
li.submenu-d, li.submenu-i { border-bottom: 2px solid #F1B357; padding: 7px 0 7px 15px;}
li.submenu-e, li.submenu-j  { border-bottom: 2px solid #F3B39A; padding: 7px 0 7px 15px;}
li.submenu-f, li.submenu-k  { border-bottom: 2px solid #F3B39A; padding: 7px 0 7px 15px;}
li.submenu-g, li.submenu-l  { border-bottom: 2px solid #F3B39A; padding: 7px 0 7px 15px;}
li.submenu-sub { border-bottom: 2px solid #F1B357; padding: 7px 0 7px 15px;}
li.submenu-open {padding: 2px 0 0px 15px;}
#roh {
background: url(../images/foto-roh.jpg) no-repeat bottom left; }
/*  menu-wpj-end  */
/*  hlavni-wpj  formatovani */
h1, h2 {margin: 0 0 10px 7px; padding: 0; font-size: 170%; color: #AB0707; }
h3 {margin: 0 0 5px 7px; padding: 0; font-size: 140%; color: #AB0707; }
h4 {margin: 0 0 3px 19px; padding:0; font-size: 150%; }
h3 A { font-size: 80%; }
#main-content p {
padding: 0;
margin:  3px 10px 10px 10px;
}
#main-content ul { list-style: none; 
padding: 0;
margin-top: 0;
margin-left: 20px;}
#main-content li { padding: 5px 0 5px 0;}



/*  hlavni-wpj  formatovani ende*/
#sloupec-left ul, #sloupec-right ul { font-size: 110%;
margin-top:0;
margin-bottom: 7px; 
list-style: disc;
color: #AB0707 }
#sloupec-left li, #sloupec-right li { padding: 0px;}

#sloupec-left {
width: 240px;
float: left;
margin-left: 15px;
}
#sloupec-right {
float: right;
width: 270px;
}
A.nabidka, A.nabidka-oz
{ font-weight: bold; font-size: 80%; text-decoration: none;}
A.nabidka:link, A.nabidka:visited
{ color: #AB0707; }
A.nabidka:hover 
{color: black;}
A.nabidka-oz:link, A.nabidka-oz:visited,  A.nabidka-oz:hover   
{ color: black; }


strong{
color: #AB0707
}
#pravnici-fotka img{
padding: 0;
border: solid white 3px;
margin: 3px 0 10px 10px;
}
div.fotka-big {
width: 525px;
margin: auto;
text-align: center;
}
div.fotka-big img{
border: solid white 3px;
text-align: center;
margin-top: 15px;
}
div.fotka-big p{
text-align: left;
color: White;
font-size: 90%;
padding: 0;
margin: 0;
}
span.vice A {
text-decoration: none;
font-size: 85%;
letter-spacing: 2px;
padding-left: 10px;}
span.vice A:link { color: white; }
span.vice A:visited { color: white; }
span.vice A:hover { color:#D9D6D3; text-decoration: none;}
hr.cara { color: #D9D6D3; background-color: #D9D6D3;
height: 2px; border: none; position: relative; right: -15px;
}
div.spodek { height: 10px;}


/*  new-wpj */
div.novinka h2  {margin: 0; padding: 5px 0 10px 0;
}

div.novinka h3 {margin: 0 0 0 0px;
padding: 0;
font-size: 130%;
color: black;}

#news-seznam  p {
margin-left: 0;
padding: 0;
}
div.news-linka{
padding-bottom: 5px;
border-bottom: solid 1px #DE4909;
}
div.news-right{
width: 80%;
}
#news-seznam div.novinka{
margin-top: 15px;
margin-left: 7px;
margin-bottom: 40px;
}

#news-seznam img {
float: right;
margin-top: 3px;
margin-left: 5px;
border: solid #DE4909 4px;
}
/*  new-wpj -end */


#right-main {
width: 160px;
float: right;}
#right-main ul {
margin: 0;
padding: 0;
list-style: none;
}
#right-main li {
padding: 3px 0 3px 0px;
text-align: right;}

/*  mapy-wpj  api-amapy*/
#wpjmaps {
width: 530px;
height: 400px;
border: solid 5px #FF9900;
margin-left: 10px;
margin-bottom: 10px;
}
/*  mapy-wpj end api-amapy */




#aktuality-odkaz a:link {
color: #AB0707;
font-weight:bold;
}
#aktuality-odkaz a:visited {
color: #AB0707;
font-weight:bold;
}
#aktuality-odkaz a:active {
color:black;
font-weight:bold;
}
#aktuality-odkaz a:hover {
color:black;
font-weight:bold;
}
#aktuality-odkaz a {
font-size:small;
font-weight:bold;
text-decoration:none;
}
#aktuality {
padding:10px;
}
img.linka {
background-color:Black;
height:1px;
width:100%;
}
#aktuality-zarovnani {
margin:2px auto;
width:95%;
}
#aktuality-odkaz {
padding-right:15px;
text-align:right;
}

table.aktuality-table {
height:5px;
margin:0;
width:95%;
}
td.aktuality-datum {
font-weight:bold;
text-align:left;
}
td.aktuality-nazev {
color: #AB0707;
font-size: 100%;
font-weight:bolder;
text-align:left;
}
td.aktuality-popis {
text-align:left;
}
/*  akce */
#akce li {margin-left: 0; padding: 0;}
#akce {
margin: 5px 0 20px 0;
padding: 1px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
#aktualne {font-size: 220%;
font-weight: bold;
padding-left: 5px;}
#akce span {
font-weight: normal;
font-size: 95%;}
div.akce {
text-align: right;
padding-top: 5px;
padding-right: 7px;}
#akce ul {list-style: none; padding: 2px 0 0 0; margin: 0px;}
#akce li.akce-linka {border-bottom: 1px black solid ; 
padding: 10px 7px 10px 3px;}
#akce li.akce-text {padding: 3px 7px 0 7px;}
#akce A { font-weight: bold; font-size: 95%;
text-decoration: none;}
#akce A:link { color: black;}
#akce A:visited { color: black;}
#akce A:hover { color: black;}


#akce A.news-date { font-weight: normal; font-size: 100%;
text-decoration: none;}
/*  akce end*/
#main-right { 
margin: 10px; 
padding: 0 10px;
float: right;
width: 170px;
background-color: #FFFCD7;
border: solid 5px #DE4909;
}

#tabulka td, #tabulka th {
background-color: #FFCC6C;
border: 1px solid #FFF7AB;
margin:3px;
padding:5px;
}
#tabulka td.two {
background-color: #FFF466;
border: 1px solid #FFF7AB;
margin:3px;
padding:5px;
}
/*  fotogalerie */
#gallery-list {
margin:auto;
}
#gallery-list div.gallery-line {
clear:left;
margin-bottom:30px;
margin-top:30px;
position:relative;
}
#gallery-list .gallery-title {
font-size:110%;
}
#gallery-list img {
border: 2px solid #FFBA0D;
float:left;
margin:0 10px 10px 0;
vertical-align:text-top;
}
#gallery-list p {
text-indent:0;
}
#gallery img {
border: 2px solid #FFBA0D;
margin: 1px;
}

#news-email {
border:1px solid #2C0F04;
background-color: #FFF7AB;
margin:20px 10px 200px 10px;
padding:7px;
width:180px;
}
#news-email h2 {
font-size: 100%;
padding:0 0 5px;
}
input.button {
background-color:#AB0707;
border:medium none;
color:#FFFFFF;
margin:0;
padding:1px 2px;
}
form, fieldset {
border:medium none;
margin:0;
padding:0;
}
input{
border: 1px solid #A9A9A9;
}
