body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
  background: #0F2E1E url('../img/bg_body.jpg') left top repeat-x;
	text-align: center;
	
}

img {
  border: 0px;
  vertical-align:middle;
  &vertical-align:baseline;
}

input{
font-size:12px;
border: 1px solid black;
width: 120px;
}

div{
text-align:left;
}



a {
  color: rgb(36, 77, 130);
	text-decoration: none;
	font-weight:bold;
}

a:link {
color: rgb(36, 77, 130);
text-decoration:none;
}

a:visited {
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, sans-serif;
	color: black;
  
}


h1{

color: rgb(36, 77, 130);
font-size:12px;
font-weight:bold;


}

h2{

color: rgb(36, 77, 130);
font-size:15px;
font-weight:bold;


}


/*----------------------------------------------------------------------------*/
.page {
	width: 924px;
	border:0px solid white;
	position: relative;
	top: 11px;
	margin-left:auto;
  margin-right:auto;
	
}



.page .logo {
float: left;
}


.tab_wrapper {

width:709px;
border: 0px solid red;
float: left;
color:white;

}
        
.menu a {

font-weight:bold;
color:white;
text-decoration: none;
margin-left: 24px;

}

.menu a:hover {

color:red;
text-decoration: none;

}

#menu_tab{
width:687px;
border-collapse:collapse;
float:right;
}

#menu_tab td{
border:0px solid yellow;


}



#pl_foot{
font-weight:bold;
color:white;
text-decoration: none;
margin-left: 24px;
text-align:center;
}


.log_as {

border: 0px solid red;
float: right;
text-align:right;

color:white;

}


.main {

width:924px;
min-height:300px;/* 452px;*/
padding-top: 16px;
border:0px solid black; 
clear: both;

}

.page .main .div1, .page .main .div2, .page .main .div3, .page .main .div4, .page_any {

}

.page .main .div1 {

width: 214px;
height:437px; 
border:0px solid red; 
background: url('../img/bg_div1.png') left top no-repeat;
float: left;
color: rgb(151, 182, 214);
font-size:11px;
}

.page .main .div1234_s a{

color: rgb(151, 182, 214);
font-size:11px;
text-decoration:none;
}

.page .main .div1234_s a:hover{

color: red;
font-size:11px;
text-decoration:none;
}




.page .main .div2 {

width: 214px;
height:437px; 
border:0px solid red; 
background: url('../img/bg_div2.png') left top no-repeat;
float: left;
margin-left: 23px;
}

.page .main .div3 {

width: 214px;
height:437px; 
border:0px solid red; 
background: url('../img/bg_div3.png') left top no-repeat;
float: left;
margin-left: 23px;
}

.page .main .div4 {

width: 214px;
height:437px; 
border:0px solid red; 
background: url('../img/bg_div4.png') left top no-repeat;
float: left;
margin-left: 19px;    /*ZMENIT!!!*/
}

.div_content{
width:193px;
border:0px solid blue;
margin-left:13px;
margin-top:10px;
font-size:10px;

}
.div_content:hover {
text-decoration:none;

}

.div_content .datum{

color: rgb(171, 171, 171);
font-weight:bold;
font-size:9px;
}

.nadpis1{

color: rgb(36, 77, 130);
font-size:12px;
font-weight:bold;
padding-top:15px;
padding-left:16px;
}

.nadpis1 a{
text-decoration:none;
}

.nadpis1 a:hover{
color:red;
text-decoration:none;
}


.nadpis2 a{

color: rgb(36, 77, 130);
font-weight:bold;
text-decoration:none;
}

.nadpis2 a:hover{

color: red;
}


.next {
color: red;
font-size:10px;
margin-left:164px;
font-weight:bold;
}

.next a {

color:red;
border:0px solid blue;
text-decoration:none;
padding-bottom:15px;
padding-left:15px;
padding-right:6px;
}

.next a:hover {

text-decoration:underline;
}

.pages{
position:relative;
margin-top:7px;
margin-right:5px;
color: red;
font-size:10px;
font-weight:bold;
text-align:right;
}

.pages a {

color:red;
border:0px solid blue;
text-decoration:none;
}

.pages a:hover {

text-decoration:underline;
}

.profile{
width:100%;
height:148px;
border:0px solid red;
float:left;
color:white;
font-weight:bold;
font-size:10px;
}

.profile .profile_info{
padding-left:14px;
padding-top:7px;
border:0px solid black;
float:left;
}


.login{
border:0px solid red;
float:right;
color:white;
font-weight:bold;
padding-top:5px;
padding-right:2px;
}

.actual, .actual_img {
border:0px solid black;
}
.actual{
width:895px;
border:0px solid red;
padding-left:29px;
padding-top:4px;
clear:both;
background: white url('../img/bg_actual.jpg') left top repeat-y;
}


.foot{
width:924px;
margin-top:10px;
border:0px solid red;
color:white;
}


.foot a, .link1  {
font-weight:bold; 
float: right; 
margin-right:1px; 
color: rgb(151,183,214);

}

.foot #lang{
float: left;
margin-right:5px;

}


.logged  {
float:left;
text-align:right;
}
.logged a  {
float:none;
font-weight:bold; 
margin-right:1px; 
color: rgb(151,183,214);
}

/**
 * Pozadi stranek (zaobleny obdelnik)
 */  
.page_new {
width: 925px;
height:100%;
float: left;
color: rgb(151, 182, 214);
font-size:11px;

}

.pozadi{

background: url('../img/rez_hor_line.jpg') left top repeat-y;
float:left; 
width:100%;
height:100%;
}

.page_new .in {
margin-left:50px;
margin-right:50px;
margin-top:50px;
margin-bottom:50px;
color:black;
float:left;
}
.page_top, .page_bottom {
width: 100%;

}
.page_top {
background: url('../img/rez_top.png') left top no-repeat;
height:7px;
float:left;

}
.page_new .page_bottom {
background: url('../img/page_bottom.png') left top no-repeat;
float:left;
}

.page_new a {
text-decoration: none;
}
.page_new a:hover {
text-decoration: underline;
}

/**
 * Pozadi stranky rezervaci (zaobledny obdelnik)
 */  
.page_new_rez {
width: 925px;
height:100%;
padding:10px;
background: url('../img/rez_hor_line.jpg') left top repeat-y;
float: left;
color: rgb(151, 182, 214);
font-size:11px;
border:0px solid red;
}
.page_new_rez .page_top_rez, .page_new_rez .page_bottom_rez {
width: 925px;
margin-left:-10px;
}
.page_new_rez .page_top_rez {
background: url('../img/rez_top.jpg') left top no-repeat;
height:7px;
margin-top:-10px;
margin-bottom:20px;
border:0px solid red;
}
.page_new_rez .page_bottom_rez {
background: url('../img/rez_bottom.jpg') left bottom no-repeat;
height:56px;
margin-bottom:-10px;
margin-top:40px;
}


/**
 * Tlacitko prechod na dals/predchozi tyden v rezervacich
 */ 
.next_week {
background: url('../img/rez_but_big.png') left bottom no-repeat;
width:150px;
height:36px;
border:0px solid black;
margin-left:2px;
border:0px solid red;
} 

.next_week span {
font-size:11px;
margin-top:15px;
margin-left:3px;
line-height:35px;
color:black;
font-weight:bold;
text-decoration:none;
letter-spacing: -0.6px;
}

.next_week a {
font-size:11px;
margin-top:15px;
margin-left:6px;
line-height:35px;
color:black;
font-weight:bold;
text-decoration:none;
letter-spacing: -0.6px;
} 
.next_week a:hover {
text-decoration:underline;
} 

/**
 * Tlacitko prejit na uvodni stranku vpravo dole v rezervacich
 */ 
.next_link {
margin-right:33px;
line-height:150%;
font-size:10px;
letter-spacing: -1px;
float:right;
} 
.next_link img {
padding-left:38px;
border:0px;
text-decoration:none;
} 
.next_link span:hover {
text-decoration:underline;
}
.next_link a {
color:red;
border:0px solid blue;
text-decoration:none;

}
.next_link a:hover {
text-decoration:none;
}

/**
 * Tabulka rezervaci
 */ 
.table {
border: 0px solid black;
text-align:center;
margin-bottom:-24px;
margin-top:-24px;
border:0px solid black;
background:url('../img/ro.jpg') left top no-repeat;
}
.table a {
text-decoration:none;
}
.table a:hover {
text-decoration:underline;
}
.table .tr {
color: white;
padding:10px;
margin:10px;
border:10px solid black;

}
.table .tr .td {
width: 52px;
height: 35px;
font-weight:bold;
font-size:11px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}
.table .tr .td2 {
width: 2px;
background:red;
display:none;
height: 35px;
}
.table .tr .day, .table .tr .day .daylink {  /* sedej button dne */
color:black;
font-size:11px;
text-decoration:none;
}
.table .tr .day {  /* sedej button dne */
width: 62px;
color:black;
text-decoration:none;
padding-right:3px;
vertical-align:middle;
*vertical-align:middle;
/*
*vertical-align:bottom;
*height:33px;
*padding-bottom:2px;*/
background: url('../img/rez_but_small.png') left top no-repeat;
}
.table .tr .day .daylink:hover {  /* sedej button dne */
text-decoration:none;
}
.table .tr .free { /* cernej button */
background: url('../img/rez_but_blank.png') left top no-repeat;
*vertical-align:bottom;
/**vertical-align:bottom;
*padding-bottom:2px;*/

}
.table .tr .grey { /* sedej button */
background: url('../img/rez_but_grey.png') left top no-repeat;
}
.table .tr .grey .grey_link {
color:black;
font-weight:normal;
text-decoration:none;
font-size:11px;
}
.table .tr .grey .grey_link:hover {
text-decoration:underline;
}
.table .tr .empty { /* nezobrazena kolonka */
visibility: hidden;
}
.table .tr .hdate { /* nadpis data */
color:#969696;
padding-top:11px;
}


.table .tr .free .biglink {
color:white;
font-weight:normal;
text-decoration:none;
font-size:10px;
}
.table .tr .free .biglink:hover {
text-decoration:underline;
}
.table .tr .reserve { /* modrej button */
background: url('../img/rez_but_reserve.png') left top no-repeat;
padding-top:-4px;
}
.table .tr .reserve, .table .tr .reserve .smalllink {
color:white;
font-weight:normal;
text-decoration:none;
font-size:10px;
}
.table .tr .reserve, .table .tr .reserve .smalllink:hover {
text-decoration:underline;
}
.table .tr .block { /* sedej button smajlik */
background: url('../img/rez_but_smiley.png') left top no-repeat;
}
.table .longtd {  /* dlouha pauza*/
background: url('../img/rez_but_line.png') left top repeat-x;
}
.table .longtd a {
text-decoration:underline;
color:white;
font-weight:normal;
}
.table .longtd a:hover {
text-decoration:none;
}



/*!!!zkopirovane a zmenene styly pro uvodni stranku!!!*/
.table_index {
border: 0px solid black;
text-align:center;
margin-top:-11px;
margin-left:8px;
font-weight:bold;
font-size:11px;
border-collapse:collapse;
}

.table_index .td {

width:65px;
height:38px;
border:0px solid red;
padding-bottom:3px;
*padding-top:0px;
padding-right:2px;
vertical-align:middle;
*padding-bottom:0px;
*vertical-align:middle;
color:white;

}

.table_index .day{
background: url('../img/index_but_small.png') left top no-repeat;
color:black;
padding-top:0px;
padding-top:0px;
}

.table_index .free{
background: url('../img/index_but_blank.png') left top no-repeat
}

.table_index .block{
background: url('../img/index_but_smiley.png') left top no-repeat;
}

.table_index .grey { /* sedej button */
background: url('../img/index_but_grey.png') left top no-repeat;
}
.table_index .reserve{
background: url('../img/index_but_reserve.png') left top no-repeat;
}



/*Stylovani vsech obycejnych stranek (cv, kontakt, atd..*/
.page_any {
width: 924px;
height:452px;
background: url('../img/rez_hor_line.jpg') left top repeat-y;
border:0px solid red;
font-size:11px;
}

.page_any_top{
background: url('../img/rez_top.jpg') left top no-repeat;
height:7px;
border:0px solid blue;
}

.page_any_text {

width:686px;
height:325px;
float:left;
border:0px solid green;
padding-left:18px;

}

.page_any_bottom {

background: white;
height:105px;
border:0px solid yellow;
clear:both;
}

.next_any {
color: red;
font-size:10px;
margin-left:135px;
font-weight:bold;
}

.next_any a {

color:red;
border:0px solid blue;
text-decoration:none;
padding-bottom:15px;
padding-left:45px;
padding-right:6px;
}

.next_any a:hover {

text-decoration:underline;
}

.blok_week a {
text-decoration:none;
}	
.blok_week a:hover {
text-decoration:underline;
}

/*formulare*/
.form {
	padding: 0.5em 0.5em 0.7em 1.7em;
}


.form2 {
	width: 300px;
	padding: 0.5em 0.5em 0.7em 2.7em;
	padding-left:20px;
}
.form2 fieldset {
	border:3px double green;
	padding-left:20px;
}
.form2 legend {
	font-weight: bold;
	padding: 5px;
	color: green;
}
.form2 label {
	font-weight: bold;
	padding: 5px;
	margin-left:19px;
}
.form2 input {
	margin-left:15px;
	margin-bottom:12px;
	margin-top:3px;
	width:140px;
	margin-left:25px;
}
.form2 textarea {
	margin-left:15px;
	margin-bottom:12px;
	margin-top:3px;
	width:230px;
	margin-left:25px;
}
.form2 .button {
  background:green;
	font-weight: bold;
  color:white;
	width:70px;
	margin-left:98px;
}
.button {
  background:green;
	font-weight: bold;
  color:white;
	width:70px;
}

.form2 a {
	margin-left:27px;
	margin-bottom:15px;
}

/* formular novy uzivatel*/
.form3 {
	width: 400px;
	border:3px double green;
	background:white;
	padding: 1.1em 0.8em 1.5em 0.8em;
	margin-left:25px;
}
.form3 tr td {
width:450px;
height:26px;
border:0px solid black;
font-weight: bold;
text-align:left;
margin-right:20px;
padding-top:2px;
padding-left:15px;
}
.form3 tr {
background:white;
}
.form3 tr:hover {
background:GreenYellow;
}
.form3 input {
width:160px;
font-weight: normal;
}


/*formular oddeleni sprava*/

.form4 {
	width: 500px;
	border:3px double green;
  background:white;
	padding: 1.1em 0.8em 1.5em 0.8em;
	margin-left:0px;
	border-collapse:collapse;
	z-index:1000;
}
.form4 tr td {
border:0px solid red;
font-weight: bold;
text-align:left;
margin-right:20px;
padding-top:2px;
padding-left:15px;
}
.form4 tr {
background:white;
}
.form4 tr:hover {
background:GreenYellow;
}
.form4 input {
width:260px;
font-weight: normal;
}

.mag_table td{
width:50px;

}

.mes_true{
color: #33CC33;
}

.mes_false{
color: #FF0000;
}
.red {
font-weight:bold;
color:red;
}

.log_form_up{

vertical-align:top;
}

.log_form_array{
height:16px; 
background-color:#9eaba1; 
border-top:1px solid #556258; 
border-right:1px solid #556258; 
border-bottom:0px;
border-left:0px;
}

/*univerzalni tabulky a vypisy*/
.tables{
border:2px solid rgb(36, 77, 130);
border-collapse:collapse;
}
.tables tr td{
text-align:center;
padding:9px;
border:1px solid rgb(36, 77, 130);

}
.tables thead td{
padding:8px;
font-size:12px; 
text-align:center;
font-weight:bold;
border:1px solid rgb(36, 77, 130);
}
.tables thead{
border-bottom:2px solid rgb(36, 77, 130);
}

ol {
}
li{
margin-top:10px;
font-size:110%;
line-height:20px;
}