/* Alexandra Hotel Puchov 2009 */
/* design by Pixel Plus sro */
/* www.pixelplus.sk */
html,body{margin:0;padding:0}
body{text-align:center;font-size:12px;font-family: Arial, Verdana, sans-serif;background:url('../images/design/bg.jpg') repeat-x #000 fixed; color:#000; padding:0px; margin:0px}
img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}
a:link, a:visited {color:blue;text-decoration:none;}
a:hover {color:blue;text-decoration:underline;}

#menu {width:400px;height:135px;padding:0px;margin:0px 15px 0px 50px; text-align:right; float:right; }
#header {background:url('../images/design/bodyBack.gif') repeat-y; }
#header {height:370px; width:977px; margin:0px 0px 0px 0px;padding:0; text-align:center; float:none; clear:both}
.logo {width:156px; height:70px; float:left; display:block; margin:10px 0px 0px 10px; }
.logo {background:url('../images/design/logoSportcentrum.gif') no-repeat}
#headline  {padding:0px; text-align:center; width:380px; height:40px; display:block; float:left; margin-top:30px; }
#headline h1 {font-weight:bold; font-size:1.8em; text-shadow: #666 2px 2px; color: #fff; font-family:Arial, Franklin, Verdana  }

.top {background:url('../images/design/headTop.png') no-repeat -23px 9px}
.brownBack {background:url('../images/design/brownBack.gif') repeat-y 50px 0px }           

div#navigation{float:left;width:auto; margin:0px 0px 0px 0px;  height:55px; padding-top:50px; text-align:right }
div#wrapper{ width:1000px; border:0px solid white; margin:0px auto}

/* mainNav */
#mainNav{margin:0;list-style:none; display:block; width:50px; }
#mainNav {position:relative; float:left; left:-10px; top:70px;}
#mainNav li{float:none; padding:0 10px 0 10px; }
#mainNav li.first {border-left:0;}
#mainNav li a{font-size:12px;}
#mainNav a:link, #mainNav a:visited {text-decoration: none;color: #fff;}
#mainNav a:hover {text-decoration: underline;}

/* subNav */
#subNav {margin:0px 0px 0px 0px;padding:0; width:auto; float:right; }
#subNav a:link, #subNav a:visited,#subNav a:link, #subNav a:visited {text-decoration: none; color: #c4bbb3;font-weight:bold; padding: 35px 0px 0px 0px; font-size:10px }
#subNav a:hover {text-decoration: underline; color:#fff}
#subNav a.active, #subNav a.sel {background:url('../images/design/Asign.png') no-repeat 20% 0px; color:#fff }
#subNav ul {width:auto;margin:0px;padding: 0px 0px 0px 0px; list-style:none; }
#subNav li {background:url('../images/design/menuBodyX.gif') repeat-x 0px 0px; line-height:12px; }
#subNav li {margin:0px 3px 0px 3px;display:inline; float:left; width:67px; height:24px; text-align:center; padding:0px 4px 6px 4px; 
  border-right:1px dotted #c4bbb3;
}

.submenu ul, ul.submenu {float:none; clear:both; padding:0px; margin:0px}
.submenu li {float:left; list-style:none; padding: 0px 8px 0px 12px; background:url('../images/design/submenuBack.gif') no-repeat 2px 6px}



#subNav li.sub1 {padding:10px 10px 0px 10px;font-size:12px; float:left}
#subNav li.sub1 a {color: black;font-size:11px;}
#subNav li.sub2 {padding:10px 10px 2px 10px;font-size:12px; }
#subNav li.sub2 a {color: #e94200;font-size:11px;}
#subNav li.sub3 {padding:1px 0 0 35px;}
#subNav li.sub3 a {color: black;font-size:10px;}
#subNav li.novinky span {display:block;background:url(/images/design/submenu_news.jpg);width:181px;height:40px;padding:9px 0 0 10px;font-size:12px;color:#fff;font-weight:bold;}

.last {width:28px;padding: 0px ;background:url('../images/design/menuRight.gif') no-repeat 0px 0px!important }



div#container{width:1100px;padding:0px 0px 0px 0px;overflow:hidden;margin:0 auto 0 auto; text-align:left; }
div#content{width:960px; float:left;margin:0px 0px 0px 0px; background:url('../images/design/bodyBack.gif') repeat-y; padding:0px}

div#footer{background: url("../images/design/footer.gif") no-repeat; height:200px }
div#footer{clear:both; text-align:center; width:1100px;margin:0 auto 10px auto;font-size:11px;font-weight:bold;padding:20px 0px 10px 0px; text-align:left; font-family: Candara, Verdana, Arial, sans-serif; color:#433534 }
div#footer p, #footer td {font-size:1.1em; font-weight:normal; margin:4px}
#footer table {margin-left:50px}
#footer td {padding-right:30px}
small {font-size:10px; color:#c4bbb3; font-weight:normal; margin:10px 0px 20px 0px}
#footer a:link, #footer a:visited,#footer a:link, #footer a:visited {text-decoration: underline; color: #433534;font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer img{vertical-align:middle;}

/* green 00421d */

div#content-area{margin: -10px 10px 0px 10px; padding:20px 40px 40px 60px }
div#content-area p, div#content-area li {text-align:justify; color:#333; line-height:1.6em}
#content-area h1{padding:0;margin:0 0 10px 0;font-size:24px;font-weight:600; color:#00421d;  }
#content-area h2{padding:0;margin:20px 0 10px 0;font-size:18px;font-weight:bold; color:#107f60}
#content-area h3{padding:0;margin:20px 0 10px 0;font-size:16px;font-weight:bold; color:#107f60; border-bottom:2px solid #107f60}
#content-area ol {margin:0px; padding:0px; }
#content-area ol li {margin:0px 0px 10px 0px}
#content-area table {width:100%; margin:0px 0px 10px 0px}
#content-area table td {border-bottom:2px solid #eae3e3}
#content-area table td {margin:0px; margin-left:10px; padding-left:30px; line-height:20px}
#content-area table th {margin:0px; margin-left:10px; padding-left:30px; line-height:20px; background:#107f60; color:white; text-align:left}
div#content-area a {color:#333; text-decoration:underline}

div#content-images{padding:0; margin:0; margin-top:12px; clear:both; float:none; border-top:1px dotted #828571;  }
.content-image{float:left;border:2px solid #828571;margin:6px; }
.button {background:url('../images/design/buttonGreen.gif') no-repeat; width:116px; height:34px; display:block; padding:4px 2px 2px 2px; text-align:center; float:left; cursor: hand; cursor: pointer;}
a.button , a.button:hover, a.button:visited {text-decoration:underline; color:#000}


td {vertical-align:top}

ul.sitemap {list-style:none;padding:0 0 0 10px;margin:0;}
ul.sitemap li {margin:0;}
ul.sitemap li a {line-height:22px;}
ul.sitemap li.sub1 {padding-left:15px;}
ul.sitemap li.sub2 {padding-left:25px;}
ul.sitemap li.sub3 {padding-left:35px;}
ul.sitemap li.sub4 {padding-left:45px;}
ul.sitemap li.sub5 {padding-left:50px;}
ul.sitemap li.sub6 {padding-left:55px;}
ul.sitemap li.sub7 {padding-left:60px;}
ul.sitemap li.sub8 {padding-left:65px;}

.news {margin:3px 40px 40px 0px; float:right; display:block; line-height:26px; width:200px }
.news a:link, .news a:visited,.news a:link, .news a:visited {font-weight:normal; text-decoration:none!important; margin:0px; padding:0px; line-height:10px}
.news li:hover {background:#d5f6c1}
.news ul {list-style:none; margin:0px; padding:0px}
.news li {border-bottom:1px solid #0f2640; height:45px; overflow:hidden; padding:4px; margin:0px }
.news img {border:2px solid #eed599; margin-right:10px; vertical-align:top; float:left}
.news h2 {color:#0f2640; font-size:1.5em!important; }
.news p {text-align:left!important; font-size:10px; }
.news .title {color:#0f2640; display:inline; padding-right:4px; margin-right:4px; border-right:1px dotted #0f2640 }
.news .desc {color:#ddd; }
.news li:hover .desc {color:#666}


#frmSeBigTxt{border:0;width:135px;height:18px;font-size:11px;line-height:18px;background:#fff; border:1px solid #aaa}
#search{width:200px;height:30px; float:right; padding:8px 0px 0px 20px;  background:url('../images/design/lupa.gif') no-repeat 0px 10px}
#frmSeBigSubmit{vertical-align:bottom;}

#left-side {width:245px; clear:both; float:left; margin:0px 0px 0px -11px;   }
#right-side {width:560px; float:left; display:block; margin-left:40px; padding:0px 40px 100px 0px}
 

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
      
/* addons sept 2009 */
#boxes {width:910px; text-align:left; margin:0px 0px 0px 34px; padding-left:0px; height:250px; overflow:hidden; display:block; float:left; border:none}
#boxes {background:url('../images/design/blockBack.gif') repeat-x; }
.box {width:143px; float:left; text-align:left; display:block; border:none; background:url('../images/design/block.gif') no-repeat; padding:6px; overflow:hidden; height:193px}
.box h2 {font-size:1.0em; margin:6px 0px 0px 0px; color:#133e20}
.box p, .box a {font-size:10px; margin:0px; padding-right:20px; color:#fff }
.box p {overflow:hidden; height:65px}
.box .headline {width:100%; height:0px; display:block}
.booking {background:url('../images/design/boxBooking.jpg') no-repeat; width:234px; margin-left:25px; padding:63px 10px 0px 10px; }
.green {width:250px; padding:5px 0px 0px 0px; margin-left:15px; color:white}
.blue {width:300px; padding:5px 0px 0px 0px}
.orange {width:280px; padding:5px 0px 0px 10px}
.inv {width:180px; padding:5px 0px 0px 20px}
.more {background:url('../images/design/button.png') no-repeat; font-size:12px!important; font-weight:bold; cursor: hand; cursor: pointer }
.booking .more {background:url('../images/design/buttonRed.png') no-repeat; font-weight:bold; margin:0px 10px 0px 0px}
.more {color:#fff; text-decoration:none; float:right; text-align:center;width:100px; display:block; margin:0px; padding:9px 8px 9px 0px; }
.more:hover {color:#fff; text-decoration:underline}

/* form */
#form {width:234px; background:url('../images/design/formBack.gif') repeat-y; margin-top:-10px}
#form p {color:#fff!important; margin:0px 10px 0px 10px}
.booking p .text {float:left; display:block}
.booking p .cubes {float:right; display:block;}
.booking p {display:block; margin:0px; height:auto}
.booking input {border:none; padding:0px; margin:0px; height:34px}
.booking select, .booking .brown {height:16px; padding:0px; font-size:10px; background-color:#c4bbb3; border:1px solid #534741; margin:1px}

/* print */
@media print {
.top, #footer {display:none}
body, #container, #wrapper, #content, #content-area {margin:0px; padding:0px; border:1px solid white; background:white}
div#content{width:auto; background:url('../images/design/logoGray.gif') no-repeat; padding:0px}
#content-area .logo {display:block!important}
#content-area p {font-size:12pt; color:black; line-height:14pt}
#content-area small {display:none}
#content-area h1 {font-size:21pt; color:black; }
#content-area li {font-size:12pt; line-height:14pt}
}