/* CSS Document */

body
{

text-align: center;
font-family: verdana;
background-color: #ffffff;

}

a:link {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:active {text-decoration: underline; color: #000000;}

#map a:link {text-decoration: none; color: #000000; }
#map a:hover {text-decoration: underline; color: #000000;}
#map a:visited {text-decoration: none; color: #000000;}
#map a:active {text-decoration: underline; color: #000000;}

#map
{

color: #000000;
}

#superblok
{
margin: 0 auto;
width: 902px;

}
.obrx2
{
width: 120px;
height: 80px;
border: 1px #ffcc33 solid;
}

#ted
{
font-weight: bold;
font-size: 15px;
}


#blok
{

width: 900px;
font-size: 12px;
background-color: #ffffff;

}

#header
{
width: 900px;
float: left;
background-color: #ffffff;
}

#header2
{
width: 900px;
float: left;
background-image: url(grafika/telobig.jpg);
}

#header4
{
width: 900px;
float: left;
background-image: url(grafika/telobig2.jpg);
text-align: left;

}

#into4
{
padding: 5px 10px 5px 10px;
}

#header3
{
width: 900px;
float: left;
background-color: #ffffff;
}

#seo
{
text-align: justify;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #6699FF;
margin-left: 1px;
margin-right: 1px;
font-size: 10px;
}

#mapa
{

color: #000000;
float: left;
}

#mapa3
{

color: #000000;
float: left;
}

#mapa1
{

color: #6699FF;
float: left;
width: 150px;
background-color: #ffffcc;
height: 520px;
border-top: 1px #6699FF solid;
border-bottom: 1px #6699FF solid;

border-left: 1px #6699FF solid;
font-size: 9px;
text-align: left ;

}

#mapa1v
{

padding: 2px 2px 2px 2px
}


#mapa1 a:link {text-decoration: none; color: #003366;}
#mapa1 a:hover {text-decoration: none; color: #003366;}
#mapa1 a:visited {text-decoration: none; color: #003366;}
#mapa1 a:active {text-decoration: none; color: #003366;}

#mapa2
{

color: #ffffff;
float: left;
width: 900px;
background-color: #6699FF;
height: 60px;

font-size: 10px;
text-align: center ;
}

#mapa2x
{
font-size: 9px;
text-align: center ;
}

#mapicky
{
font-size: 11px;
text-align: center ;
color: #6699FF;
}

#mapicky1
{

text-align: center;
width: 200px;
height: 100px;
background-image: url(mapy/maps.gif);
background-repeat: no-repeat;
background-position: center;
}

#mapicky2
{

text-align: center;
width: 200px;
height: 100px;
background-image: url(mapy/maps2.gif);
background-repeat: no-repeat;
background-position: center;
}

#mapicky3
{

text-align: center;
width: 200px;
height: 100px;
background-image: url(grafika/katalog.jpg);
background-repeat: no-repeat;

}




#lista
{
float: left;
width: 900px;
padding-top: 10px;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
height: 45px;
background-color: #99ccff;
font-size: 10px;
background-color: #6699FF;
}

#misto
{
color: black;
font-weight: bold;
font-size: 12px;
background-color: white;
text-align: center;
border: 1px black solid;

}

#lista2
{
float: left;
width: 900px;
padding-top: 10px;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
padding-bottom: 10px;
background-color: #6699FF;
font-size: 12px;


}

#mapky
{
font-size: 12px;
font-weight: bold;
text-align: center;
color: #6699FF;

height: 30px;
}

#navigace
{
font-size: 10px;
font-weight: bold;
text-align: center;
color: #ffffff;
}


#mapky a:link {text-decoration: none; color: #6699FF;}
#mapky a:hover {text-decoration: none; color: #6699FF;}
#mapky a:visited {text-decoration: none; color: #6699FF;}
#mapky a:active {text-decoration: none; color: #6699FF;}


#pata
{
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}



table
{
font-size: 12px;
}


#levy
{
width: 600px;
float: right;
text-align: center;

}


#pravy
{

width: 300px;
float: left;
font-size: 17px;
text-align: center;



}




#odkazy
{

font-size: 12px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;


}

#odkazy a:link {text-decoration: none; color: #6699ff;  }
#odkazy a:visited {text-decoration: none; color: #6699ff;}
#odkazy a:active {text-decoration: none; color: #6699ff;}
#odkazy a:hover {text-decoration: none; color: #ffcc33; }



#pravyd
{
padding-top: 15px;
width: 300px;
float: right;
font-size: 17px;
text-align: center;

}

#hlavni
{
padding-top: 15px;
padding-bottom: 15px;
width: 900px;
float: left;
}

#hlavnix
{
padding-top: 15px;
padding-bottom: 15px;
width: 900px;
float: left;
text-align: justify;
}

#pravy a:link {text-decoration: none; color: #6699FF;  }
#pravy a:visited {text-decoration: none; color: #6699FF;}
#pravy a:active {text-decoration: none; color: #6699FF;}
#pravy a:hover {text-decoration: none; color: #003366; }


#plink

{


}
#plink a:link {text-decoration: none;  }
#plink a:visited {text-decoration: none; }
#plink a:active {text-decoration: none; }
#plink a:hover {text-decoration: none;  }



#pravynadpis {text-decoration: none; color: #6699FF;display: block; height:22px; text-align: center;}

#lokalita {
padding-top: 10px;
padding-bottom: 0px;
height: 20px;
width: 900px;
float: left;
background-color: #ffffff;
color: #ffcc33;
font-size: 19px;
text-align: right;
}

#vnitrni
{
float: left;
padding-top: 15px;
width: 900px;
text-align: center;
height: 330px;
}

#vnitrni2
{
float: left;
padding-top: 15px;
width: 900px;
text-align: center;
height: 330px;
}



/* výpis */

#nazev
{

height: 25px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #6699FF;
font-size: 17px;
color: #ffffff;
text-align: center;
border-top: 3px #ffffff solid;
border-bottom: 3px #ffffff solid;
border-left: 3px #ffffff solid;
margin-left: 10px;
margin-right: 10px;

}

#nazev a:link {text-decoration: none; color: #ffffff;  }
#nazev a:visited {text-decoration: none; color: #ffffff;}
#nazev a:active {text-decoration: none; color: #ffffff;}
#nazev a:hover {text-decoration: none; color: #ffffff; }

.cislo
{
font-size: 10px;
}


#zvyrazneni
{

background-color: #ffcc33;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
font-size: 17px;
color: #666666;
text-align: center;

height: 20px;
}

#zvyrazneni2


{
padding-top: 5px;
text-align: right;
font-size: 17px;
padding-left: 10px;
padding-right: 10px;

color: #003366;
height: 40px;

}

#zvyrazneni3


{
padding-top: 5px;
text-align: center;
font-size: 17px;

color: #003366;


}

#zvyrazneni4


{
padding-top: 5px;
text-align: center;
font-size: 13px;

color: #003366;


}

#popis
{


padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;

font-size: 11px;
text-align: justify;

}

.obrx
{
width: 120px;
height: 80px;
border: 6px #ffcc33 solid;
}

.obrxtit
{
width: 75px;
height: 60px;
border: 2px #6699FF solid;
}

.obrmap
{
width: 40px;
height: 30px;

}

.obrazek
{
width: 150px;
height: 120px;
border: 6px #6699FF solid;
}



.obrxx
{
width: 142px;
height: 110px;
border: 4px #ffcc33 solid;
}
.obrbig
{

border: 4px #ffcc33 solid;
}

.pic
{
width: 30px;
height: 30px;

}




#rezervace
{
text-align: center;

background-color: #ffcc33;
}



#title
{
background-color: #ffcc33;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px #666666 solid;
border-bottom: 1px #666666 solid;
font-size: 21px;
color: #666666;
text-align: center;

}

#formx
{
text-align: center;
color: #000000;
font-size: 15px;
background-color: #ffffcc;
border: 1px #6699FF solid;


}

#fakta
{
font-size: 11px;
color: #6699ff;
text-align: left;


}

#main
{
margin: 0 auto;

margin-bottom: 10px;

background-color: #ffffff;
width:580px;
text-align: left;

}

#testik
{
width: 150px;
height: 150px;
background-image: url(grafika/main.gif);
position: absolute;

}

#hotel
{
width: 120px;
height: 120px;
background-image: url(grafika/hotel.gif);
position: absolute;
opacity: 0.50;  
filter: alpha(opacity=50);  
-moz-opacity: 0.50;  
-khtml-opacity: 0.50;
}

#penzion
{
width: 120px;
height: 120px;
background-image: url(grafika/penzion.gif);
position: absolute;
opacity: 0.50;  
filter: alpha(opacity=50);  
-moz-opacity: 0.50;  
-khtml-opacity: 0.50;
}

#chata
{
width: 120px;
height: 120px;
background-image: url(grafika/chata.gif);
position: absolute;
opacity: 0.50;  
filter: alpha(opacity=50);  
-moz-opacity: 0.50;  
-khtml-opacity: 0.50;
}

#chalupa
{
width: 120px;
height: 120px;
background-image: url(grafika/chalupa.gif);
position: absolute;
opacity: 0.50;  
filter: alpha(opacity=50);  
-moz-opacity: 0.50;  
-khtml-opacity: 0.50;
}

#apartman
{
width: 120px;
height: 120px;
background-image: url(grafika/apartman.gif);
position: absolute;
opacity: 0.50;  
filter: alpha(opacity=50);  
-moz-opacity: 0.50;  
-khtml-opacity: 0.50;
}

#mainpenzion
{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px #003366 solid;
background-image: url(grafika/pension.jpg);
background-repeat: no-repeat;
width:580px;
}

#mainchata
{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px #003366 solid;
background-image: url(grafika/chata.jpg);
background-repeat: no-repeat;
width:580px;
}

#mainchalupa
{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px #003366 solid;
background-image: url(grafika/chalupa.jpg);
background-repeat: no-repeat;
width:580px;
}

#sidebar
{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px #ffffcc solid;
width:276px;

}

#sidebar1
{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
background-color: #ffffcc;
width:276px;
border: 1px #6699ff solid;

}

#topbar1
{
float: left;
padding-top: 10px;

padding-bottom: 10px;
background-color: #ffffcc;
width: 900px;
border-bottom: 1px #6699ff solid;


}


#objekt
{

padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
text-align: center;
}

#objekt2
{

padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
text-align: left;
}

#notice
{
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
text-align: left;
}

#notice2
{
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
text-align: center;
}

#pictogram
{
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
text-align: right;
font-size: 12px;
font-weight: bold;

text-transform: uppercase;

color: #003366;


}

#detail2
{
padding-top: 20px;


color: #666666;


}

#detail
{

padding-top: 30px;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
text-align: justify;
padding-left: 10px;
padding-right: 10px;
background-color: #ffffff;




}

#detail2
{

padding-top: 30px;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
text-align: justify;
padding-left: 10px;
padding-right: 10px;
background-color: #ffffff;
background-image: url(grafika/navi.jpg);
background-repeat: no-repeat;



}

#navig
{
position: relative;
top: -25px;
left: 303px;
font-weight: bold;
}

#navig2
{
position: relative;
top: -38px;
left: 440px;
font-weight: bold;
}

#select
{
width: 220px;

}

#cenik
{
border: 1px #000000 solid;
font-size: 10px;
text-align: center;


}

#cenik1
{
border: 1px #000000 solid;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: #6699FF;

}

#ceniksil
{
border: 1px #000000 solid;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: #ffcc33;

}
#inzerce
{
width: 200px;
height: 200px;
background-image: url(grafika/inzerce.gif);
position: absolute;
text-align: left;
color: #ffffff;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
opacity: 0.70;  
filter: alpha(opacity=70);  
-moz-opacity: 0.70;  
-khtml-opacity: 0.70;
}

#vnitrniin
{

padding-left: 10px;
padding-top: 10px;
padding-right: 100px;
padding-bottom: 10px;
}


#live
{
height: 45px;
padding-top: 35px;
background-image: url(grafika/live.jpg);
background-repeat: no-repeat;
padding-bottom: 0px;
font-size: 11px;
}

#live2
{
height: 45px;
padding-top: 35px;
background-image: url(grafika/live2.jpg);
background-repeat: no-repeat;
padding-bottom: 0px;
font-size: 11px;
}








/* mapy */


div#obalovy
{
position: relative;
width: 500px;
height: 300px;
background: #ffffff url('mapy/back.gif') 0px -400px no-repeat;

margin: auto;

}

div#kraje
{
position: relative;
width: 500px;
height: 300px;
background: #ffffff url('mapy/sc.gif') 0px -400px no-repeat;

margin: auto;
}

div#kategorie
{
position: relative;
width: 500px;
height: 300px;
background: #FFFFCC url('mapy/kategorie.jpg') 0px 0px no-repeat;
top: 10px;
margin: auto;
}

li#polozka1
{
left: 205px;
top: 40px;
}

li#polozka2
{
left: 190px;
top: 30px;
}

li#polozka3
{
left: 310px;
top: 120px;
}

li#polozka4
{
left: 10px;
top: 35px;
}

li#polozka5
{
left: 30px;
top: 220px;
}
li#polozka6
{
left: 190px;
top: 180px;
}

li#polozka7
{
left: 240px;
top: 165px;
}

li#polozka8
{
left: 400px;
top: 180px;
}

li#polozka9
{
left: 255px;
top: 90px;
}

li#polozka10
{
left: 150px;
top: 200px;
}

li#polozka11
{
left: 90px;
top: 25px;
}

li#polozka12
{
left: 160px;
top: 20px;
}

li#polozka13
{
left: 140px;
top: 0px;
}

li#polozka14
{
left: -30px;
top: 65px;
}

li#polozka15
{
left: -25px;
top: 115px;
}

li#polozka16
{
left: 5px;
top: 150px;
}

li#polozka17
{
left: 20px;
top: 130px;
}

li#polozka18
{
left: 65px;
top: 110px;
}

li#polozka19
{
left: 60px;
top: 140px;
}

li#polozka20
{
left: 110px;
top: 155px;
}

li#polozka21
{
left: 70px;
top: 80px;
}

li#polozka22
{
left: 140px;
top: 115px;
}

li#polozka23
{
left: 110px;
top: 215px;
}

li#polozka24
{
left: 130px;
top: 250px;
}

li#polozka25
{
left: 170px;
top: 100px;
}

li#polozka26
{
left: 110px;
top: 60px;
}

li#polozka27
{
left: 110px;
top: 100px;
}

li#polozka28
{
left: 110px;
top: 37px;
}
li#polozka29
{
left: 155px;
top: 80px;
}
li#polozka30
{
left: 140px;
top: 50px;
}

li#polozka31
{
left: 195px;
top: 60px;
}

li#polozka32
{
left: 215px;
top: 130px;
}
li#polozka33
{
left: 235px;
top: 50px;
}

li#polozka34
{
left: 280px;
top: 60px;
}

li#polozka35
{
left: 330px;
top: 80px;
}

li#polozka36
{
left: 190px;
top: 230px;
}

li#polozka37
{
left: 250px;
top: 250px;
}

li#polozka38
{
left: 250px;
top: 205px;
}

li#polozka39
{
left: 260px;
top: 195px;
}

li#polozka40
{
left: 315px;
top: 230px;
}

li#polozka41
{
left: 340px;
top: 250px;
}

li#polozka42
{
left: 360px;
top: 210px;
}

li#polozka43
{
left: 405px;
top: 195px;
}

li#polozka44
{
left: 380px;
top: 150px;
}

li#polozka45
{
left: 335px;
top: 160px;
}

li#polozka46
{
left: 305px;
top: 180px;
}

li#polozka47
{
left: 250px;
top: 220px;
}

li#polozka101
{
left: 160px;
top: 95px;
}



li#polozka102
{
left: 120px;
top: 125px;
}

li#polozka103
{
left: 150px;
top: 80px;
}

li#polozka104
{
left: 120px;
top: 60px;
}

li#polozka105
{
left: 85px;
top: 200px;
}

li#polozka106
{
left: 10px;
top: 130px;
}

li#polozka107
{
left: -20px;
top: 70px;
}

li#polozka108
{
left: 60px;
top: 40px;
}

li#polozka109
{
left: 160px;
top: 30px;
}

li#polozka110
{
left: 230px;
top: 80px;
}

li#polozka111
{
left: 230px;
top: 130px;
}

li#polozka112
{
left: 190px;
top: 190px;
}

li#polozka113
{
left: 300px;
top: 150px;
}

li#polozka114
{
left: 370px;
top: 170px;
}

li#polozka115
{
left: 330px;
top: 220px;
}

li#polozka116
{
left: 250px;
top: 230px;
}

li#polozka201
{
left: 20px;
top: 72px;
}

li#polozka202
{
left: 120px;
top: 72px;
}

li#polozka203
{
left: 220px;
top: 72px;
}

li#polozka204
{
left: 320px;
top: 72px;
}

li#polozka205
{
left: 420px;
top: 72px;
}




ul#menu li
{
list-style-type: none;
font-size: 9px;
position: absolute;
width: 150px;
height: 11px;

}




ul#menu li#polozka101
{
list-style-type: none;
font-size: 11px;
position: absolute;
width: 50px;
height: 20px;

}





ul#menu a
{
background:  url('mapy/back.gif') -50px -50px no-repeat;
display: block;
text-decoration: none;
width: 100%;
height: 100%;
color: black;
font-family: Verdana, Arial, sans-serif;

font-size: 9px;


}

ul#menu a:hover
{
color: black;
background:  url('mapy/back.gif') 0px 0px no-repeat;
font-size: 9px;
font-weight: bold;

}

li# a:hover
{
background-position: 0px 0px;

}



ul#menu span
{
display: block;
position: absolute;
left: 0;
top: 40%;
text-align: center;
width: 100%;
cursor: pointer;
}



#levytitul
{
padding-top: 5px;
width: 280px;
float: left;

padding-left: 20px;
background-color: #ffcc33;
text-align: left;
font-size: 17px;

color: white;
}

h1
{
font-size: 15px;
font-weight: bold;

}


#pravytitul
{
padding-top: 5px;
background-color: #E5F7FF;

width: 280px;
float: left;

padding-left: 20px;
text-align: left;
font-size: 17px;



}

#virtualtitul
{
padding-top: 5px;
width: 280px;
float: left;

padding-left: 20px;
text-align: left;
font-size: 17px;



}

#titvyp
{
font-size: 10px;


}
#titvypx
{
font-size: 10px;
float: left;
width: 280px;

}

#titvypz
{
font-size: 10px;
float: left;
width: 280px;

}

#titvyptab
{


width: 300px;
height: 75px;
}

#titvyptabp
{

text-align: left;
width: 300px;
height: 75px;
}

#nazevtit
{
font-size: 12px;
color: #003366;
font-weight: bold;

}
#cechytit
{


width: 260px;
text-align: left;
margin-bottom: 5px;
}

#cechytit a:link {text-decoration: none; color: #FFcc33;}
#cechytit a:hover {text-decoration: underline; color: #FFcc33;}
#cechytit a:visited {text-decoration: none; color: #FFcc33;}
#cechytit a:active {text-decoration: underline; color: #FFcc33;}


#moravatit
{


width: 260px;
text-align: left;
margin-bottom: 5px;
}

#moravatit a:link {text-decoration: none; color: #6699FF;}
#moravatit a:hover {text-decoration: underline; color: #6699FF;}
#moravatit a:visited {text-decoration: none; color: #6699FF;}
#moravatit a:active {text-decoration: underline; color: #6699FF;}

#mapnavigace
{
background-color: #E5F7FF;
width: 146px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;



}
#mapnavigace a:link {background-color: #E5F7FF;
width: 146px;
display: block;

}
#mapnavigace a:hover {background-color: #FFcc33;
width: 146px;
display: block;


}

#mapnavigace1
{
background-color: #6699FF;
width: 146px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;



}
#mapnavigace1 a:link {background-color: #6699FF;
width: 146px;
display: block;

}
#mapnavigace1 a:hover {background-color: #ccffcc;
width: 146px;
display: block;


}

#mapnavigace3
{
background-color: #FFcc33;
width: 146px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;




}
#mapnavigace3 a:link {background-color: red;
width: 146px;
display: block;


}
#mapnavigace3 a:hover {background-color: red;
width: 146px;
display: block;



}


#vyber

{
padding-top: 250px;
}

#seo-lista

{
border-top: 1px #ffffff solid;
font-size: 9px;


}

#seo-lista a:link {text-decoration: none; color: #cccccc;font-size: 9px;}
#seo-lista a:hover {text-decoration: underline; color: #cccccc;font-size: 9px;}
#seo-lista a:visited {text-decoration: none; color: #cccccc;font-size: 9px;}
#seo-lista a:active {text-decoration: underline; color: #cccccc;font-size: 9px;}

#seo-lista-link

{
font-size: 10px;
font-family: tahoma;

}