/* START CSS*/

html>body { overflow:scroll; }



body {



padding : 0;

margin : 0;

background : #e4e4e4;

background : #77a0bf url('tile_body.png') repeat-x;

font-size : 0.95em;

font-family : Arial, Sans;



}

h1 {

margin : 0 0 0 0;

height : 34px;

text-align: left;

font-family : tahoma;

font-size : 19px;

color : #0154a9;

padding : 16px 0 0 0;

letter-spacing : 0em;

}

h2 {

font-size : 1.2em;

font-weight : bold;

color : #1670cd;

letter-spacing : 0;

margin-top : 1.4em;

margin-bottom : 0em;

clear : both;

}



a {

color : #0035fe;

text-decoration : none;

}



a:hover {

text-decoration : underline;

}

img {

border : 0;

margin-bottom : 4px;

}

.ubytovani {

text-align : center;



}

.ubytovani img {

margin : 0 auto 0 auto;

}



.hodiny {

background-color: #ffffcc;

text-align : center;

margin : 0 auto 0 auto;

padding: 5px 0 5px 0;

font-weight : bold;

width : 100%;



}



#clear {

clear : both;

}

#container {

text-align : left;

width : 792px;

background : #fff url('tile_container_body.png') repeat-y;

margin : 0 auto 0 auto;

}

#container_inner1 {

background : url('bg_container_top.png') no-repeat;

}

#container_inner2 {

background : url('bg_container_bottom.png') no-repeat 0% 100%;

width : 750px;

padding : 14px 21px 30px 21px;



}

#chapter-one {

margin : 0;

padding : 0;

}

#chapter-one a {

display : block;

width : 710px;

height : 232px;

margin : 0 0 0 20px;

text-decoration : none;

}

#chapter-one a span {

display : none;

}

#chapter-two {



margin : 0;

padding : 0;

}

#chapter-two a {

position: absolute;

right: 0;

width : 250px;

height : 250px;

margin : 0 0 0 20px;

background : url('template8.gif') no-repeat;

text-decoration : none;

}

#chapter-two a span {

display : none;

}

#bar_left * {

margin : 0;

padding : 0;

list-style-type : none;



}

#bar_left {

float : left;

width : 176px;

margin : 22px 0 10px 20px;





}

#navbar {

width : 170px;

float : left;

background : #5198e8; /* #529f33; */

margin : 0 0 30px 0;

}

#navbar_inner1 {

background : url(bg_navbar_top_zima.png) no-repeat;

}

#navbar_inner2 {

background : url(bg_navbar_bottom_zima.png) no-repeat 0% 100%;

padding : 2px 0 2px 0;

}

#navbar2 {

background : url(webkamery_pozadi_zima.gif) no-repeat ;

padding: 3px 0 0 0;

width : 170px;

height: 106px;

float : left;

}



#navbar ul {

display : block;

padding : 0;

margin : 0;

}

#navbar li {

display : block;

width : 170px;

}

#navbar a {

display : block;

width : 152px;

height : 20px;

padding : 3px 0 2px 18px;

color : #f5f5f5;

text-decoration : none;

font-size : 17px;

font-weight : 600;

}

#navbar a:hover {

color : #135299; /* #2b6409; */

}



a#aktivni {

color : #135299; /* #2b6409; */

text-decoration : underline;

}

a#aktivni-red {

color : red; /* #2b6409; */



}



#toplist {

vertical-align : middle;

text-align : center;

}



#silvestr {

color : red;

font-size : 13px;

text-align : center;

font-weight : bold;

}



.kontakty {

font-weight : bold;

text-decoration : underline;

}

#mailform {

position : relative;

text-align : center;

width : 300px;

float : right;

}

#copyright {

font-family : tahoma;

font-size : 9pt;

font-weight : bold;

}

#webcam {

position : relative;

float : left;

padding-bottom : 30px;

text-align : center;

font-weight : bold;

font-size : 12px;

}



#content {

text-align : justify;

font-size : 0.85em;

float : right;

width : 520px;

margin : 0 21px 10px 0;

padding : 0;

color : #333;



}

#footer_outer {

clear : both;

margin : -10px auto 0 auto;

padding : 0 0 20px 0;

font-size : 0.75em;

text-align : center;

width : 100%;

vertical-align : top;

}

#footer_inner {

color : #eee;

color : #fff;

}

#footer_inner a {

color : #ffffe5;

text-decoration : none;

}

#footer_inner a:hover {

text-decoration : none;

}

.tdlicha {

background-color : #fff1ce;

}

.cenik {

text-align : center;

}

#test2 {

height : 200px;

position : relative;

}

#test2 img {

position : absolute;

top : 50%;

left : 50%;

}

.r {

position : relative;

width : 520px;

height : 200px;

margin : 0 0 30px 0;

}

.r div {

position : absolute;

}

.r1 {

top : 0;

left : 0;

width : 520px;

height : 200px;

background : url(pruhled.gif);

}

blockquote span.box{

display:block;

padding-right:40px;

background:transparent url(commaRight.gif) 100% 100% no-repeat;

text-align:center}

         

blockquote{

margin: 25px auto 0 auto;

padding-left:40px;

width:400px;

background:transparent url(commaLeft.gif) 0 0 no-repeat}

         

blockquote span.box span{

min-height: 28px;

display:block;

font-size:120%;

line-height:120%}



#tep_poz {



text-align: center; 

padding-top: 3px;

margin: 0 0 50px 0; 

width: 170px; 

height: 22px ;

float: left;

background: url('') no-repeat;}  

/*background: #519e33 url('http://www.chata-sachovka.cz/css/title_navbar_body.png'); - jaro, leto*/

/*background: #5198e8 url('http://www.chata-sachovka.cz/css/title_navbar_body_zima.png'); - zima*/



#pocasi_ico{

margin: 0 auto;

width: 130px;

bottom: -5px; 

text-align: center; 

font-size: 10px;

}

#pocasi_ico a {

color: #125b8b;

}





/* ••••••••• Ubytovαnν ••••••••• */



.rozpis {              

vertical-align: middle;

}

.rozpis img {    

vertical-align: middle;

}



/* ••••••••• Restaurace ••••••••• */



#piva{

width: 400px; 

text-align: center; 

margin: 0 auto 0 auto; 

height: 200px; }



#piva img{

margin-left: 40px; 

}





/* ••••••••• Cenνk ••••••••• */



.text ul{

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px; 

position:relative; 

left: 35px;

}



.text ul li{

list-style-image: url('css/fajfka.png');

color:#000000;

margin:0px 0px 0px 0px;

padding:0px 0px 0px 10px; 

position:relative; 

}



/* ••••••••• Fotogalerie ••••••••• */

#fotky {

color: white; 

}

#fotky li img { 

vertical-align: middle; 

margin-right: 10px; 

width: 150px; 

height: 40px; 

}

#fotky li a {

font-size: 1.0em; 

font-weight: bold; 

text-decoration:none;   

}





/* ••••••••• Kontakt ••••••••• */

#map_canvas { 

height: 520px; 

width: 520px; 

}







/* ••••••••• Webkamery ••••••••• */

#info_table{

margin: 0 auto 20px auto;

}



.infoblue

{

color: #2469a2;

font-weight: bold;

font-size: 13px;

width: 85px;

height: 10px;

line-height: 10px;

}



.infored

{

color: #e10a2d;

font-weight: bold;

font-size: 13px;	

}





.ref {

  float: left;

  margin: 40px 20px 5px 35px;

  text-align: center;

  display: block;

  width: 155px; 

}



.green {

  color: #006400;

  float: none;

}

a {

cursor : pointer;

}



.ref img {

  border: 3px solid #1e90ff;

  margin: 0 0 0px 0;

  float: none;

  width: 139px ;

  height: 100px ;

}





/* ••••••••• Rezervace ••••••••• */



.redpoint {

color: red

}

fieldset {

font-weight: bold; 

border: 4px solid #cecece; padding: 15px;

}

legend {

color: blue;

}



/* ••••••••• Ubytovαnν Beskydy ••••••••• */





.right {

text-align:right;

margin-right: 100px; 

}

.small{

font-size:11px;

}

.imgright{

float:right;

padding: 5px 5px 5px 10px;

}





/* ••••••••• Partneψi ••••••••• */





.vymena {

  margin: 5px 5px 0 0; 

  

}

.vymena ul {

  color: black;

}

.vymena li {

     padding: 0px 0;

     

}

.vymena img {

     vertical-align: middle;

     

}

.vymena a {

     color: #00008b;

     font-weight: bold;

     font-size: 10px;

}

.green {

  font-weight: bold;

  color: #006400;

}



/* ••••••••• Hry ••••••••• */



.kostky{

position: relative; 

margin: 0px auto 0px 40px; 

width: 400px; 

height: 388px;  

}

.leva{

position: relative; 

float: right; 

margin-right: 50px ;

}

.prava{

position: relative; 

float: left; 

margin-left: 30px ;

}



/* KONEC CSS*/