@charset "utf-8";
/* CSS Document */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Arial Black", Gadget, sans-serif;
	font-family:Tahoma, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	margin:0; padding:0;
	background:url(../images/body-background.jpg) repeat #367934;
        height: 100.1%;
}
img, a { border:none; }
#header-wrapper{
	width:100%;
	height:376px;
	background:url(../images/header-wrapper-background.jpg) repeat-x #000;
}
#header-logo{
	background:url(../images/header-logo.png) no-repeat left;
	width:1000px;
	height:49px;
        display: block !important;
	margin:0 auto;
}
#header-menu{
	position:relative;
	top:10px;
	width:900px;
	height:32px;
	margin:0 auto;
}
#header-menu #uns-logo{
	width:100px;
	height:28px;
	display:block;
	position:relative;
	left:-60px;
	bottom:0px;
        background: none;
        display: block; font-size: 11px; font-weight: bold; color: #663300;
        text-decoration: none; padding: 0px 0px 17px 0px; line-height: 14px;
        text-align: center; margin: 0px;
        z-index: 100;
}
#footer-menu{
	position:relative;
	top:30px;
	width:900px;
	height:32px;
	margin:0 auto;
}
#header-menu a, #footer-menu a{
	background:url(../images/menu.png) no-repeat;
	height:32px;
	display:block;
	float:left;
	margin-right:27px;
}
#header-menu a.chata, #footer-menu a.chata{
	width:81px;
	background-position:0px 0px;
}
#header-menu a.chata:hover, #footer-menu a.chata:hover{
	background-position:0px -40px;
}
#header-menu a.fotogaleria, #footer-menu a.fotogaleria{
	width:151px;
	background-position:-108px 0px;
}
#header-menu a.fotogaleria:hover, #footer-menu a.fotogaleria:hover{
	background-position:-108px -40px;
}
#header-menu a.rezervacia-kontakt, #footer-menu a.rezervacia-kontakt{
	width:267px;
	background-position:-287px 0px;
}
#header-menu a.rezervacia-kontakt:hover, #footer-menu a.rezervacia-kontakt:hover{
	background-position:-287px -40px;
}
#header-menu a.kniha-navstev, #footer-menu a.kniha-navstev{
	width:197px;
	background-position:-700px 0px;
}
#header-menu a.kniha-navstev:hover, #footer-menu a.kniha-navstev:hover{
	background-position:-700px -40px;
}
#header-menu a.liptov, #footer-menu a.liptov{
	width:95px;
	background-position:-574px 0px;
	margin-right:0;
}
#header-menu a.liptov:hover, #footer-menu a.liptov:hover{
	background-position:-574px -40px;
}
#content-wrapper{
	background:url(../images/content-background.png) repeat;
	width:900px;
        min-height:100%;
        position: relative;
	margin:0 auto;
	padding:40px 50px 0 50px;
	display:table;
	margin-top:-380px;
	z-index:2;
}
#content-wrapper, x:-moz-any-link, x:default {
	width:800px;
}
#footer{
	background:url(../images/footer-background.jpg) repeat-x;
	width:100%;
	height:154px;
	display:block;
	background-color:#000;
	margin-top:50px;
        position: absolute;
}

#liptov-youtube{
	background:url(../images/liptov.png) top left no-repeat;
	padding-left:198px;
	margin-bottom:50px;
}
.polaroid-links{ margin-bottom:70px; display:table; }
.polaroid-links a{ display:table; float:left; width:250px; height:168px; margin:20px 0; }
.polaroid-links a.polaroid-middle{
	margin:20px;
	margin-left:22px;
}
li { display:block; float:none; }
#accesories-list { font-size:12px;
}
#accesories-list div {
	margin:24px;
}
#accesories-list img {
	margin-bottom:10px;
}
a.galeria-polaroid {
	width:185px;
	height:188px;
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
a.galeria-polaroid-last {
	width:185px;
	height:188px;
	display:block;
	float:left;
	margin-right:0px;
	margin-bottom:20px;
}
#facebook {
	background:url(../images/facebook.png) right no-repeat;
	width:969px; height:100px;
	display:block;
	border:none;
	z-index:1;
	margin:0 auto;
}
#facebook:hover {
	width:976px;
}

#add-comment{
    border: 1px solid #bbb;
    background: #f8f8f8;
}
.success{
    margin: 10px auto 0 auto;
    width: 790px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #9cff9e;
    border: 1px solid #01a803;
    color: #018103;    
}
.error{
    margin: 10px auto 0 auto;
    width: 790px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ff9c9c;
    border: 1px solid #e90505;
    color: #d50808;
}
#add-comment sup{font-size: 10px; color: #666;}
#add-comment label{float: left; margin-right: 20px; width: 300px;}
#add-comment hr{visibility: hidden;width: 100%;display: block;}
#add-comment .no-float{float: none; clear: both; display: block; margin: 0;}
#add-comment input.text, #add-comment textarea{float: none; clear: both; display: block; margin-bottom: 10px;}
#add-comment input.text {width: 100%;border: 1px solid #666;}
#add-comment textarea{width: 770px; border: 1px solid #666; height: 120px;}
.post{
     border: 1px solid #bbb;
    background: #f8f8f8;
    margin: 10px 2px;
    padding: 10px;
}
.post p{padding: 0; margin: 0;}
.post .date{color: #bbb; font-size: 10px;}
.post .message{color: #333; font-size: 12px;}
.pagination{
    color: #333;
    font-size: 12px;
    margin-right: 30px;
}
