/**
* Special CSS styles for particular pages
* 
* DESIGNEO RESERVATION SYSTEM
*
* This document was developed by Deczka Webdesign, all rights reserved.
* {@link http://www.deczka.com}
*
* @author       Honza Michalicka <info@deczka.com>
* @copyright    (c) Honza Michalicka 2006 - {@link http://www.deczka.com}
* @version      1.0
*/

/*
* Zajezdy a terminy
* ------------------------------------------------------------------------------
*/
div,ul,li, h1 {behavior: url(iepngfix.htc); }
.kategorie {
    margin: 10px 0;
     padding: 5px 10px 10px 10px;
    background-color: #1F1F1F;
    width:760px;
    float:left;
}
.kategorie h2 {margin: 0; line-height: 1.4em; }
.zajezd {
    margin: 5px 0 5px 30px;
    padding: 5px 10px 5px;
}
.zajezd h2 {margin: 0em 0 0.4em 0; line-height: 1.4em; }


#zaj-popis  {
  background-color: #F1CE7D;
}

#zaj-itinerar {
  background-color: #3F362B;
}


/*
* Objednavka
* ------------------------------------------------------------------------------
*/
#order-steps {
	width: 100%;
	padding: 0;
	margin: 15px 0 15px;
	border: none;
}
#order-steps ul{
	height: 30px;
	margin: 0;
	padding: 0;
}

#order-steps li {
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
		float: left;
		background: #3F3F3F;
		font-weight: normal;
		padding: 5px 10px;
		margin-right: 8px;
		border: 1px solid #5F5F5F;
		text-decoration: none;
		color: white;
		font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	   font-size: 120%;
  	}
#order-steps li.active {
		border: 1px solid black;
        background-color: #D71110;
}
#order-steps li.past {
		border: 1px solid #76BF00;
        background-color: #94DF1B;
}	
#order-steps a{
		display: block;
		text-decoration:none;
		color: white;
		
}
#order-steps  a:hover {	text-decoration:underline; color: #76BF00}

#order-steps em {
font-size: 200%;
text-align: center;
font-weight: bold;
}

#order-steps div {
    width: 40px;
    font-size: 300%;
    font-weight: bold;
    color: #5F5F5F;
    float: left;
}

/*
* Formular
* ------------------------------------------------------------------------------
*/

form fieldset {
    border: 1px solid #3F3F3F;
    background-color: #3F3F3F;
}

form fieldset div {
    clear:both;
    padding: 0.2em 0;
}


form div.invalid label {
    font-weight:bold;
    color:red
}
form div.invalid input {
    background: #FFEFEF;
    border: 1px solid red;
}



.form-error {
    border: 1px solid red;
    color: red;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: bold;
}
.form-error ul {margin: 0; padding: 0; list-style: none; text-align: left;}

#objednavka #main-column {
    width: 95%;
}
#objednavka .field {
    width: 250px;
}

#objednavka label {
	float: left;
	text-align: left;
	width: 100px;
	padding: 3px 20px 3px 10px;
}
#objednavka label.nostyle {
	float: none;
	width: auto;
	padding: 0;
}

#objednavka .checkbox-container {
    margin: 0 0 0 130px;    
}
#objednavka .checkbox-container label {
    float: none;
    width: auto;
}

#objednavka h1, #objednavka h2, #objednavka h3 {
     font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
     margin: 1em 0 0.2em 0;
}

#objednavka form hr, #module-rezervace form hr{
display: block;
margin: 12px; 25px;
border: 1px solid #3F3F3F;
border-bottom: 1px solid silver;
color: #abc9eb
}
#module-rezervace form hr{
border: 1px solid #4E4B42;
border-bottom: 1px solid silver;
margin: 12px; 5px;
}

#objednavka .povinny {
    font-size: 120%;
    font-weight: normal;
    color: gray;
    padding: 0 5px;
    font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
}

#objednavka .buttons {
    clear: both;
}

#objednavka .seznam-ucastniku {
    float: left;
    width: 50%;
}
#objednavka .pridat-ucastnika {
    float: right;
    width: 50%;
}
#objednavka .pridat-ucastnika .field {
    width: 150px;
}
#objednavka .pridat-ucastnika .submit {
    padding: 3px 10px;
    font-weight: bold;
}
#objednavka .seznam-ucastniku .pomocnejradek td{
    height: 3px;
    padding: 0;
    margin: 0;
}

.buttons { margin: 10px 0;}
.buttons a:link, .buttons a:visited, #objednavka .submit {
    color: black;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid black;
    background: #FFDD3F;
    padding: 5px 10px;
}
.buttons a:hover , #objednavka .submit:hover {
    background: #FFB900;
}
#objednavka #podminky {
    border: 1px solid gray;
    background: white;
    padding: 5px;
}

.readonly-field {
    border: 1px solid gray;
    padding: 0 2px;
    background: silver;
    width: 200px;
    float: left;
}


/*
* Formatovani fotek k zajezdum
* ------------------------------------------------------------------------------
*/
.pict, .pict-l{
	float: right;
	border: 1px solid black;
	padding: 0;
	margin: 2px 0 2px 6px;
	text-align: center;
	line-height: 0;
}
.pict-l{
	float: left;
	margin: 2px 10px 2px 0;
}
.pict img, .pict-l img{
	border: none;
}
.pict-text {
	font-size: 90%;
	font-style: italic;
	padding: 0;
	margin: 0;
}
.pict a:link, .pict a:visited, .pict-l a:link, .pict-l a:visited {
    border: none;
    margin:0;
    padding: 0;
    line-height: 0;
}
.pict-gallery .pict:hover, .pict-gallery .pict-l:hover {
    background: #FFFCCF;
}


.pict-gallery a:link, .pict-gallery a:visited {
	float: left;
	border: none;
	padding: 4px;
	margin: 5px 5px 5px 0;
	background: white;
	text-decoration: none;
}
.pict-gallery a:hover {
    background: #FAC700;
}
.pict-gallery img {
	border: none;
	margin: 0;
	padding: 0;
}


/*
* RUZNE
* ------------------------------------------------------------------------------
*/
form table {width:600px}
form table input {width:100%;border:solid 0px;}
form table td {width: 70%;padding:0;padding:0.1em 0.2em;background:#ccc}
form table select {border:0}
#input {background:#ccc}
#input:focus {background:white}

#menu {margin:2em auto}





th {background:#BBD9EE;padding:0}

th a {color:black;display:block;padding:0.3em 0.5em}

th, td{border:solid 1px #A4D1EF;}

.currency {text-align:right}

td {background:#EFF9FF;padding:0.2em 0.6em}

tr.even td {background:#DFF2FF}


.terminy-past td{
    /*text-decoration: line-through;*/
    color: gray;
}



#details-tabs ul {list-style:none;height:2em}
#details-tabs li {float:left;padding:0 .2em}

.contextMenu {cursor:pointer;}
.contextMenu ul {position:absolute;background:white;border:solid 1px gray;list-style:none;margin:0;margin:0;padding:0}
.contextMenu a {display:block;padding:.2em 0.4em}
.contextMenu a:hover {background:gray}

.contextMenu span {	
    text-indent: -9999em; /*zmizi text*/
	overflow: hidden;}
	
	

#podsekce ul{
 	margin: 0; 
	padding: 0;   
}
#podsekce li {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}



#login-box {
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 120%;
    background-color: #3F362B; /* #4F4F4F; */
    margin: 10px 0;
    padding: 0px;
    text-align: center;

}
#login-box a {
    background: #E08E00 url(../img/btn_gradient.png) repeat-x top left;
    border: 1px solid #AF6F00;
    border-top:1px solid #FFCB3F;
    border-left:1px solid #FFCB3F;

    margin: 0; 
    padding: 10px 0 10px 5px;
    display: block;
    text-decoration:none;
    color: #3F362B;
    font-weight: bold;
    font-style: italic;
}
#login-box a:hover {
    background: #FCB603 url(../img/btn_gradient2.png) repeat-x top left;
    border: 1px solid #AF6F00;
    border-bottom:1px solid #FFCB3F;
    border-right:1px solid #FFCB3F;
}

#navigacni-strom {
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 90%;
    background-color: #000000; /* #4F4F4F; */
    margin: 0;
    height: 1435px;
    padding: 60px 0 0 0;
    background-image: url(../img/rychlyklik.png);
}
#navigacni-stromen {
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 90%;
    background-color: #000000; /* #4F4F4F; */
    margin: 0;
    height: 440px;
    padding: 60px 0 0 0;
    background-image: url(../img/fastclick.png);
}
#navigacni-strom ul {
   margin: 0 0 0 15px;
   padding:  0 7px 0 9px;
   list-style-image: url(../img/point.png); 
   
}
#navigacni-strom ul li{
   margin: 0 0 7px 4px;
}
#navigacni-strom ul li ul{
list-style-type: circle;
list-style-image: none; 
}
#navigacni-strom ul li ul li {
   margin: 0;
}

#navigacni-strom h3 {
    padding: 5px 0;
}
#navigacni-stromen ul {
   margin: 0 0 0 15px;
   padding:  0 7px 0 9px;
    list-style-image: url(../img/point.png); 
}
#navigacni-stromen ul li{
     margin: 0 0 7px 4px;
   
}
#navigacni-stromen ul li ul{
list-style-type: circle;
list-style-image: none; 
}
#navigacni-stromen ul li ul li {
   margin: 0;
}

#navigacni-stromen h3 {
    padding: 5px 0;
}
#pruvodce-login-box {
    background-color: #4F4F4F;
    margin: 10px 0;
    padding: 0 10px;
}

#klientska-sekce #pruvodce-login-box label {
    display: block;
    margin: 0;
    padding: 0;
    width: 100px;
}
#klientska-sekce #pruvodce-login-box div {
    margin: 10px 0 0
}


#user-box {
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 110%;
    background-color: #3F362B;
    margin: 10px 0;
    padding: 0px;
}
#user-box ul {margin: 0; padding: 0;}
#user-box li {list-style: none;}

#user-box a {
    padding: 5px 10px;
    display: block;
    border-top: 1px solid black;
    text-decoration: none;
     
}
#user-box a:hover {
    background-color: #1F1F1F;
}
#user-box a.active {
    background-color: #1F1F1F; 
}
#user-box h3, #user-box p {
    padding: 0 10px;
}
#user-box h3 {
    padding: 5px 10px 0;
}

#user-box label {
    display: block;
    margin: 0;
}
#user-box div {
    margin: 0;
    padding: 0;
}




#search-box {
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 110%;
    background-color: #000000;
    margin: 10px 0;
    padding: 5px 10px;
}
#search-box h3 {
    margin: 5px 0;
}
#search-box .submit {
    margin: 5px 0 10px;
}


#news-box dt {
    font-weight: bold;
}
#news-box dt .date {
    font-weight: normal;
    color:#8F8F8F;
}
#news-box dd {
    margin: 0; padding: 0;
}

.news {
   margin: 10px 0;
    padding: 5px 10px 10px 10px;
    background-color: #1F1F1F;
    width:760px;
    float:left;
   
}
.news h3 {
    padding: 0;
    margin: 0;
}


.tour-detail-info th, .tour-detail-info td, .tour-terms th, .tour-terms td{
    border-top: 1px solid #7F6500;
    border-bottom: 1px solid #7F6500;
    border-right: 0;
    border-left: 0;
	text-align: left;
	padding: 3px 5px;
}

.tour-detail-info th, .tour-terms th {
    background: transparent;
    color: #FAC700;
}

.tour-terms th, .tour-terms td {
    padding: 3px 25px 3px 0px;
}
td.order-btn{padding:3px 3px 3px 0;}
.order-btn a:link, .order-btn a:visited {
     display:block;float:right;
    color: black;
    text-decoration: none;
    font-size:11px;
    text-align:center;
    text-shadow: 1px 1px #fffef4;
    padding: 2px 0 0 0;
    height:18px;
    width:135px;
    background: url("../img/btnrezh2.png");
}

.order-btn a:hover {
     background: url("../img/btnrez2.png");
}
#btn-book2{
margin-top:0px;
}
#btn-book,#btn-book2 {
    float: right;
}
#btn-book a:link, #btn-book a:visited,#btn-book2 a:link, #btn-book2 a:visited{
    display:block;float:left;
    color: black;
    text-decoration: none;
    font-size:11px;
    text-align:center;
    text-shadow: 1px 1px #fffef4;
    padding: 8px 0 0 0;
    height:26px;
    width:160px;
    background: url("../img/btnrez.png");
}
#btn-book a:hover,#btn-book2 a:hover {
    background: url("../img/btnrezh.png");
}


.hint {
    border-bottom: 1px dotted inherit; cursor: help;
}


#module-rezervace fieldset {
    background: #4E4B42;
}
#module-rezervace .submit {
    padding: 3px 10px;
    font-weight: bold;
}
/* #module-rezervace h2 {
    margin: 0;
}
*/

#zajezd h2 {
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    background: #FAC700;
    font-weight: normal;
    color: black;
    padding: 3px 10px;
    font-size: 140%;
    clear: both;
        	
}
th {background:#BBD9EE;padding:0}

th a {color:black;display:block;padding:0.3em 0.5em}

th, td{border:solid 1px #A4D1EF;}

.currency {text-align:right}

td {background:#1F1F1F;padding:0.2em 0.6em}

tr.even td {background:#3F3F3F}



/* KLIENTSKA SEKCE */
#klientska-sekce table{
        font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
        font-size: 110%;
}
#klientska-sekce th {
    background: #FEB902;
    padding: 3px 5px;
    border: 2px solid black;
    font-weight: normal;
    color: black;
}
#klientska-sekce td {
    border: 2px solid black;
    color: white;
}

#klientska-sekce textarea {
    width: 500px;
    height: 150px;
}
#klientska-sekce .submit {
    padding: 2px 5px;
    font-weight: bold;
}
#klientska-sekce label {
    width: 160px;
}

#klientska-sekce .checkbox-container {
    margin: 0 0 0 0;    
}
#klientska-sekce .checkbox-container label {
    float: none;
    width: auto;
    margin: 5px;
}
 
.promobanner {
    margin: 10px 0;
    padding: 5px 10px 10px 10px;
    background-color: #1F1F1F;
    width:760px;
  float:left;
}

.box1, .box2, .box3, .box4 {
    margin: 10px 0;
    padding: 5px 10px 5px;
    background-color: #1F1F1F;
}

.box1 { background-color: #EECE77; color: black;}
.box2 { background-color: #96B768; color: black;}
.box3 { background-color: #3F362B;}
.box4 { background-color: #CD5352; color: black;}








.promobanner h1{ margin: 0em 0 0.4em 0; line-height: 1.4em; }


.greybox {
    margin: 10px 0;
    padding: 10px 20px 10px;
    background-color: #1F1F1F;
    clear: both;
    min-height: 110px;
}
.news {
    margin: 1px 0;
    padding: 0px 0px 0px 5px;
    background-color: #1F1F1F;
    font-size: 12px;
    
     
}
.newss_up {
   float:left;
    margin: 10px 0 0 0;
    padding: 0;
    background-color: #000000;
    height:13px;
    width:770px;
    background: url(../img/new_top.png) no-repeat;     
}
.newss {  
float:left;
    margin: 0;
    padding:0;
    background-color: #000000;
    width:770px;
    background: url(../img/new_mid.png) repeat-y;     
}
.newss_in {
    margin: 0;
    padding: 2px 22px 10px 12px;
   
}
 .newss_in h2 {
    margin: 0;
    padding: 0;
   
}


.newss_bot { 
float:left;
    margin: 0;
    padding: 0;
    background-color: #000000;
    height:11px;
    background: url(../img/new_bot.png) no-repeat;
    width:770px;   
}
.newss h3 {
    padding: 0;
    margin: 0;
}
.news h3 {
    padding: 0;
    margin: 0;
}


.diskuze-msg {
    background: #3F3F3F;
    margin: 10px 0;
    padding: 5px 10px;
}

#statusMsg {
    background: #FFBB02;
    color: black;
    padding: 3px 10px;
    margin: 5px auto;
    z-index: 11;
}




/* 
* GUIDES 
* --------------------------------------------------------------------------------
*/
#guides table{
        font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
        font-size: 110%;
}
#guides th {
    background: #FEB902;
    padding: 0;
    border: 2px solid black;
    font-weight: normal;
    color: black;
}
#guides th a:link, #guides th a:visited {
    color: black;
    padding: 5px 5px;
}
#guides th a:hover {
    background: #FE8A02;
    color: #4F4F4F;
}
#guides td {
    border: 2px solid black;
    color: white;
}

#guides textarea {
    width: 500px;
    height: 150px;
}
#guides .submit {
    padding: 2px 5px;
    font-weight: bold;
}
#guides label {
    width: 160px;
}

#guides .checkbox-container {
    margin: 0 0 0 0;    
}
#guides .checkbox-container label {
    float: none;
    width: auto;
    margin: 5px;
}

/*---------------------------*/
#guides {
background: black;
}
#guides #page  {
	width: auto;
	text-align: left;
	position: absolute;
    left: 0%;
    margin: 0;
    padding: 0;
    background: black;
}

#guides #header-part {
border-bottom: 1px solid gray;
height: 90px;
}

#guides #main-column {
	position: absolute;
	top: 80px;
	left: 150px;
    width: auto;
	margin: 0;
	padding: 0;
}
#guides #main-column-in { padding: 0 10px; margin:0; }

#guides #side-column {
	position: absolute;
	top: 80px;
	left: 0;
	width: 150px;
	margin: 0;
	padding: 0;
}
#guides #side-column-in { padding: 0; margin:0; }

#guides #footer-part {
	height: 50px;
	margin: 0;
	padding: 0;
	clear: both;
	position:absolute;
	bottom: -80px;
	right: 0;
	background: black;
	border-top: 0.5px solid #b9b2a1;
	width: 100%;
}

#guides #footer-part p {
	text-align: right;
	font-size: 100%;
	color:#b9b2a1;
	line-height: 1.5em;
	padding: 10px 20px;

}
#guides #footer-part a { color: #b9b2a1; }

#guides .filters {
    border: 1px solid #1F1F1F;
    background: #3F3F3F;
    padding: 3px 5px;
    margin: 10px 0 10px;
    width: 90%;
}
#guides .filters span {
    margin: 10px;
}
#guides #footer-part a:hover { color: #CC6E01; background-color: transparent; }
�
/* Barevne odlisovani radku v tabulce */
/* ----------------------------------------------------------------------------*/

.obj-nezapl td, .term-noguide td{
    background-color: #FFEE9F !important; /* #FFAC8F #FF885F */
}
.obj-zapl td{
    background-color: #E3FF9F !important; 
}
.kat-notrip td, .zaj-noterm td, .sec-nokat td, .mail-systemovy td, .rez-close td {
    background-color: #FFEE9F !important; /* zluta */
}
.row-invisible td, .row-invisible td a  {
    background-color: #ddd !important; /* seda */
    color: gray;
}
.term-init td, .obj-init td, .user-pruvodce td {
    background-color: #FFEE9F  !important; /* zluta */
}
.term-cancelled td, .obj-cancelled td, .user-admin td, .rez-invalid td {
    background-color: #FFAC7F !important;  /* cervena */
}
.term-ready td, .obj-ok td, .user-klient td {
    background-color: #DFF2FF !important; /* svetle modra */
}
.user-bezrole td {
    background-color: #EFF9FF !important; /* tmavsi modra */
}

h1#sec_un{display:none;background: url(../img/section_underline.png) no-repeat;background-position: bottom;height:50px;width:180px;text-align: center;}
#veltrusy a {margin:0 0 5px 0;padding:0;display:block;}
#veltrusy a img{margin:0;padding:0;display:block;}
#kalakc a {margin:0 0 5px 0;padding:0;display:block;}
#kalakc a img{margin:0;padding:0;display:block;}

div.news a#objednat{display:block;float:left;
    color: black;
    text-decoration: none;
    font-size:11px;
    text-align:center;
    text-shadow: 1px 1px #fffef4;
    padding: 2px 0 0 0;
    height:20px;
    width:135px;
    background: url("../img/btnrezh2.png");}
div.news a#objednat:hover{ background: url("../img/btnrez2.png");}

h1#zajezd{float:left;margin:0;}
div.zajezd-left{float:left;width:100%;clear:both; margin: 10px 0 15px 0;}
div.zajezd-left div.cena{float:left;padding: 7px 0 0 4px;font-size: 15px;color:#66ff44;}