/*Zakladni nastaveni a definice*/
body {
	background-color: #ffffff ;
	margin: 0 ;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100% ;

}

p, table, form {
	margin: 0 ;
	font-size: 80% ;
	line-height:1.5em;
	color:#171717;
}

td, th {
	padding: 0.3ex ;
}

th {
	font-weight: bold ;
	background:#E8E8E8;
	border:2px solid #F2F2F2;
	text-align: left ;		
}

table {
	border-collapse: collapse;
	margin: 0 auto ;
}

caption {
	font-size:160%;
	padding:0.5em 0;
	text-align:left;
	color:#444444;
}



.konec {
	clear: both ;
}

.vlevo {
	float: left ;	
}

.vpravo {
	float: right ;	
}

.chyba {
	font-weiht: bold ;
	color: red ;
}

img.v-textu {
	float: left ;
	margin: 0 1ex 1ex 0 ;
}

img.v-textu-r {
	float: right ;
	margin: 0 0 1ex 1ex ;
}

ul {
    margin: 0 ;
}

h1 {
    margin: 0 ;
    text-align: center ;
	line-height:50px;
	margin: 0.8em 0 0.3em 0;
	font-size:180%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1.top {
	margin-top:0px;
}

h2 {
	font-size:110%;
	line-height:160%;
	padding:0.2em 0.5em;
	margin:0 0 10px 0;	
	
}

a img {
    border: none ;
}

img#mapa {
	border: solid black 1px ;	
}

table img {
	margin: 0 0 0 1ex ;
	vertical-align: middle ;
}

fieldset {
    margin: 0 ;
    padding: 0 0.5ex ;
	margin-top:0.5em;
	padding: 1em 0 1.6em 0;
	
}

legend {

	margin-left:2em;
	padding:3px 1em;
}

label {
    display: block ;
    float: left ;
    margin: 1ex ;
    width:45%;
    text-align:right;
}

input, select {
    width:50%;
    }
   
select {
     margin-right:6px;
    }   

textarea {
    width:    50%;
    vertical-align:text-top;
}

#odeslat {
	margin:1em;
	background:#C4DF71;
	padding:0.3em 3em;
	float:none;
	border: 1px solid #F3EAD9;
	width:auto;
	
}		

textarea {
    width:    50%;
    vertical-align:text-top;
}

ul {
    margin: 0 ;
    padding: 0 ;
}

li {
    list-style: none ;
    margin: 0 ;
    padding: 0 ;
}

div#obsah  li {
   	list-style: disc;
   	margin-left: 2em ;
   	padding: 0.5ex ;
}


/*Layout - docasne i background*/
div#frame {
	padding: 23px 181px 0 244px ;	
}

div#obsah {
	width:100%;
	/*pro pravy sloupec*/
}



div#navigace {
	position: absolute ;
	top: 216px ;
	left: 0 ; 
	width: 213px;
	float: left ;
	margin: 0 ;
}

div#vrsek {
	position: relative ;
	height: 193px ;
}


div#pravy {
	position: absolute ;
	top: 216px ;
	right: 0 ;
	width: 144px; ;
	border-right-width:0px;
}


/*Ruzne ID*/
p#slogan {
	position: absolute ;
	top: 1em ;
	right: 2em ;
	font-size: 120% ;
	color: black ;
	padding: 0 0.5ex ;
	border: solid #83A337 1px ;
	background-color: #7bbde0 ;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;	
	box-shadow: 5px 5px 10px #000;
	
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;	
	opacity: 0.75;
}

/*Pro navigaci*/

div#navigace ul, div.boxik {
    margin: 0 0 13px 0 ;
	border-left-width:0px;	
}

div#navigace ul {
	padding: 23px 0;
}

div#navigace ul li {
    background: url(images/design/libg2.gif) no-repeat 14px top ;
    padding-top:1px;
}

div#navigace ul li a {
    position:relative;
    display:block;
    padding:0.3em 0;
    padding-left:30px;
    line-height:1.5em;
    text-decoration:none;
    font-weight:bold;
    font-size:90%;
}


div#navigace ul li a:hover, div#navigace ul li a.aktivni {
	/*background: url(images/design/abg.png);*/
	color:black;
}	

div#navigace ul li.podmenu {
	background: url(images/design/libg3.gif) no-repeat 14px top ;
}

div#navigace ul.podmenu {
	border: none ;
	margin: 0 ;
	padding: 0 0 0 1em  ;
}

div.boxik h4 {
	margin:0 0 1em 0;
	padding:5px 10px;
}

div.boxik p {
	padding:0px 16px;
	margin:1em 0;
}

div.boxik.nastred p {	
	text-align:center;

}


/*obsah*/
div#obsah div.struktura {
	width: 49% ;
	margin: 1ex 0;
	padding: 0.5ex 0;
	background:white;
	overflow:hidden;
}
div#obsah div.struktura img {
	float: left ;
	margin: 0 10px 10px 0;
}

div#obsah div.struktura p{
	padding: 0 5px 0 5px;
}


div#obsah p {
	padding: 0.3em ;	
}

table {
	width:99%;
	border:4px solid #E8E8E8;	
	
}

table td {
	border-width:0;
	border-right:2px solid #E8E8E8;
	border-top:2px solid #E8E8E8;
	padding:0.5em;
}

table tr.grey td, th {
	background:#E8E8E8;
	border-right:2px solid white;
}

div.skupina-foto {
}

div.kontakt {
	margin: 1em ;
	float: left ;
}


/*Pravy*/
div#pravy {
	text-align: center ;
}

div#pravy ul li {
	font-size:80%;
	margin:20px 0;
}

div#pravy img {
	border: solid 1px #909090;
	margin-top: 0.5em ;	
}

/*Fotogalerie*/
div.skupina-foto {
	float: left ;
	margin: 1em ;
}

div.skupina-foto img {
	border: solid black 1px ;	
}
div.skupina-foto div {
	float: left ;
	text-align: center ;
	margin: 1ex ;
}

div.skupina-foto h3 {
	margin: 1ex ;	
}

/*Vrsek*/

#vrsek #logo {
position:absolute;
display:block;
top:16px;
left:60px;
width:136px;
height:108px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/design/bktour.png', sizingMethod='scale');
cursor:pointer;
}

#vrsek #logo img {
_display:none;
}

div#vrsek ul {
 	position: absolute ;
 	bottom: 6px ;
	width:100%;
	text-align:center;

}
div#vrsek ul li {
	display:inline;
	
	
}
div#vrsek li span {
	margin: 5px 5px ;
	padding-right:17px;	
	height:33px;
	display:inline-block;
	position:relative;
}


div#vrsek li span#stribrnak {
	background:url(images/design/s-stribrnak.png) no-repeat right;
}	

div#vrsek li span#ostruzno {
	background:url(images/design/s-ostruzno.png) no-repeat right;
}	

div#vrsek li span#pecka {
	background:url(images/design/s-pecka.png) no-repeat right;
}	

div#vrsek li span#vsrbska {
	background:url(images/design/s-vsrbska.png) no-repeat right;
}	

div#vrsek li span#misecky {
	background:url(images/design/s-misecky.png) no-repeat right;
}	

div#vrsek li span#harrachov {
	background:url(images/design/s-harrachov.png) no-repeat right;
}	

div#vrsek li span#kalabrie {
	background:url(images/design/s-kalabrie.png) no-repeat right;
}	


div#vrsek li span#stribrnak a:hover, div#vrsek li.aktivni span#stribrnak a {
	background:url(images/design/m-stribrnak.png) no-repeat;
	color:#2076D8;
}	

div#vrsek li span#ostruzno a:hover, div#vrsek li.aktivni span#ostruzno a {
	background:url(images/design/m-ostruzno.png) no-repeat;
	color:#D82020;
}	

div#vrsek li span#pecka a:hover, div#vrsek li.aktivni span#pecka a {
	background:url(images/design/m-pecka.png) no-repeat;
	color:#249100;
}	

div#vrsek li span#vsrbska a:hover, div#vrsek li.aktivni span#vsrbska a {
	background:url(images/design/m-vsrbska.png) no-repeat;
	color:#886C00;
}	

div#vrsek li span#misecky a:hover, div#vrsek li.aktivni span#misecky a {
	background:url(images/design/m-misecky.png) no-repeat;
	color:#0576A0;
}	

div#vrsek li span#harrachov a:hover, div#vrsek li.aktivni span#harrachov a {
	background:url(images/design/m-harrachov.png) no-repeat;
	color:#425FAA;
}	

div#vrsek li span#kalabrie a:hover, div#vrsek li.aktivni span#kalabrie a {
	background:url(images/design/m-kalabrie.png) no-repeat;
	color:#425FAA;
}	


div#vrsek li.aktivni span {
	margin-right:13px !important;
	padding-right:4px !important;	
	background:url(images/design/mi-bgr.png) no-repeat right !important;	
}



div#vrsek li span a {
	padding: 0 10px;
	background:url(images/design/mi-bg.png);
	height:33px;
	line-height:33px;
	display:inline-block;
	text-decoration:none;
	color:#373737;
	font-weight:bold;
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}




div#vrsek ul#jazyk {
	position:absolute;
	top: 23px;
	right: 60px;
	width: auto;
}

div#vrsek ul#jazyk li a {
	margin-right:8px;
	height:31px;
	width:31px;
	cursor:pointer;
	display:block;
	float:left;

}

div#vrsek ul#jazyk li a img{
  _display:none;
}

div#vrsek ul#jazyk li#de a {
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/design/de.png', sizingMethod='scale');

}
div#vrsek ul#jazyk li#en a {
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/design/en.png', sizingMethod='scale');
}



/*Paticka*/
div#paticka {
	position:absolute;
	border:0px;
	left:0px;
	height:67px;
	width:100%;
	margin-top:30px;	
}

div#paticka p {
	line-height:67px;
	padding: 0 216px 0 254px ;
	font-size:90%;	

}		

/*Tematicke pobyty*/
p#termin, p#cena {
	font-size: 150% ;
	font-weight: bold ;
}
p.fotky img {
	border: solid 2px #C4D1B1;
	margin: 0 1ex 0 0 ; 
}