@import url(//fonts.googleapis.com/css?family=Krona+One&subset=latin,latin-ext);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}
html, body {
	height: 100%;
}
body { 
	font-family: Verdana, Tahoma, helvetica, Arial, sans-serif; font-size: 100%; /* 100% == 16px */
	color: #000; line-height: 130%; margin: 0; padding: 0; background: url(/img/bg-paper-hd.png) center -15px repeat-x #e3caa3;
}

#obal {
 	width: 100%;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: url(/img/bg-paper-hd.png) center -15px repeat-x;
 }
 body>#obal {
 	height: auto;
 }
/* Opera 9.5+  */
*|html[xmlns*=""]  #obal { 
	 display: table;
	 height: 100%;
} 
/* Opera 9.5 */
#hlavicka { width: 100%; height: 225px; margin: 0 auto; overflow: hidden; }
#hlavni-blok { width:100%; margin:0px; padding:0px; background: url("/img/bg-top-menu3.png") repeat-x scroll 0 0 transparent; clear: both; }
#spodni-blok { clear: both; width:100%; margin:0px; padding:15px 0px; background-color: #fff; }
#patice { width:100%; /*height: 145px;*/ text-align:center; padding-top:20px; margin:0 auto; color:#FFF; border-top: 0px solid #383838; clear:both; background-color: #98693c; }
 

h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; color: #383838; font-weight: normal; }
h2 { font-size:120%; margin-bottom:10px}
h1, h2.h1 { font-size:160%; line-height: 130%; /* font-family: 'Krona One', sans-serif; */ }
h3, h4, h5 { font-size:100%; /*color:#FFF;*/ margin-bottom:10px}

p, ul{ font-size: 12.5px; margin-bottom: 15px; }
.obsah img { padding: 5px;}
a img {border: none;}
a {color:#3f3f3f; text-decoration: underline;}
a:hover, a:active, a:focus {color: #c00; text-decoration: underline;}

hr{color: #b7b7b7; background-color: #b7b7b7; margin: 10px 0px 20px 0px; border: none; border-top: 1px solid #b7b7b7}

/* ~~ Hlavicka ~~ */
.hlavicka-in { width: 980px; height: 225px; position: relative; margin: 0 auto; padding: 0px; }
.jazyk-menu { height:25px; position: absolute; right: 10px; top: 20px; width: 118px; }
.jazyk-menu ul { margin: 0px 0px 0px 0px; list-style-type: none; padding:0px; }
.jazyk-menu ul li { float: left; margin-left: 15px; text-align: center; }
.jazyk-menu ul li a { display: block; position:relative; line-height:15px; padding:0px; margin:0px; cursor:pointer; }
.jazyk-menu ul li img {margin-left: 0;}
.logo { width: 382px; height: 245px; position: absolute; left:5px; top:0; overflow: hidden; }

/*	hledání	*/
#hlavicka #search {
    display: block;
    position: absolute;
    left: 725px;
    top: 42px;
    height: 31px;
    margin: 0px;
    width:242px;
    background: none repeat scroll 0 0 #c8c8c8;
    border: medium #b7b7b7;
    z-index: 1;
    border-radius: 15px;
}

#hlavicka #searchfield{
	float: left;
	padding: 3px 3px 0 20px;
	width: 153px;
        
}
#hlavicka #searchfield input {
    background: none repeat scroll 0 0 transparent;
    border: none;
    display: block;
    height: 24px;
    line-height: 24px;
    color:#000;
    font-size: 10px;
    letter-spacing: 1px;
    width: 100%;
}
#hlavicka #searchbtn {
    padding: 3px 5px 0 3px;
    width: 56px;
    z-index: 5;
    float: left;
}

#hlavicka a#klientska-sekce-link{
    color: #fff;
    position: absolute;
    top: 50px;
    left: 560px;
    line-height: 100%;
    font-size: 80%;
}

#hlavicka a#klientska-sekce-link:hover{color: #c00}


/* ~~ Hlavní blok ~~ */
.hlavni-blok-in {
    width: 980px;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
    
}

#spodni-blok .hlavni-blok-in{overflow:visible;}

.animace {
	width: 980px;
	height:300px;
	margin: 0px auto 20px auto;
	clear:both;
	position:relative;
        border: 1px solid #fff;
        background-color: #d4d4d4;
        border-radius: 5px;
        box-shadow: #000 0px 0px 5px;
        behavior: url(http://hotel-vyzlovka.cz/css/pie.htc);
        behavior: url(http://hotel-vyzlovka.cz/css/pie.htc);
        behavior: url(http://hotel-vyzlovka.cz/pie.htc);
}

.obsah{
	width:980px;
	text-align:left;
	min-height:300px;
        float: left;
}
.obsah a:hover, .obsah a:active, .obsah a:focus {color: #c00;}

.obsah a {
	color: #000;
}

.obsah ul, .obsah ol { 
	padding: 0px 15px 15px 25px;
}

.obsah ul li{
	padding-top:4px
}

.obsah ul li ul {
	padding:5px 0px 5px 20px;
}

.obsah ul li ul li{
	list-style: none;
	list-style-type:disc;
	margin-top:3px;
}

.obsah ul li ul li ul {
	padding:10px 0px 5px 25px;
}

.obsah ul li ul li ul li{
	list-style: none;
	list-style-type: circle;
	margin-top:3px;
}

.obsah ol li{
	padding-top:3px;
	list-style: decimal
}

.galerie {
	clear: both;
	padding-bottom: 5px;
}

.galerie img {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 0 9px 9px 0;
	padding: 0px;
}

.galerie p {
	font-size: 130%;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	font-weight: normal;
}

.box-hlavni{
	float: left;
	width: 730px;
	padding: 0 0 13px 20px;
	text-align:justify;
	min-height:320px;
	_height:320px;
	position:relative
}

.levy-box { text-align: justify; width: 470px; float: left; }
.pravy-box { text-align: justify; width: 470px; float: right; }
.aktuality-box { float: left; width: 650px; }

.kontakt-box form{
        float: left;
        width: 370px;
        padding: 10px 15px;
        margin: 0px 0px 20px 0px;
        background-color: #d9d9d9;
        border-radius: 10px;
        behavior: url(http://hotel-vyzlovka.cz/pie.htc);
}
.kontakt-box .kontaktni-udaje{ width: 250px; float: left; margin-left: 15px; }
.kontakt-box p { padding: 0 20px 10px 20px; margin: 0; }
.kontakt-box .kontakt-titulek { font-size: 160%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding-top: 20px; }
.kontakt-box input, .kontakt-box textarea { font-size: 130%; margin-top: 3px; width: 100%; }
.kontakt-box textarea { height: 150px; }
.aktualita, .forum{ padding: 25px 0px 12px 0px; border-bottom: 1px solid #ccc; clear:both; min-height:50px }

/*.aktualita h2{background-color: transparent;}*/
.aktualita h2{font-size: 120%; display:inline; padding-left: 12px;}
.aktualita p{line-height: normal; padding: 9px 6px 0px 3px}
.aktualita h2 a:hover, .aktualita h2 a:active, .aktualita h2 a:focus {color: #c00;}
.forum h2 a:hover, .forum h2 a:active, .forum h2 a:focus {color: #c00;}
.forum h2 {font-size: 110%; margin: 0px;}
.forum .datum{font-size: 90%; color: #c00}
.forum p{line-height: normal; padding: 6px 6px 0px 3px; margin: 0px 0px 6px 0px;}

.reference{
    padding: 9px 6px 9px 6px;
    border: 1px solid #aaa;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #d9d9d9;
    margin: 0px 0px 12px 0px;

}
.reference img{ float: left; padding: 3px; margin: 0px 12px 0px 0px; }
.reference h2 {float: left; padding: 6px 0px 0px 0px; width: 520px;}
.reference p {line-height: normal; padding:0px 0px 0px 6px; float: left; width: 414px;}
.reference h2 a{text-decoration: none;}
.reference h2 a:hover, .reference h2 a:active, .reference h2 a:focus {color: #c00;}


.fotogalerie {
    background-color: #d9d9d9;
    border: 1px solid #b7b7b7;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 0 auto 10px;
    min-height: 165px;
    padding: 5px;
    text-align: center;
    width: 160px;
}
.fotogalerie img {
    /*border: 1px solid #b7b7b7;*/
    margin-bottom: 3px;
    padding: 0px;
}
.fotogalerie p {
    margin-bottom: 0;
}
.fotogalerie .titulek {
    font-size: 75%;
    line-height: 100%;
}

.strankovani { padding-top:15px}
.strankovani .aktivni {color: #fff; background-color:#c00}
.strankovani a, .strankovani .aktivni{border:1px solid #CCCCCC;padding:1px 5px;text-decoration:none; line-height:30px}
.strankovani a:hover{ color:#fff; background-color:#666}

/* !!!!!!!!!! galerky !!!!!!!!!! */
.detail {
	padding:10px 0px;
	clear:both
}

.detail img{
	border: 1px solid #666;
	margin: 0px 8px 9px 0px;
	float:left;
	padding:3px;
	background-color:#F2F2F2
}

.detail img a{
	background:none
}

.patice1 {
	text-align: center;
	background-color: #fdb;
	margin-bottom: 0px;
	padding: 15px;
	clear: both;
}

.patice-in {
	width: 980px;
	margin: 0 auto;
        color: #b7b7b7;
}

.patice-in p.left{
	width: 720px;
	float: left;
	text-align: left;
	margin-bottom: 8px;
	color: #fff;
}
.patice-in p.nadpis{
	padding-top: 16px;
	font-weight: bold;
}

.patice-in p.right{
	width:210px;
	height:70px;
	float:right;
	text-align: right;
	padding-top: 60px;
}

.patice-in a{color: #b7b7b7;}
.patice-in a:hover{color: #c00;}

/* ~~ Ruzn� tr�dy plovouc�ch elementu, vymaz�n� elementu ~~ */
.float-right { 
	float: right;
}
.float-left {
	float: left;
	margin-right: 8px;
}
.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.skryte { display: none; }
.form p{ padding:0px; margin:0px 0px 10px 0px}
.form .textarea-cele { width: 270px; height: 80px;  background-color:#fff; border: 1px solid #999}
.form input.cele {width: 270px; background-color:#fff; border:1px solid #999; height:21px}
.form input.submit {height:25px;width:270px; margin-left:0px}
input.submit2 {height:25px;width:100px; margin-top:10px}


.form_ok { background-color: #76d876; color: #1f6d1f; border: #1f6d1f 1px solid; margin-bottom: 15px; }
.form_chyba { background-color: #ff8080; color: #c80000; border: #c80000 1px solid; margin-bottom: 15px; }
.form_ok p, .form_chyba p { text-align: justify; padding: 10px 5px 10px 5px; font-weight: bold; margin: 0; }

.formular-klient{ padding:20px; margin:10px 0px 10px 0px; border:1px solid #CCC; width:250px}

.formular-klient input.pole {width: 200px; background-color:#F5F5F5; border:1px solid #999;}
.formular-klient input.submit {width: 100px; }


#send-ok	{ margin: 5px; padding: 5px; background-color: #9be0a5; color: #399c47; border: #399c47 1px solid; }
#send-err	{ margin: 5px; padding: 5px; background-color: #ff9666; color: #b03c06; border: #b03c06 1px solid; }
#send-ok p, #send-err p {margin: 0; padding: 0; }

span.button a{
    text-decoration: none;
    color: #fff;
    padding: 6px 22px;
    border-radius: 5px 0 5px 0;
    behavior: url(http://hotel-vyzlovka.cz/css/pie.htc);
    background-color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}

span.button a:hover{
    border-radius: 0px 5px 0px 5px;
    behavior: url(http://hotel-vyzlovka.cz/css/pie.htc);
}

.uvodka-aktuality{
    float: left;
    width: 430px;
    margin-left: 45px;
}

.uvodka-aktuality h3{
	padding: 0px;
	margin:0px;
	font-weight:normal;
        color: #cc0000;
}

.uvodka-aktuality h3 a{
	padding:0px 11px 0px 0px;
	text-decoration: none;
	color: #cc0000;
}

.uvodka-aktuality h3 a:hover{
	text-decoration: underline;
}

.uvodka-aktuality p{
	padding: 0px;
	margin:0px;
	line-height:1.1
}

.uvodka-aktualita{
	width:415px;
	padding: 0px 13px 0px 0px;
	margin:0px;
	margin-top:15px;
	clear:both;
	text-align:left;
	border-bottom: 1px dashed #CCC;
	min-height:75px;
}

.uvodka-aktualita .datum{
    border-radius: 0px 5px 0px 5px;
    background-color: #d4d4d4;
    width: 80px;
    min-height:45px;
    float: left;
    text-align:center;
    padding: 5px 0px;
    behavior: url(http://hotel-vyzlovka.cz/css/pie.htc);
}

.uvodka-aktualita .text{
    float: right;
    width:330px;
}

.uvodka-kontakt{
    float: left;
    margin: 0px 0px 0px 45px;
    width: 220px;
}


span.nasi-klienti{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
    behavior: url(http://hotel-vyzlovka.cz/css/pie.htc);
    color: #fff;
    background-color: #b7b7b7;
    padding: 6px 13px;
    position: absolute;
    top: -15px;
    left: 430px;
    z-index: 11;
}

.loga-klientu{
    text-align: center;
    position: relative;
    
}

.loga-klientu .loga{
    margin-top: 10px;
    width: 1000px;
    position: relative;
    left: -10px;
}

table.kontakty{
    width: 99%;
}

table.kontakty td{
    width: 50%;
    vertical-align:top;
    text-align: left;
}


/* ~~ Kontaktní formulář ~~ */
#kontakt-form { width: 440px; float: right; padding-top: 0px; margin-left: 10px; }
#kontakt-form p { padding-bottom: 5px; }
#jmeno, #email, #tel { width: 100%; margin-top: 5px; }
#kontakt-form textarea { width: 100%; height: 200px; margin-top: 5px; }
#kontakt-form .skryte { display: none; }
#kontakt-form .odeslat { width: 100%; margin-top: 5px; }

#map_canvas, #m {
    width: 730px;
    height: 425px;
    border: 1px solid #98693c;
	clear: both;
}

.diskuze{margin: 20px 0px 0px 0px;}
.diskuze hr{margin: 15px 0px 8px 0px;}
.obsah .pridat { width: 120px; float: right; cursor: pointer; padding-top: 12px; text-decoration:underline; margin: 0px; }
.obsah .komentar p { white-space: pre-wrap; }
.obsah p, .obsah ul{ font-size: 12.5px; margin-bottom: 0px; }
#diskuze-form .jmeno { float: left; width: 300px; }
#diskuze-form .email { float: right; width: 300px; }
#diskuze-form .nazev { clear: both; }
#diskuze-form .jmeno input, #diskuze-form .email input, #diskuze-form .nazev input { width: 100%; }
#diskuze-form textarea { width: 100%; height: 150px; }
#diskuze-form #zahodit { display: none; }

.diskuze p.nadpis { font-size:140% }

#obal .adresa-hlavicka { position: absolute; width: 450px; left: 395px; top: 25px;  }
#obal .adresa-hlavicka p { font-family: 'Krona One', sans-serif; font-size: 16px; text-align: center; color: #a73b33; }
#obal .adresa-hlavicka .nadpis { font-size: 42px; line-height: 1.2; background: url('/img/hvezdy.png') no-repeat scroll 330px 10px; }
#obal .adresa-hlavicka .gold { color: gold; }
#obal .adresa-hlavicka .mensi { font-size: 30px; }

#obal .fotogalerie1 img { padding: 4px 6px; border: #98693c 1px solid; }


#patice .b1, #patice .b2 { float: left; width: 330px; padding-right: 25px; text-align: left; }