@import "pricingtable.css";
@import "reservation.css";
/*Frantisek Ondrus - FERIX - Programming and Design, SEO optimalization, XHTML code - css style file */
body{font-family:'Roboto', Arial, sans-serif; color:#010101; background:red; font-size: 11px; margin:0px; padding:0px; margin-left:auto; margin-right:auto;}

a{color: #fff; text-decoration: none;}
a:hover{ text-decoration:underline;}

 
#ferix {	width:100%;	position:relative; top:0px; height:auto; margin:auto; padding:0px; }
img{border:0px;}
img.logo{position:absolute; top:3px; right:0px; z-index:10; }
img.call{position:relative; top:56px; right:0px; z-index:10; float:right; height:131px; padding-bottom:100px;}
img.callx{position:absolute; top:26px; right:-20px; z-index:10; float:right; height:131px; padding-bottom:100px;}
img.call2{position:relative; top:32px; right:0px; z-index:10; float:right;}
.fb{position:absolute; top:200px; right:10px; z-index:1000; float:right;}
span.call1{position:absolute; top:65px; right:10px; color:#fff; font-weight:bold; font-size:20px; z-index:1000;}
span.call2{position:absolute; top:122px; right:10px; color:#fff; font-weight:bold; font-size:15px; z-index:1000;}
a.call3{position:absolute; top:168px; right:10px; color:#fff; font-weight:bold; font-size:12px; z-index:1000;}
i1{position:absolute; top:0px; left:50px;}
i2{position:absolute; top:50px; left:50px;}
p.c{margin-left:-100px;}

#container{width:1000px; height:57px; margin:auto; padding:0px; position:relative;  background:none;}
#cont{width:1000px; height:auto; margin:auto; padding:0px; position:relative;  background:none; padding:0px 30px; line-height:20px;}
#cont p{padding:5px 0; font-size:12px;}
#cont p.one{padding:5px 0; font-size:12px; width:700px;}
#cont p.small{padding:5px 0; font-size:10px; width:700px;}
#cont p.c{padding:10px 0; font-size:12px; text-align:center;}
#cont h1{font-size:40px; position:relative; z-index:1000; line-height:50px; color:#fff; text-shadow:0 2px 0 #000;}
#cont h2{font-size:20px; line-height:30px;}
#cont h3{font-size:16px; line-height:26px;}
#cont h4{font-size:20px; line-height:36px; color:#fff; text-shadow:0 2px 0 #000;}
#cont h5{font-size:15px; line-height:20px; padding-top:5px;}
#cont h6{font-size:14px; line-height:26px;}
ul.one{font-size:15px; line-height:28px; color:#fff;}
img.one{position:absolute; top:90px; right:190px;}
img.im{border:14px solid #fff; margin:0 10px;}
img.i{float:right; padding:20px;}
img.ir{float:left; padding:20px;}
img.irs{float:left; padding:10px 10px 10px 0;}
ol li span{font-weight:bold; color:#fff;}
table{position:relative; top:20px; left:30px;}
table td{width:150px; text-align:center;}
table.tr td{width:250px; text-align:center;}
table td.two{width:auto; text-align:left; padding-right:30px;}
table td.three{width:auto; text-align:center;}
img.gal:hover{opacity: 0.6;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;}
img.gals{width:75px; height:75px;}
img.gals:hover{opacity: 0.6;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;}

table.klub1 td{width:auto; text-align:left; padding:5px; font-size:12px;}
table.klub td{text-align:left; padding:5px; font-size:12px;}
table.klubb td{text-align:left; padding:15px; font-size:12px;}
table.klubbb td{text-align:center; padding:15px; font-size:12px;}
table.vid td{padding:2px;}
table.vid { margin-right:10px;}

p.right{float:right;}

a.big{font-size:16px; line-height:36px; color:#fff; text-shadow:0 2px 0 #000;}


ul#nav {width: auto; margin:0;padding:0;text-align: center;  z-index:11; position:absolute; top:12px; left:0px;}
ul#nav li {float: left; list-style: none;  text-transform:uppercase; display:block; position:relative; font-weight:bold;}
ul#nav li a {display: block; width:auto; height:37px; padding:0 12px; line-height:37px; margin: 0 1px; color: #000; text-decoration: none; font-size:11px; font-weight:bold; background:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
ul#nav li a:hover {background:#ff7e00; color: #fff;}	
ul#nav li a.a {background:#ff7e00; color: #fff;}	
ul#nav li a.home {width:auto; height:24px; margin:4px 0; background:url(../img/btn_home.png) no-repeat 0 -24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
ul#nav li a.homea {width:auto; height:24px; margin:4px 0; background:url(../img/btn_home.png) no-repeat 0 0px;}
ul#nav li a.home:hover{ background:url(../img/btn_home.png) no-repeat 0 0px;}			

#nav li li{	float:none; }
#nav li li a{font-size:10px; height:30px; line-height:30px; font-weight:bold; position:relative; float:none;}
#nav li li a:hover{ background:#fff; color:#000;}
#nav li ul {position: absolute; width: 120px;  left:20px; 	margin-left: -100em;}
#nav li ul li{height:30px;}
#nav li ul li:hover{ height:30px; background:#fff;}
#nav li:hover ul{	margin-left: 0;}
#nav li li:hover ul {	margin-left: 10em;}

/*========================== CLEAR =============================*/	
#clear{width:1000px; height:0px; clear:both; }
.scrollup{z-index:1000; width:40px; height:40px; text-indent:-9999px; opacity:0.8; position:fixed; bottom:100px; right:100px; display:none; background: url('../img/icon_top.png') no-repeat;}



#footer{width:1000px; height:43px; margin:auto; padding:0px; position:relative; border-top:1px solid #fff;}
.ft{padding:30px 20px; margin:40px 30px; width:230px; height:200px; float:left; border-top:1px dotted #d6d6d7; border-bottom:1px dotted #d6d6d7; font-size:13px;}
.ft span.tit{font-size:22px; color:#010101;}
.ft span.tit span{font-size:22px; color:#00e210;}
.ft table{width:180px; position:relative; top:20px; left:20px;}
.ft table td{padding:2px 10px;}
img.partner{text-align:center; padding:20px 10px;}
.ft span.adress{position:relative; top:40px; left:0px;}
span.green{color:#00e210;}
.ft a:hover{color:#00e210; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
a.webdesign {width:78px; height:55px; background:url(../img/mymedia.png) 0 0 no-repeat; display:block;	margin-right:50px; margin-top:10px; float:right;}

.copyright{position:absolute; top:10px; left:20px;}
.copyright span{color:#fff;}