/* CSS Document */
body {
background: #4F7637 url("grafika/pozadi.png") repeat-x;
color: #333333;
font: 10pt 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
margin:0px;
overflow-x: hidden;
}

a:link, a:visited {
color: #37641B;
}

a:hover {
color: #592626;
}

#hlavicka {
height: 395px;
width: 1076px;
margin: 0px auto 0 auto;
}

#container {
width: 1076px;
background: white url("grafika/pozadi-obsahu.png") repeat-y;
margin: 0px auto 0 auto;
}

#container-webkamera {
width: 1076px;
background: white;
margin: 0px auto 0 auto;
}




#obsah {
width: 936px;
margin-left:70px;
position:relative;
top:-30px;

}

#left {
width: 637px;
margin-left:0px;
float:left;
}

#right {
float:right;
border-left-style:solid;
border-left-color:#CCCCCC;
border-left-width:1px;	
padding-left:15px;
margin-top: 15px;
height:270px;

}


#right-podstranka {
float:right;
padding-left:15px;
margin-top: 15px;
}


#left-podstranka {
width: 637px;
margin-left:0px;
float:left;
border-right-style:solid;
border-right-color:#CCCCCC;
border-right-width:1px;	
}

#left-podstranka p {
margin-right:20px;
margin-top:4px;
}

#left-podstranka h2 {
margin-bottom:0px;
padding-bottom:0px;
}

#paticka {
width: 990px;
height: 60px;	
background: #53972B;
margin-left:43px;
clear:both;
color: white;
padding-top:10px;
}

#paticka a {color: white;}

#paticka p {
margin:5px;
padding:0px;
margin-left:30px;

}

h1 {
color: #53972B;
font-size: 14pt;
}

h2 {
color: #592626;
font-size: 12pt;
}

h3 {
color: #53972B;
font-size: 11pt;
margin-bottom:0px;
}

h2 a:link, h2 a:visited {
color: #592626;
text-decoration:none;
}

.list-left {
width:260px;
float:left;
margin-left:0px;
margin-top:0px;
margin-right:30px;
padding-left:20px;
list-style-image:url('grafika/odrazka.png');
}
.list-right {
width:260px;
float:left;
border-left-style:solid;
border-left-color:#CCCCCC;
border-left-width:1px;	
margin:0px;
padding-left:30px;
list-style-image:url('grafika/odrazka.png');
}

ul li {
margin-top:5px;
}

#kde {
position:relative;
top:-140px;
left:143px;
width:150px;
}

#adresa {
position:relative;
top:-140px;
left:185px;
font-size:9pt;
width:120px;
}

#gps {
position:relative;
top:-125px;
left:185px;
font-size:9pt;
width:120px;
}

#odkaz {
position:relative;
top:-120px;
left:153px;
}


#box1 {
float:left;
width:311px;
height:300px;
background: #ffffff url("grafika/pozadi-boxu.png") repeat-y;
margin-top:25px;
margin-bottom:-5px;

}

#box2 {
float:left;
width:327px;
height:300px;
background: #ffffff url("grafika/pozadi-boxu.png") repeat-y;
margin-left:1px;
margin-top:25px;
}

#box3 {
float:left;
width:295px;
height:300px;
background: #ffffff url("grafika/pozadi-boxu.png") repeat-y;
margin-left:1px;
margin-top:25px;
}

#box1 h2{
display: block;
height: 35px;
background: url("grafika/fotak.png") no-repeat;
padding-left:50px;
padding-top:10px;
margin-left:10px;
}

#box2 h2{
display: block;
height: 35px;
background: url("grafika/bublina.png") no-repeat;
padding-left:50px;
padding-top:10px;
margin-left:10px;
}

#box3 h2{
display: block;
height: 35px;
background: url("grafika/kamera.png") no-repeat;
padding-left:50px;
padding-top:10px;
margin-left:10px;
}

#box1 img {
border-style: solid;
border-width: 2px;
border-color: #53972B;
margin-left:10px;
margin-bottom: 10px;
}

#box3 img {
border-style: solid;
border-width: 2px;
border-color: #53972B;
margin-left:10px;
margin-bottom: 10px;
}

.vice {
display: block;
text-align: right;
margin-right:25px;
}


.list-box2 {
width:260px;
float:left;
margin-left:10px;
margin-top:0px;
margin-right:30px;
padding-left:20px;
list-style-image:url('grafika/odrazka.png');
}

.list-obsah {
margin-left:10px;
margin-top:0px;
margin-right:30px;
padding-left:20px;
list-style-image:url('grafika/odrazka.png');
}



#menu {
position:relative;
top:-74px;;
left:70px;
height:25px;
width:800px;
}

#menu a {
display:block;
float: left;
height: 25px;
color: white;
background: #592626;
border-color:#896565;
border-right-style:solid;
border-right-width:1px;
padding:10px;
font-size:13pt;
text-decoration:none;
}

#menu a:hover {
background: #53972B;

}

#fotogalerie-right {
margin-top:-90px;
}

#fotogalerie-right img {
border-style: solid;
border-width: 2px;
border-color: #53972B;
margin-right:6px;
margin-bottom: 6px;
}

#fotogalerie img {
border-style: solid;
border-width: 2px;
border-color: #53972B;
margin-right:15px;
margin-bottom: 10px;
}

.formular {
color: #333333;
font: 10pt 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
}

.input {
width:300px;
}

.button {
color: #ffffff;
font: 13pt 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
background: #53972B;
padding:10px;
}

.error {
color:red;
font-weight:bolder;
}


.tabulka, .tabulka td {border-width:1px; border-style:solid; border-color:#53972B; border-collapse:collapse; padding:5px; 
    font: 10pt 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
  }
  
.free {
background-color:green;
color: white; 
text-align:center; 
width:40px;
}

.full {background-color:red; 
color: white; 
text-align:center; 
width:40px;
}

.free-both {
background-color:green;
color: white; 
text-align:center; 
width:90px;
}

.full-both {background-color:red; 
color: white; 
text-align:center; 
width:90px;
}



.caption td{font-weight: bold;}

.successbox {
color: #ffffff;
font: 13pt 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
background: #53972B;
padding:10px;
margin-right:20px;
}

.errorbox {
color: #ffffff;
font: 13pt 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
background: red;
padding:10px;
margin-right:20px;
}

#facebook {
float:right;
background:#60AD31;      
padding:10px;
margin-right:30px;
margin-top:5px;
}

#paticka-left {
float:left;

}

/* úpravy pro Operu 11 */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       #container {margin: -55px auto 0 auto;}
	   #right {border-width:0px; height:255px;}
	   #left {border-right-style:solid;border-right-color:#CCCCCC;border-right-width:1px;	}
	   #left p {padding-right:20px;}
	   #box1 h2, #box2 h2, #box3 h2  {margin-top:10px; height:40px;}
	   #menu {z-index:10;}
 }