/* ----------------------------------------------------------------------------------------------------------
    Projekt: BREWERYTRADE.CZ  

    Autor: Nový Web s.r.o. [www.novy-web.cz]; e-mail: info@novy-web.cz
    Poslední revize: 6.04.2009 16:50:53 
---------------------------------------------------------------------------------------------------------- */

body {  
  font: 12px Arial;
  color: #5a5a5a;
  text-align: center;
  margin:0px;
  padding:0px;
}
#as{
	background: url(./../../_layout/_www/bgAs.gif) repeat-x;
}
#puj{
	background: url(./../../_layout/_www/bgPuj.gif) repeat-x;
}
#nah{
	background: url(./../../_layout/_www/bgNah.gif) repeat-x;
}
#zab{
	background: url(./../../_layout/_www/bgZab.gif) repeat-x;
}
#draf{
	background: url(./../../_layout/_www/bgDraf.gif) repeat-x;
}
.clear {
  clear: both;
}


a {
  color: #5a5a5a;
  text-decoration:underline;
  
}
a:hover{
	text-decoration:none;
}
  
form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

table {
  font-size: 12px;
}
hr{
	margin:20px 0 20px 0;
	color:#908f8f;
}
#as h1,h2,h3{
	color:#5a5a5a;
}
#puj h1,h2,h3{
	color:#d9251e;
}
#nah h1,h2,h3{
	color:#12a81e;
}

#zab h1,h2,h3{
	color:#0095d6;
}
#draf h1,h2,h3{
	color:#00528e;
}

h1{
	font-size:21px;
}
h2,h3{
	font-size:17px;
}



.noscreen, .print {
  display: none;
}

.left{
	float:left;
}
.right{
	float:right;
}

#maine {
  margin:0px auto 0 auto;
  width:1194px;
  text-align: left;
  padding:0;  
}
#as #maine{	
  background:url(./../../_layout/_www/bgMaineAs.gif) no-repeat;
}
#puj #maine{	
  background:url(./../../_layout/_www/bgMainePuj.gif) no-repeat;
}
#nah #maine{	
  background:url(./../../_layout/_www/bgMaineNah.gif) no-repeat;
}
#zab #maine{	
  background:url(./../../_layout/_www/bgMaineZab.gif) no-repeat;
}
#draf #maine{	
  background:url(./../../_layout/_www/bgMaineDraf.gif) no-repeat;
}
#logo {
  float:left;
  display: block;
  position: relative;
  width: 292px;
  height: 139px;
  overflow:hidden;
  margin: 0 0 0 107px;
  padding:0px;
  
}

#logo a span {
  display: block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:100%; 
  height:100%;
  cursor: pointer;
  margin:0px;
}
#as #logo span{
	background: url(./../../_layout/_www/logoAs.gif);
}
#puj #logo span{
	background: url(./../../_layout/_www/logoPuj.gif);
}
#nah #logo span{
	background: url(./../../_layout/_www/logoNah.gif);
}
#zab #logo span{
	background: url(./../../_layout/_www/logoZab.gif);
}
#draf #logo span{
	background: url(./../../_layout/_www/logoDraf.gif);
}
#top{
	width:689px;
	float:left;
	height:139px;
}
#as #top{
	background: url(./../../_layout/_www/bgTopAs.jpg) right;
}
#puj #top{
	background: url(./../../_layout/_www/bgTopPuj.jpg) right;
}
#nah #top{
	background: url(./../../_layout/_www/bgTopNah.jpg) right;
}
#zab #top{
	background: url(./../../_layout/_www/bgTopZab.jpg) right no-repeat;
}
#draf #top{
	background: url(./../../_layout/_www/bgTopDraf.jpg) right no-repeat;
}

#menu{
	width:981px;
	float:left;
	height:40px;
	margin:1px 0 0 107px;
	padding:0px;
}
#menu ul{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	width:981px;
	height:40px;
	background:url(./../../_layout/_www/bgMenuTop.gif);
}
#menu ul li{
	float:left;
	line-height:40px;
	margin:0 0 0 2px;
	position: relative;
}
#menu ul li a{
	display:block;
	background:url(./../../_layout/_www/bgMenu.gif) right;
	text-decoration:none;
	font-size:14px;	
	padding:0 20px 0 20px;
	line-height:40px;
	color:#5a5a5a;
}
#menu ul li ul{
	position: absolute;
	display: block;
	visibility: hidden;
	width:200px;
	margin:0 0 0 0; 
	padding:0;
	background:none;
	
}

#menu ul li ul li{
	clear:both;
	width:200px;
	line-height:24px;
}
#menu ul li ul li a{ /*sub menus hover style*/
background: #dfdfdf;
color: #5a5a5a;
line-height:24px;
padding:0 10px 0 10px;
border-bottom:1px solid #d4d4d4;
border-top:1px solid #fff;
}

#as #menu ul li a:hover{
	background:#f2cb17;
}

#puj #menu ul li a:hover{
	background:url(./../../_layout/_www/bgNadpisPuj.gif) repeat-x top;
	color:#fff;
}
#nah #menu ul li a:hover{
	background:#11a71e;
	color:#fff;
}
#zab #menu ul li a:hover{
	background:url(./../../_layout/_www/bgNadpisZab.gif) repeat-x top;
	color:#fff;
}
#draf #menu ul li a:hover{
	text-decoration:underline;
}
#content{
	width:970px;
	float:left;
	padding:0 112px 0 112px;
}
#content{
	background:url(./../../_layout/_www/bgContentAs.gif) repeat-y;
}
.navigace{
	width:706px;
	padding:0 0 0 10px;
	line-height:20px;
}
#leva{
	width:716px;
	float:left;
	margin:0 4px 0 0;
}
#leva .text{
	float:left;
	padding:10px;
	width:706px;
}
#leva .text table.cenik{
	width:709px;
}
#leva .text table.cenik tr th{
	line-height:41px;
	background-color:#dadadb;
	font-weight:bold;
	text-align:center;
}
#leva .text table.cenik tr td{
	text-align:center;
	line-height:30px;
}
	
#leva .text ul{
	list-style:square;
	color:#5a5a5a;
}
#leva .text ul li{
	line-height:20px;
}
#leva .text ul li a{
	color:#5a5a5a;
}
#prava{
	width:250px;
	float:left;
	font-size:11px;
}
#prava p{
	padding:5px;
}

#banner,#flashcontent{
	width:700px;
	height:333px;
	float:left;
	padding:8px;
	margin:10px 0 10px 0;
	background:#eeeeee;
}
#as #banner{
	background:#eeeeee url(./../../_layout/_www/banner1.jpg) no-repeat 7px 7px;
}
#puj #banner{
	background:#eeeeee url(./../../_layout/_www/banner2.jpg) no-repeat 7px 7px;
}
#zab #banner{
	background:#eeeeee url(./../../_layout/_www/banner3.jpg) no-repeat 7px 7px;
}
#draf #banner{
	background:#eeeeee url(./../../_layout/_www/pronajem.jpg) no-repeat 7px 7px;
	height:254px;
}
#nah #banner{
	background:#eeeeee url(./../../_layout/_www/banner4.jpg) no-repeat 7px 7px;
}

.nadpis{	
	float:left;
	margin:10px 0 5px 0;	
	font-wieght:bold;
	font-size:16px;
}
#prava .nadpis{
	width:230px;
}
#leva .nadpis{
	width:696px;
}
#as #leva .nadpis{
	background-color:#f4ce19;
	color:#5a5a5a;
	line-height:41px;
	margin:10px 0 0px 0;
	padding:0 0 0 13px;
}


#as #prava .nadpis{
	background-color:#f4ce19;
	color:#5a5a5a;
	line-height:41px;
	margin:10px 0 5px 0;
	padding:0 0 0 13px;
}
#puj #leva .nadpis{
	background:url(./../../_layout/_www/bgNadpisPuj.gif) repeat-x top;
	color:#fff;
	line-height:41px;
	margin:10px 0 0px 0;
	padding:0 0 0 13px;
}
#puj #prava .nadpis{
	background:url(./../../_layout/_www/bgNadpisPuj.gif) repeat-x top;
	color:#fff;
	line-height:41px;
	margin:10px 0 5px 0;
	padding:0 0 0 13px;
}
#zab #leva .nadpis{
	background:url(./../../_layout/_www/bgNadpisZab.gif) repeat-x top;
	color:#fff;
	line-height:41px;
	margin:10px 0 0px 0;
	padding:0 0 0 13px;
}
#zab #prava .nadpis{
	background:url(./../../_layout/_www/bgNadpisZab.gif) repeat-x top;
	color:#fff;
	line-height:41px;
	margin:10px 0 0px 0;
	padding:0 0 0 13px;
}
#nah #leva .nadpis{
	background-color:#17aa1e;
	color:#fff;
	line-height:41px;
	margin:10px 0 5px 0;
	padding:0 0 0 13px;
}
#nah #prava .nadpis{
	background-color:#17aa1e;
	color:#fff;
	line-height:41px;
	margin:10px 0 5px 0;
	padding:0 0 0 13px;
}
#draf #leva .nadpis{
	background:url(./../../_layout/_www/bgNadpisDraf.gif) repeat-x top;
	color:#00528e;
	line-height:41px;
	margin:10px 0 0px 0;
	padding:0 0 0 13px;
}
#draf #prava .nadpis{
	background:url(./../../_layout/_www/bgNadpisDraf.gif) repeat-x top;
	color:#00528e;
	line-height:41px;
	margin:10px 0 0px 0;
	padding:0 0 0 13px;
}

#prava .ico1,#prava .dopInfo{
	float:left;
	margin:0 0 10px 0;
}
#prava .dopInfo{
	padding:0 0 0 25px;
}
.dopInfo strong{
	display:block;
	background:url(./../../_layout/_www/icoDopravInfo.gif) no-repeat;
	padding:0 0 0 25px;
	margin: 0 0 0 -25px;
}

#prava .dopInfo{
	width:200px;
	margin:0px 0 10px 5px;
	color:#666666;
}
#as #prava .dopInfo strong{
	color:#ffa600;	
}
#draf #prava .dopInfo strong{
	color:#00528e;	
}
#prava .dopInfo span{
	color:#000;
}

#prava ul.cenik{
	width:243px;
	padding:0px;
	margin:-5px 0 6px 0;
	float:left;
	list-style:none;
	background:#e9e9e7;
	color:#5a5a5a;
}
#prava ul.cenik li{
	float:left;
}
#prava ul.cenik li.ico1{
	line-height:25px;
}
#prava ul.cenik li.ico1{
	width:20px;
	height:20px;
	display:block;
	background:url(./../../_layout/_www/icoAuto1.gif);
}
#prava ul.cenik li.nazev{
	width:110px;
	padding:5px 0 0 5px; 
}
#prava ul.cenik li.cena{
	width:120px;
	text-align:center;
	padding:5px 0 0 0; 
}
#prava ul.cenik li.cena span{
	color:#c31a14;
}
#novinky{
	padding:0 0 10px 0;
}
#novinky div{
	float:left;
	padding:0 0 25px 0;
}
#prava #novinky .nadpis{
	margin:0 0 10px 0;
}
#draf #prava #novinky a{
	color:#00528e;	
	text-decoration:none;
	font-weight:bold;
}
#as #prava #novinky a{
	color:#ffa600;	
}
#puj #prava #novinky a{
	color:#d9251e;	
}
#zab #prava #novinky a{
	color:#0095d6;	
}
#patka{
	width:980px;
	float:left;
	height:75px;
	background:url(./../../_layout/_www/patka.gif) bottom no-repeat;
	margin:0 0 0 -5px;
}
#patka .left{
	line-height:60px;
	padding:0 0 0 20px;
}
#patka .right{
	line-height:60px;
	padding:0 20px 0 0;
}
.sudy{
	background:#f5f5f5;
}
.lichy{
	background:#fdfbfc;
}
.cenik{
	width:690px;
	padding:10px;
	float:left;
	margin:0 0 30px 0;
}
.cenik .left{
	width:400px;
}
.cenik .right{
	width:280px;
}
.cenik ul{
	width:400px;
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	
}
.cenik ul li{
	line-height:40px;
	padding:5px;
	float:left;
	width:190px;
	border-bottom:1px solid #dbdfe8;
}
.cenik ul:hover li{
	background:#000;
	color:#fff;
}
.cenik ul li, .cenik ul li.th{
	float:left;
	list-style:none;
	
}
.cenik ul li.th{
	background:url(./../../_layout/_www/bgNadpisPuj.gif) repeat-x top;
	color:#fff;
	font-weight:bold;
}

.cenik img{
	float:right;
	border:3px #dddddd solid;
}
.lista{
	width:290px;
}
.lista a span.btnReserve{
  display: block;
  float:left; 
  width:106px; 
  height:23px;
  cursor: pointer;
  margin:5px 5px 0 60px;
  background:url(./../../_layout/_www/btnReserve.gif);
}
.lista a span.btnDetail{
  display: block;
  float:left;
  width:56px; 
  height:23px;
  cursor: pointer;
  margin:5px 0 0 0px;
  background:url(./../../_layout/_www/btnDetail.gif);
}
.lista{
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0 10px 0;
}