/**
* CSS styles defining basic page layout
* 
* DESIGNEO RESERVATION SYSTEM
*
* This document was developed by Deczka Webdesign, all rights reserved.
* {@link http://www.deczka.com}
*
* @author       Honza Michalicka <info@deczka.com>
* @copyright    (c) Honza Michalicka 2006 - {@link http://www.deczka.com}
* @version      1.0
*/


/*
* Zakladni layout stranky
* ------------------------------------------------------------------------------
*/

body {
    color: white;
    background: #1F1F1F;
    background: #6F623E;
    background: #3F362B;
}
#main-column-in  table{float:left;margin-bottom: 20px;}

#page  {
	width: 1000px;
	text-align: left;
	position: absolute;
    left: 50%;
    margin: 0 0 0 -500px;
    padding: 0;
    background: black;
}

#header-part {
    margin: 0px;
    padding: 0;
    height: 88px;
}

#content-part { clear: both; margin: 0; padding: 0; }
#content {
	margin: 0;
	padding: 0; 
}

#main-column {
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
}
#main-column-in { padding: 0 5px 20px 10px; margin:0; }


#side-column {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}
#side-column-in { padding: 0 10px 20px 5px; margin:0; }

#footer-part {
	background: #3F362B url(../img/bottom.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	clear: both;
    height: 110px;
}


/*
* Hlavicka stranky a logo
* ------------------------------------------------------------------------------
*/

#header-part {
	margin: 0;
	padding: 0;
	background: black;
}

#header-part #logo {
    width: 220px;
	margin: 0 0 0 20px;
	padding: 0;
	background: black url("../img/ac_logo4.gif") no-repeat left top;
	float: left;
}
#header-part #logo a {
    display: block;
	text-decoration: none;
	width: 220px;
	height: 89px;
}
#header-part #logo a:hover { background:transparent !important; text-decoration: underline; }
#header-part #logo span, #header-part #slogan em { display: none; }


#header-part #slogan {
	float: right;
	width: 480px;
	height: 30px;
	margin: 0 0 0 20px; 
	padding: 0;
	border: none;

	position: relative;
	top: 56px;
	right: 10px;
	background: url(../img/slogan_web.gif) no-repeat top left;

}

/*
* Hlavni navigace
* ------------------------------------------------------------------------------
*/
/*
#navigation-part {
	margin: 0;
	padding: 0;
	border: 0;
    background: #F7C500;
    border-bottom: 4px solid #CC140C;
	height: 50px;
}
#navigation { padding: 0; margin:0; }

#navigation h3 { margin: 0;  padding: 0; }
#navigation ul { margin: 0 20px;  padding: 0; float: left;}
#navigation li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

#navigation li a {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none;
	color: white;
	margin: 0;
	padding: 0;
	padding: 15px 10px 17px;
	display: block;
}
#navigation li a:hover {
    background-color: #CC140C;
}
#navigation li a.active {
    background-color: #FFE26F;
    color: #13649F;
}
*/

/*
* Hlavni navigace
* ------------------------------------------------------------------------------
*/
#navigation-part {
    float:left;
	margin: 0;
	padding: 0;
	border: 0;

	width: 1000px;
	height: 295px;
	background: url(../img/main2.jpg) no-repeat top left;
}
#slideshow{
margin: 33px 0 0 0;
padding:0;
height:179px;
}
#navigation-part img{
   margin: 0;
	padding: 0;
	border: 0;
}
#navigation { padding: 0; margin:0;width:1000px; }

#navigation h3 { margin: 0;  padding: 0; }
#navigation ul { margin: 0px;  padding: 0;}
#navigation li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	    line-height: 1.4em;
	  float:left;  
	    
}

#navigation li a {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: black;
	margin: 0;
	padding: 5px 0 0 10px;
	display: block;

}


#navigation #navig1 a, #navigation #navig2 a, #navigation #navig3 a  { 
   margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999em; /*zmizi text*/
	overflow: hidden;
	height: 49px;
	width: 332px;
}
#navigation #navig2 a{width: 333px; }
#navigation #navig3 a{width: 335px; }

#navigation #navig1 a:hover, #navigation #navig2 a:hover, #navigation #navig3 a:hover  { 
	background: #FFBB02;
	opacity: 0.5; 
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
#navigation #navig1 a:hover { 
	background: #A0B977;
}

#navigation #navig3 a:hover { 
	background: #CD5352;
}
#navigation  #nnavig1 a:hover {
    background-color: #339700;
}
#navigation  #nnavig2 a:hover {
    background-color: #ffcc00;
}
#navigation  #nnavig3 a:hover {
    background-color: #cc0001;
}
li.mainHover ul.sub{visibility: visible;} 
   li { behavior: url(hover.htc);}
	ul.sub {
	width: 331px;
  background: black;
  border: 1px rgb(154,154,154) solid;
  opacity: 0.85; 
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
  position: absolute; z-index: 10; visibility:hidden;margin: 0;} /*pokud vynech�me tento ��dek budeme m�t p�i vypnut�m JavaScriptu p��stupn� menu pod sebou*/
  ul.sub li {display: block; margin:0; padding: 0;}
	ul.sub li a {display: block; margin: 0; text-align: left;font-size: 12px;height:15px;}
	
	#notnavig a {position:relative; float:left;display:block;width:321px;height:20px;}
  #notnavig a:link {color:white;}
	#notnavig a:visited {color:white;}
	#notnavig a:hover {color:white;}
		
	#nnavig2 ul.sub {width: 332px;}
  #nnavig3 ul.sub {width: 334px;}
  
  #nnavig2 #notnavig a {width: 322px;}
  #nnavig3 #notnavig a {width: 324px;}
  
 #menuu{position: relative;float: left;width:1000px;height:50px;}
   #menuu ul li.main:hover h3 a { color: white;}
  
   #menuu ul li.main:hover ul.sub {visibility: visible;}
  



/*
* Doplnkova navigae
* ------------------------------------------------------------------------------
*/
#top-navigation-part {
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;

}
#top-navigation { padding: 0; margin: 0; }

#top-navigation-part h3 { margin: 0;  padding: 0; }
#top-navigation-part ul { margin: 0 20px;  padding: 0; float: right;}
#top-navigation-part li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#top-navigation-part li a  {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: white;
	margin: 0;
	padding: 3px 10px 4px 10px;
	display: block;
	background-color: #2F2F2F;
	text-transform: uppercase;
}
#top-navigation-part li a:hover {
	color: #EAB601;
	text-decoration: underline;
}
#top-navigation-part li a.active {
	color: #3F362B;
	background: #E08E00 url(../img/btn_gradient.png) repeat-x top left;
}

/*
* Paticka a copyright
* ------------------------------------------------------------------------------
*/
#footer-part p {
	text-align: center;
	font-size: 100%;
	color:#b9b2a1;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	position: relative;
	top: 70px;

}
#footer-part a { color: #b9b2a1; }
#footer-part a:hover { color: #CC6E01; background-color: transparent; }