html { height:100%; margin: 0; padding: 0; }
body { height:100%; margin: 0; padding: 0; font-size: 12px; font-family: Verdana; text-align:center; color: #777777; background: url(../images/border_left.gif) repeat-y left top; background-color:#202224; }
h1,h2,h3,p { margin:0; padding:0; }
p { font-family: Verdana; font-size: 10px; }
hr { border: solid #5b4569 1px; }
img { border: 0; }
input.txt1 { border: solid #0b7fa4 1px; background-color: #2e3136; color: #FFFFFF; }
input.but1 { background: url(../images/index/singup_sipka.jpg) no-repeat; height: 30px; width: 41px; border: 0; cursor: pointer; }

div#new { text-align: left; margin: 40px;  }
div#pravy h2, div#new h2 { font-family: Verdana; font-size: 14px; padding-bottom: 3px; }
div#pravy_m h2 { font-family: Verdana; font-size: 20px; color: #555555; }
h3 { font-size: 15px; color: #9266A5; font-weight: bold; }
h2 span { font-size: 60%; font-style:italic; }
div#pravy_m p { margin-top: 5px; font-size: 12px; }

#web { min-height:100%; background: url(../images/border_right.gif) repeat-y right top; } 
#ram { width: 900px; margin: auto;  background-color: #212226; overflow: hidden; }
#head { position: relative; height: 164px; }
#logo { position: absolute; cursor: pointer; top: 0; left: 20px; width: 350px; height: 164px; background: url(../images/top_logo.gif) no-repeat left top; }
#logo_text { position: absolute; top: 0; left: 370px; width: 353px; height: 79px; background: url(../images/top_text.gif) no-repeat left top; }

#obrhmp { margin: auto; width: 860px; height: 424px; margin-bottom: 10px; }
#levy { float: left; width: 440px; text-align: left; }
#levy_m { float: left; width: 210px; text-align: left; }
ul#l_ram { width: 390px; margin-left: 15px; background: url(../images/index_l/poz_opak.jpg) repeat-y; background-color: #2e3136; }
#l_ram img.pos { margin-left:19px }
div.l_ram { width: 164px; margin-left: 20px; margin-top: 10px; background: url(../images/l_pruh.gif) repeat-y; background-color: #2e3136; }

#velky_ram { width: 899px; height: 221px; }

#pravy { float: right; width: 460px; text-align: left;  margin-bottom: 10px }
#pravy_m { float: right; width: 690px; text-align: left; }
#p_novinky { width: 162px; height: 65px; background: url(../images/r_novinky.gif) no-repeat; margin-bottom: 5px; }
#novinky_mail { position:absolute; right: 2px; top: 5px; }
div.p_linka1 { height: 27px; background: url(../images/r_linka2.jpg) repeat-x; margin-top: 10px; margin-bottom: 10px; clear: both; }
div.p_linka2 { height: 27px; background: url(../images/r_linka.jpg) repeat-x; margin-top: 10px; margin-bottom: 10px; clear: both; }
#p_ram { margin-right: 20px }

img.odsazeni1 { margin-top:15px; margin-left:2px }
img.odsazeni2 { margin-left:5px; }
img.odsazeni3 { margin-top:5px; display:block; }
div.odsazeni1 { margin-top:5px; margin-left:10px }
div.odsazeni2 { margin-top:30px;}

/* odkazy */
a { margin-top: 5px; color: #666666; font-family: Verdana; font-size: 13px; font-weight: bold; text-decoration: underline; }
a:hover { color: #e1bf75; }
a.d {  font-size: 110%; font-weight: normal; text-decoration: underline; color: #777777; }
a.d:hover { text-decoration: none; color: #777777; }


/* menu */
ul { margin:0; padding:0; }
li { display: block; list-style-type: none; }
li.odB { margin-bottom: 10px; }
li#diskuse { position:absolute; right: 25px; top: 38px; }
li#diskuse a { display: block; background-position: 0% top; width: 146px; height: 42px; background:url("../images/t_but_disk_x.gif") no-repeat left top; text-decoration:none; }
li#diskuse a:hover { background-position: 0% bottom; }
li#galerie { position:absolute; right: 25px; bottom: 40px; }
li#galerie a { display: block; background-position: 0% top; width: 120px; height: 42px; background:url("../images/t_but_gall_x.gif") no-repeat left top; text-decoration:none; }
li#galerie a:hover { background-position: 0% bottom; }
li#ubytovani { position:absolute; right: 25px; bottom: -3px; }
li#ubytovani a { display: block; background-position: 0% top; width: 157px; height: 42px; background:url("../images/t_but_ubyt_x.gif") no-repeat left top; text-decoration:none; }
li#ubytovani a:hover { background-position: 0% bottom; }
li#tym { position:absolute; right: 145px; bottom: 40px; }
li#tym a { display: block; background-position: 0% top; width: 148px; height: 42px; background:url("../images/t_but_tym_x.gif") no-repeat left top; text-decoration:none; }
li#tym a:hover { background-position: 0% bottom; }
li#kontakt { position:absolute; right: 185px; bottom: -3px; }
li#kontakt a { display: block; background-position: 0% top; width: 142px; height: 42px; background:url("../images/t_but_kont_x.gif") no-repeat left top; text-decoration:none; }
li#kontakt a:hover { background-position: 0% bottom; }
li#snowpark { position:absolute; right: 295px; bottom: 40px; }
li#snowpark a { display: block; background-position: 0% top; width: 161px; height: 42px; background:url("../images/t_but_park_x.gif") no-repeat left top; text-decoration:none; }
li#snowpark a:hover { background-position: 0% bottom; }
li#ceniky { position:absolute; right: 325px; bottom: -3px; }
li#ceniky a { display: block; background-position: 0% top; width: 129px; height: 42px; background:url("../images/t_but_ceny_x.gif") no-repeat left top; text-decoration:none; }
li#ceniky a:hover { background-position: 0% bottom; }


#levy_m div.ram_end { background: url(../images/l_konec.gif) no-repeat; height:38px; width:164px; }
#levy_m div.ram_st_riders { background: url(../images/l_riders_txt.gif) no-repeat; height:38px; width:164px; }
#levy_m div.ram_st_friends { background: url(../images/l_friend_txt.gif) no-repeat; height:38px; width:164px; }
#levy_m div.ram_st_team { background: url(../images/l_team_txt.gif) no-repeat; height:38px; width:164px; }

#pravy_m div#hlbox { float:right; width: 450px; margin-right: 20px; }
#pravy_m div#levy { float:left; width:210px; }
#pravy_m div#pravy { float:right; width:210px; }
#pravy_m div.foto { float: left; background-color: #111111; border: 1px solid #000000; width: 210px; text-align: center }
#pravy_m img.foto { margin: 5px; }

#kontakt_img { text-align:center; margin:auto; width: 870px; height: 549px; background:url("../images/kontakt/mapa_velka.jpg") no-repeat; }
#mapka_img { text-align:center; margin:auto; width: 860px; height: 993px; background:url("../images/snowpark/mapa_back.gif") no-repeat; }
#kontakt_img_maly { background:url('../images/kontakt/mapa.jpg') no-repeat; height: 100px; width: 269px; }
.velky_ram { position: relative; text-align:center; margin:auto; width: 870px; background:url("../images/big_pruhopak.jpg") repeat-y left bottom; margin-top: 20px; margin-bottom: 20px; }
.velky_ram div.top { position:absolute; left:0; top:0; height: 32px; width: 870px; background:url("../images/big_vrsek.jpg") no-repeat left top; }
.velky_ram div.bottom {position:absolute; left:0; bottom:0; height: 37px; width: 870px; background:url("../images/big_spodek.jpg") no-repeat left bottom; }
.velky_ram p.titul { color: #fec04f; font-weight: bold; font-size: 120%; }
.velky_ram p.txt { margin-top:15px; font-size: 80%; }
.velky_ram p.txt2 { margin-top:15px; font-size: 110%; font-weight: bold; }
.velky_ram p.txt3 { margin-top:20px; margin-bottom:15px; font-size: 80%; }
.velky_ram span.orn { color: #fec04f; }
.velky_ram div.cara465 { position:absolute;  width: 465px; left: 30px; }
.velky_ram div.cara350 { position:absolute;  width: 350px; left: 30px; }
.velky_ram div.cara260 { position:absolute;  width: 260px; right: 30px; }
.velky_ram div.cara805 { position:absolute;  width: 805px; right: 30px; }
.velky_ram div.lineL30 { position:absolute; top: 30px; text-align: left; }
.velky_ram div.lineR30 { position:absolute; top: 30px; text-align: right; }
.velky_ram div.lineC30 { position:absolute; top: 30px; text-align: center; }
.velky_ram .colTmavezluta { color:#a99272; }
.velky_ram div#ruka { position:absolute; right: 30px; bottom: 35px; width: 100px; background:url('../images/cenik/ruka.jpg') no-repeat; height: 189px; width: 100px; }
#relDiv { position: relative; padding-bottom: 10px; }

#strankovani { text-align:center; }
#str {   }

/* zobr obrazku */
#obrPozadi { background-color: black; filter: alpha(opacity=40);-moz-opacity:0.4; top: 0px; left: 0px; height: 100%; width: 100%; display: none; position: absolute; }
#obrHlavni { position: absolute; background-color: #b0b0b0;  display: none;  }
