/*  Vytvořilo v roce 2007 webdesign studio WPJ, www.wpj.cz | info@wpj.cz | tel.: +420 775 131 400 | Vrchlabí  */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #176282 url(../images/pozadi.jpg) repeat-x;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	scrollbar: on;
}
A { font-weight: normal; text-decoration: none; }
A:link { color: #E31C23;
text-decoration: underline; }
A:visited { color: black;
text-decoration: underline; }
A:hover { color: black; 
text-decoration: none;}
img { border: none; }
/*  layout dvousloupcovy BOX- wpj  */
#page { margin: auto; 
text-align: center;
width: 930px;
background-image: url(../images/stin-center.jpg);
background-repeat: repeat-y;}
#stin-top { height: 11px;}
#stin-top2 { background: url(../images/stin-top2.jpg) no-repeat;}
#stin-bottom { background: url(../images/stin-bottom.jpg) no-repeat; height: 22px;}
#hlavni { width: 880px;
background-color: White;
margin: auto; 
padding: 0;
text-align: center;
border-top: 10px solid white;
border-right: 10px solid white;
border-left: 10px solid white;
border-bottom: 5px solid white;
position: relative;}
div.pozadi-index {background: white url(../images/pozadi-top-1.jpg) no-repeat;}
div.pozadi-lyzarska-skola {background: white url(../images/pozadi-top-2.jpg) no-repeat;}
div.pozadi-pujcovna-lyzi {background: white url(../images/pozadi-top-3.jpg) no-repeat;}
#top {
	height: 165px;
}
#logo { position: absolute; top: 26px; left: 49px;
padding: 0; margin: 0; 
border: 0;
height: 130px;}
#logo a {
	display:block;
	width:130px; height:125px;
	margin:0; padding:0;
	text-decoration: none;
	}
#logo a span { display:none; padding: 0; margin: 0;  }
/*  vlajky-wpj  */
#vlajky {
position: absolute;
top: 320px;
right: 10px;}
#vlajky ul { list-style: none; padding: 0px; margin: 0px; }
#vlajky li { display: inline; padding: 3px 4px 3px 4px; margin: 0px; }
/*  vlajky-wpj  */
#stred { text-align: left;}
/*  layout hl BOX- wpj */
#sidebar { float: left; width: 226px; margin:0; padding:0;}
#sidebar-content { margin:0 0 0 15px; padding:0 0 0 0;
text-align: center;
}
#main { margin:0 0 0 225px; padding:0;
}
#main-content { margin: 180px 0 0 0; padding: 0 5px 0px 10px; width: 470px;
font-size: 95%;
float: left }
#main-content.mapa { margin:0; padding: 0 15px 0px 15px; font-size: 120%; color: white;width: 640px;
float: left }
#right-main {
margin: 185px 0 0 0;
width: 160px;
float: right;}
#right-main ul {
margin: 0;
padding: 0;
list-style: none;
}
#right-main li {
padding: 3px 0 3px 0px;
text-align: right;}
#right-main img {
border-right: none;}

hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  botton BOX- wpj */
#spodek {
	font: 80%  Verdana, Arial, Helvetica, sans-serif;
	height: 55px;
	position: relative;
	background: url(../images/pozadi-spodek.jpg) repeat-x;
}
#logo-spodek {
float: left; }
#spodek-c A.wpj { 
font-weight: normal;
text-decoration: none; }
#spodek-c A.wpj2 { 
font-weight: bold;
text-decoration: none; }
#spodek-c { float: right; 
margin: 27px 5px 0 0; }
#spodek A { text-decoration: none; }
#spodek A:link { color: #000000; }
#spodek A:visited { color: #000000; }
#spodek A:hover { color: #000000;
text-decoration: none; }
/*  botton BOX- wpj  ende */
/*  menu-wpj  */
#menu {
width: 500px;
padding-bottom: 10px;
}
#menu.nl {
font-size: 97%;
}
#menu.de {
font-size: 98%;
}
#podmenu-text {
float: left;
padding-top: 5px;
}
#menu ul.menu { margin: 0; padding: 0; list-style-type: none; }
#menu li { 
padding: 0px;
float: left; margin-right: 2px; display: block;}
#menu a {
	padding: 0px 4px 0 4px;
	display: block;
	color: black;
	font: 98% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
}
#menu A:link { color: #CD601F; }
#menu A:visited { color: #CD601F; }
#menu A:hover { color: black;
text-decoration: underline; }
#menu A.oz { color: black; 
text-decoration: underline;}
#menu A.oz:link { color: black; }
#menu A.oz:visited { color: black; }
#menu A.oz:hover { color: black; }
/*  menu-wpj-end  */
/*  menu-wpj-left submenu  */
#submenu { 
font-size: 107%;
margin-right: 0px;
margin-left: 0px;
text-align: left;}
#submenu li { 
padding-left: 0px;
margin: 0 0 2px 0;}
#submenu ul {
padding: 0;
margin: 0;
}
#submenu A, #submenu A.submenu-oz, #submenu A.submenu-sub{
display: block;
text-decoration: none;
text-align:left;
color :white;
font: bold 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-left: 12px;
letter-spacing: 2px;
padding-top: 3px;
padding-bottom: 3px;
}
#submenu A:link { color: white;
background-color: #E31C23;
border-left: 5px solid #8D1216;
}
#submenu A:visited { color: white;
background-color: #E31C23;
border-left: 5px solid #8D1216;}
#submenu A:hover { color: white;
border-left: 5px solid #E31C23;
background-color: #8D1216;
}
#submenu A.submenu-oz:link, #submenu A.submenu-oz:visited, #submenu A.submenu-sub:visited, #submenu A.submenu-sub:link
 { color: white;
border-left: 5px solid #E31C23;
background-color: #8D1216;
}
#submenu A.submenu-oz:hover, #submenu A.submenu-sub:hover   
 { color: white;
border-left: 5px solid #8D1216;
background-color: #8D1216;
}
li.submenu {
list-style: none;
}

#submenu A.submenu-open { 
font-size: 95%;
color: White;
border-left: 5px solid #E31C23;
background-color: #E31C23;
font-weight: normal; text-decoration: none;}
#submenu A.submenu-open:link,#submenu A.submenu-open:visited { 
border: none; color: white; text-decoration: none;
font-weight: bold;}
#submenu A.submenu-open:hover {
border: none; color: white; text-decoration: none;
font-weight: bold;}
#submenu A.submenu-open-oz {
background-color: #E31C23;
font-size: 95%;
border: none; font-weight: bold; text-decoration: none;}
#submenu A.submenu-open-oz:link,#submenu A.submenu-open-oz:visited,#submenu A.submenu-open-oz:hover {
border: none; color: white; text-decoration: none; font-weight: bold;}

#submenu li.submenu-open {
padding: 1px 0 0 5px;
list-style: none;}


/*  menu-wpj-end  */

#apul {
padding: 5px 0 10px 0;
}
/*  hlavni-wpj  formatovani */
h1 {margin: 0px; padding: 0 0 5px 5px; font-size: 180%; }
#main-content p {
padding: 3px 10px 10px 10px;
margin: 0px;
}
#main-content strong{
color:#E31C23;
}
#main-content ul { font-size: 105%; list-style: square;
margin-top: 5px;}
#main-content li { padding: 5px;}
h2 {margin: 0px; padding: 3px 0 5px 7px; font-size: 200%; }
h3 {
color: #E31C23;
margin: 0; padding: 3px 0 0 10px; font-size: 120%; }
/*  hlavni-wpj  formatovani ende*/

/*  akce */
#table-akce { 
text-align: left;
width:206px;
margin-top: 20px;
margin-bottom: 10px;
border: solid 2px #E31C23;
}
div.table-style-akce {padding: 10px 0px 10px 0px;}
#akce li {margin-left: 0; padding: 0;}
#akce {
padding: 5px 10px 5px 10px; color: #8D1216;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
#akce strong {font-size: 150%;
color:#E31C23;
font-weight: bold;
padding-left: 0px;}
#akce span {
font-weight: normal;
font-size: 90%;}
div.akce {
text-align: right;
padding-top: 5px;
padding-right: 7px;}
#akce ul {list-style: none; padding: 2px 0 0 0; margin: 0px;}
#akce li.akce-linka { padding: 3px; padding-right: 7px;}
#akce li.akce-text {padding: 3px 7px 0 7px;}
#akce A { font-weight: bold; font-size: 85%;
text-decoration: none;}
#akce A:link { color: #8D1216;
text-decoration: underline;}
#akce A.news-next:link { color: #8D1216;
text-decoration: none;}
#akce A:visited { color: #8D1216;
text-decoration: underline;}
#akce A:hover { color: #8D1216;
text-decoration: none;}
#akce A.news-next:hover { color: #8D1216;
text-decoration: underline;}
/*  akce end*/

/*  cenik */

#cenik-zarovnani {
margin-left: 20px;
text-align: left;}

#cenik-zarovnani table {
margin-bottom: 20px;
width: 520px;}

#cenik-zarovnani h3{
color: #E31C23;
margin: 0; padding: 6px 0 3px 5px; font-size: 130%;
text-align: left;
}

#cenik-zarovnani p {
margin: 0; padding: 1px 0 3px 6px;
text-align: left;
}
.cenik-radek1 td{
background-color: #E31C23;
font-weight: bold;
padding: 1px;
padding-right: 5px;
color: White;
border: none;
}
.cenik-radek1 td.table-bunky-text, .cenik-radek1 td.table-bunky-text1{
border: none;
}
#cenik-zarovnani td.table-bunky-text{
padding: 5px 5px 5px 6px;
border-bottom: 1px solid #E31C23;
width: 150px;
}
#cenik-zarovnani td.table-bunky-text-small{
padding: 5px 5px 5px 6px;
border-bottom: 1px solid #E31C23;
width: 60px;
}
#cenik-zarovnani td.table-bunky-text1{
text-align: left;
padding: 5px 5px 5px 5px;
color: #FFFFFF;
}
#cenik-zarovnani td.table-bunky{
text-align: right;
padding: 5px 10px 5px 5px;
border-bottom: 1px solid #E31C23;
}

#cenik-zarovnani td.table-bunky1{
text-align: right;
padding: 5px 10px 5px 5px;
color: #FFFFFF;
}

td.table-bunky-text{
text-align: left;
padding: 5px 2px 5px 4px;
border-bottom: 1px solid #E31C23;
color: #000000;
}
td.table-bunky-text1{
text-align: left;
padding: 5px 2px 5px 4px;
border-bottom: 1px solid #E31C23;
color: #FFFFFF;
}
td.table-bunky {
text-align: right;
border-bottom: 1px solid #E31C23;
padding: 5px 10px 5px 5px;
}
/*  cenik end */

/*  formular */
#formular {
margin-left: 5px;
width: 550px; }
#formular table {
margin-top: 2px;
text-align: center;
margin-left: 10px;
}
#formular textarea {
	border: 1px solid #E31C23;
	width: 500px;
	height: 110px;
	margin-left: 10px;
	margin-top: 5px;
	
}
form {
padding-bottom: 0;
margin-bottom: 0;
}
#formular input {
	font-weight: bold;
	color: #000000;
	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px solid #E31C23;
	text-align: left;
}
#formular td.in-nad,th {
text-align: left;
padding: 10px;
font-weight: bold;
vertical-align: top;
}
#formular td.form-ot-odsazeni {
text-align: right;
padding: 5px;
padding-top: 15px;
}
#formular td.form-ot {
text-align: right;
padding: 5px;
}
#formular td.form-ot-date {
text-align: right;
padding-right: 40px;
}
#formular td.odsazeni {
padding-top: 15px;
}

#formular input.chb {
background: none;
        border: none;
        text-align: left;
		  
}
#formular input.in-od {
width: 150px;
}
#formular td {
text-align: left;
}
#formular td.termin, #formular td.dotaz {
text-align: left;
font-size: 120%;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 5px;
}
#formular td.date{
text-align: center;
}
#formular td.tlacitka {
text-align: center;
}
#formular input.pocet {
width: 20px;
padding: 2px;
}
#formular input.tlacitko {
        font-weight: bold;
		  color: white; 
        border: 1px solid #E31C23;
        text-align: center;
		  margin: 8px 8px 0 8px;
		  background-color: #E31C23;
}

table.vybaveni, table.lyzovani  {
margin-top: 0px;
}
#vybaveni td, #lyzovani td {
text-align: center;
padding: 0 5px 0 5px;
}
#vybaveni td.radek1, #lyzovani td.radek1 {
text-align: left;
padding: 0 5px 0 5px;
}
div.objednavka {
padding: 5px 0 5px 0;
margin: 0;
azimuth: left;
}

#formular input.in-od-spatne {
background-color:#FF7777;
}
/*  napsali  o nas */
/*  new-wpj */
#news-seznam {
margin: auto;
width: 650px;
}
div.novinka h3 {margin: 0 0 0 0px;
padding: 0 0 0 3px;
font-size: 110%;
color: white;}

#news-seznam  p {
margin-left: 0px;
padding: 3px;
}
div.news-linka{
border-bottom: solid 2px #FFD29B;
}
div.news-right{
width: 80%;
}
#news-seznam div.novinka{
margin-top: 20px;
margin-left: 10px;
margin-bottom: 15px;
position: relative;
}

#news-seznam img {
position: absolute;
bottom: -6px;
right: 0;
margin-left: 5px;
border: solid #FFD29B 4px;
}
#news-seznam a {
text-decoration: none;
}
/*  new-wpj -end */
/*  mapy-wpj  api-amapy*/
#wpjmaps {
margin: 0 0 0 5px;
width: 580px;
height: 360px;
border: solid 2px #E31C23;
color: Black;
}
/*  mapy-wpj end api-amapy */

/*  foto360*/
div.pano {
position: relative;
margin: 8px 0 8px 5px;
width: 474px;}
div.pano h3 {margin: 0 0 3px 0px;
font-size: 100%;
color: black;}
div.full-screen  {
color: black;
position: absolute;
right: 0px;
top: 0px;}
div.pano img{
border: 5px solid #E31C23;}
.full-screen A{ 
color: black;
text-decoration: none;}
.full-screen A:link { color: black;
text-decoration: none; }
.full-screen A:visited { color: black;
text-decoration: none; }
.full-screen A:hover { color: #E31C23;
text-decoration: none; }
/*  foto360*/

/*  ubytovani */

.ubytovani-karta
{ 
position: relative;
width: 580px;
padding: 5px;}
.ubytovani-karta img
{ 
position: absolute;
top:10px;
right: 10px;}

.ubytovani-karta h3 {
color: #E31C23;
margin: 0; padding: 3px 0 0 10px; font-size: 130%;
font-weight: bold; }

.ubytovani-karta li
{
font-size: 95%;
padding: 0;
margin: 0;
list-style: none;
}
.ubytovani-karta ul
{
padding: 0 0 0 10px;
margin: 0;
list-style: none;
}