/* CSS OLYMPIA */

/***************** BASIC ELEMENTS ************************/

body {
	background: #ffffff;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0px;
	padding:0 0 0 0;
	color: #000000;
	text-align: center;
}

div#page {
	background: url("../images/bg_page_03.png") no-repeat center top;
}

div#frameholder {
	width: 1000px;
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: left;
}

div.frameholder_home {}
div.frameholder_content {}

div#holder1{padding: 20px 10px 20px 10px; background:#b3c2cb url("../images/bg_holder1.gif") repeat-x left top;}
div#holder2{background:#ffffff url("../images/bg_holder2.gif") no-repeat left top;}
div#holder3{padding: 10px 10px 0 10px; background: url("../images/bg_holder3.gif") no-repeat left bottom;}

div#right{
	margin: 0 0 0 0;
	padding: 0 0 10px 15px;
	*padding: 0;
	float: right;
	width: 720px;
}

div#left{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	*padding: 0;
	float: left;
	width: 225px;
}

div.left_home{}
div.left_content{}

div#content{
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	line-height: 12.75pt;
}

div.content_home{}
div.content_content{}

div#flash{
	position: absolute;
	margin: 0 0 0 239px;
	top:0;
	width: 429px;
	height: 154px;
}



div#footer {
	width: 980px;
	margin: 0 auto;
	font-size: 8.25pt;
	text-align: left;
	padding: 20px 10px;
	color: #ffffff;
	background: #0656a7;
}

div#footer a {
	color: #8086b5;
	text-decoration: none;
}

div#footer div#submenu {
	margin: 0 0 0 -3px;
	padding: 15px 0 7px 0;
	font-size: 8.25pt;
	color: #83abd3;
}

div#footer div#submenu a{
	color: #83abd3;
	font-weight:normal;
	padding: 0 13px;
}

div#footer div#submenu a.last{padding: 0 13px 0 0;}

div#footer div.copy {
	color: #4480bd;
	padding: 0 0 0 10px;
}

div#footer div.copy a{
	color: #4480bd;
	font-weight:normal;
}

/***************** SPECIFIC ELEMENTS ************************/

/***************** header ************************/

div#header{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: 157px;
}

div#logo{
	display: block;
	float: left;
	width: 290px;
	height: 157px;
	padding: 0 0 0 0;
}

div#titleimg{
	float: left;
	width: 240px;
	padding: 0 0 0 250px;
	height: 157px;
}

div#birthday{
position:absolute;
color:#FFFFFF;
margin: 127px 0 0 300px;
}

/***************** search ************************/

div#search{
  float: left;
  height: 77px;
  width: 200px;
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
}	

div#search .inbutton{
  vertical-align: middle;
  margin: 0 0 0 5px;
  width: 55px;
  text-align:center;
  padding-left:0;
  padding-right:0;
}	

div#search div.holder{
border: 1px solid #0656a7;
height: 21px;
width: 170px;
padding: 6px 0 0 0;
background:#FFFFFF;
}
	
div#search input.text{
  width: 130px;
  height: 20px;
  padding: 0 0 0 10px;
  vertical-align: top;
  border: 0;
  color:#0877e7;

}		

div#search input.submit{
  vertical-align: top;
  margin: 0 0 0 5px;
}


/***************** topmenu ************************/

div#topmenu {
	float:left;
	padding: 32px 30px 0 0;
	width: 190px;
	height: 38px;
	margin: 0 0 0 0;
	font-size: 7.5pt;
	text-align: right;
}

div#topmenu a{
	color: #d2e1ea;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-decoration: none;
}

div#topmenu img{
	margin: 0 5px;
	vertical-align:middle;
}

/***************** title ************************/

div#title{
	height: 245px;
	padding: 0 0 0 0;
	border-bottom: 1px solid #FFFFFF;
  	background: #FFFFFF;
}

div#title a{color: #a9c8db;}

div#title_left{
	float: left;
	width: 210px;
	height: 188px;
	padding: 57px 20px 0 20px;
	background: #000c6a url("../images/bg_title_left_03.gif") no-repeat left top;
	color: #a9c8db;
	font-size: 8.25pt;
}

div#title_left a{
	color: #a9c8db;
}

div#title_left h2{
	color:#FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	display: none;
}

div#title_left ul{
padding: 8px 0 0 0;
}

div#title_left ul li{
background: url("../images/bg_title_list_item_03.gif") no-repeat 0 4px;
padding: 2px 0 1px 20px;
}

div#title_center{
	float: left;
	width: 500px;
	height: 245px;
	padding: 0 0 0 0;
	background: #ffffff;
}

div#title_right{
	float: left;
	width: 230px;
	height: 245px;
	padding: 0 0 0 20px;
	background: #142b3b url("../images/bg_title_right_03.gif") no-repeat left top;
	font-size: 8.25pt;
}

div#title_right ul{
padding: 0 0 0 0;
float: left;
}

div#title_right ul.list_left{
padding: 52px 0 0 0;
width: 110px;
}

div#title_right ul.list_right{
padding: 18px 0 0 0;
width: 120px;
}

div#title_right ul li{
background-position: 0 4px;
background-repeat:no-repeat;
padding: 2px 0 2px 25px;
}

div#title_right ul li.item_01{background-image: url("../images/bg_obchody_list_item_01.gif");}
div#title_right ul li.item_02{background-image: url("../images/bg_obchody_list_item_02.gif");}
div#title_right ul li.item_03{background-image: url("../images/bg_obchody_list_item_03.gif");}
div#title_right ul li.item_04{background-image: url("../images/bg_obchody_list_item_04.gif");}
div#title_right ul li.item_05{background-image: url("../images/bg_obchody_list_item_05.gif");}
div#title_right ul li.item_06{background-image: url("../images/bg_obchody_list_item_06.gif");}
div#title_right ul li.item_07{background-image: url("../images/bg_obchody_list_item_07.gif");}
div#title_right ul li.item_08{background-image: url("../images/bg_obchody_list_item_08.gif");}
div#title_right ul li.item_09{background-image: url("../images/bg_obchody_list_item_09.gif");}
div#title_right ul li.item_10{background-image: url("../images/bg_obchody_list_item_10.gif");}
div#title_right ul li.item_11{background-image: url("../images/bg_obchody_list_item_11.gif");}
div#title_right ul li.item_12{background-image: url("../images/bg_obchody_list_item_12.gif");}


div#content ul.darky li{background-image: url("../images/bg_obchody_list_item_01.gif"); padding-left: 25px;}
div#content ul.deti li{background-image: url("../images/bg_obchody_list_item_02.gif"); padding-left: 25px;}
div#content ul.elektro li{background-image: url("../images/bg_obchody_list_item_03b.gif"); padding-left: 25px;}
div#content ul.hypermarket li{background-image: url("../images/bg_obchody_list_item_04.gif"); padding-left: 25px;}
div#content ul.interier li{background-image: url("../images/bg_obchody_list_item_05.gif"); padding-left: 25px;}
div#content ul.klenoty-doplnky li{background-image: url("../images/bg_obchody_list_item_06.gif"); padding-left: 25px;}
div#content ul.krasa-a-zdravi li{background-image: url("../images/bg_obchody_list_item_07.gif"); padding-left: 25px;}
div#content ul.moda li{background-image: url("../images/bg_obchody_list_item_08.gif"); padding-left: 25px;}
div#content ul.restaurace li{background-image: url("../images/bg_obchody_list_item_09.gif"); padding-left: 25px;}
div#content ul.sluzby li{background-image: url("../images/bg_obchody_list_item_10.gif"); padding-left: 25px;}
div#content ul.sport li{background-image: url("../images/bg_obchody_list_item_11.gif"); padding-left: 25px;}
div#content ul.volny-cas li{background-image: url("../images/bg_obchody_list_item_12.gif"); padding-left: 25px;}


div#title_right .hr_dotted{
		background: url("../images/bg_hr_dotted_title.gif") repeat-x 0 15px;
		height: 30px;
		margin: 0 20px 0 0;
}

div#title_right div.search{
  float: left;
  height: 77px;
  width: 220px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}	

div#title_right div.search input.text{
  width: 82px;
  height: 15px;
  padding: 3px 2px 3px 15px;
  *padding: 1px 2px 2px 2px;
  margin: 0 0 0 0;
  vertical-align: middle;
  color:#0877e7;
  background: #FFFFFF url("../images/bg_input_prodejce.gif") no-repeat 4px 3px;
  border: 1px solid #0656a7;
}	

div#title_right div.search input.submit{
  margin: 10px 0 0 0;
}

div#title_right div.search select{
  font-size: 8.25pt;
  padding: 3px 2px;
  vertical-align: middle;
  color:#91acbc;
  border: 1px solid #0656a7;  
}


/***************** site path ************************/

div#sitepath{
padding: 0 0 10px 20px;
margin: 0 0 0 0;
font-size: 7.5pt;
font-family: Arial, Verdana,  Helvetica, sans-serif;
color:#999999;
}

div#sitepath a{
font-weight: normal;
text-decoration:underline;
color: #999999;
}

/***************** hormenu ************************/

div#hormenu {
	background: #ebc90a url("../images/bg_hormenu_03.png") no-repeat left top;
	/*background: #b90000 url("../images/bg_hormenu.gif") no-repeat left top;*/
	/*background: #d3933b url("../images/bg_hormenu2.gif") no-repeat left top;*/
	height: 54px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#000000;
	overflow: hidden;
}

	div#hormenu ul.menu {
		margin: 0;
		padding: 20px 0 0 10px;
	}
	div#hormenu ul.menu li{
		list-style-type: none;
		padding: 0 7px;
		margin: 0 0 0 0;
		float:left;
		background: none;
	}
	
	div#hormenu ul.menu li a{
		color: #000000;
		text-decoration: none;
		font-size: 7.5pt;
		text-transform:uppercase;
		font-weight: bold;
		display:block;
		float: left;
		padding: 3px 7px;
		margin: 0 0 0 0;
		background: url("../images/bg_hormenu_list_item_03.png") left top;
	}

	div#hormenu ul.menu li  a:hover{background: url("../images/bg_hormenu_list_item_h_03.png") left top;}

	div#hormenu ul.menu li.first {}
	div#hormenu ul.menu li.first a {}
	div#hormenu ul.menu li.last {background: none; padding-right: 0;}
	div#hormenu ul.menu li.last a {margin: 0 0 0 0; }


/***************** unibox ************************/

div.unibox{
	width: 225px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	color: #000000;
	font-size: 8.25pt;
	border: 0;
	background: #FFFFFF url("../images/bg_unibox1.gif") repeat-y left top;
}

div.unibox2{background: url("../images/bg_unibox2.gif") no-repeat left top;}
div.unibox3{background: url("../images/bg_unibox3.gif") no-repeat left bottom; padding: 0 20px 20px 10px;}

div.unibox div.headline{
  	padding: 9px 0 9px 10px;
	height: 20px;
	margin: 0 -20px 0 -10px;
	text-transform:uppercase;
  	color: #000000;
  	font-weight: bold;
}	

div.unibox div.h01{background: url("../images/bg_unibox_headline_01_03.gif") no-repeat left top;}	
div.unibox div.h02{background: url("../images/bg_unibox_headline_02_03.gif") no-repeat left top;}	
div.unibox div.h03{background: url("../images/bg_unibox_headline_03_03.gif") no-repeat left top;}	
div.unibox div.h04{background: url("../images/bg_unibox_headline_04_03.gif") no-repeat left top;}		
div.unibox div.h05{background: url("../images/bg_unibox_headline_052_03.gif") no-repeat left top;}		
div.unibox div.h06{background: url("../images/bg_unibox_headline_06_03.gif") no-repeat left top;}		

div.unibox h4{
	font-size: 8.25pt;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

div.unibox p{
  	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	line-height: 11.25pt;
}	

div.unibox table{
	margin: 0;
	width: 100%;
	border: 0;
}

div.unibox table td{
	padding: 2px 0;
	font-size:8.25pt;
}	

div.unibox input.text{
  padding: 2px 5px;
  font-size: 8.25pt;
  color: #666666;
}	

div.unibox .hr_dotted{
	height: 10px;
	background-position: left 5px;
}


/***************** calendar ************************/

div.calendar table{
color:#0877e7;
font-size: 8.25pt;
border: 1px solid #FFFFFF;
border-right: 0;
float: right;
width: 150px;
margin: 0 0 5px 0;
}

div.calendar table th{
font-weight: bold;
border-right: 1px solid #FFFFFF;
text-align:center;
padding: 5px 0 0 0;
}

div.calendar table td{
border-right: 1px solid #FFFFFF;
text-align:center;
padding: 0 0 3px 0;
}

div.calendar table td.day a{
	padding: 1px 2px;
	margin: 0;
   	white-space:nowrap;
   	text-decoration: none;
   	vertical-align:middle;
   	background: #0877e7;
   	color: #ffffff;
	border: 0;
	cursor:pointer;
	cursor: hand;
	font-weight: bold;
}

div.calendar table td.year{
border-right: 1px solid #FFFFFF;
text-align:center;
background:#c2d6f0;
padding: 2px 0 3px 0;
vertical-align:middle;
}

div.calendar table td.year img{
vertical-align:middle;
margin: -2px 5px 0 5px;
}

div.calendar table td.year a{
}


div.calendar div.date{
width: 32px;
height: 32pt;
border: 1px solid #d9d9d9;
text-align: center;
font-weight: bold;
font-size: 12pt;
font-family:Arial;
margin: 0 10px 0 0; 
background: #FFFFFF;
float: left;
}

div.calendar div.date div.month{
 background: #d9d9d9;
 padding: 1px 0;
 margin: 0 0 5px 0;
 text-transform:uppercase;
 font-size: 7.5pt;
 font-weight: normal;
 font-family: Tahoma;
}	


/***************** transport ************************/

div.transport p span{
	color: #0877e7;
	font-weight: bold;
	font-size: 9.75pt;
}

div.transport p.traffic img{
vertical-align: middle;
margin: 0 3px 0 0;
}

div.transport p.traffic a{
font-weight: bold;
}						

/***************** newsletter ************************/

div.newsletter h4{
margin: 0 0 7px 0;
padding: 0;
}


div.newsletter input.text{
width: 160px;
}

div.unsubscribe{
padding: 10px 0 0 0;
}

div.unsubscribe input {
vertical-align: middle;
}

div.unsubscribe input.text {
padding: 4px 5px;
font-size: 9pt;
color: #666666;
width: 200px;
}

/***************** map ************************/

div.map p{
text-align:center;
}


/***************** news ************************/

div.news_item {
	padding: 0 0 20px 0;
}

div.news_item h3{
	font-size: 10.5pt;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}	

div.news_item div.date{
width: 32px;
height: 32pt;
border: 1px solid #d9d9d9;
text-align: center;
font-weight: bold;
font-size: 12pt;
font-family:Arial;
margin: 3px 10px 0 0; 
}

div.news_item div.date div.month{
 background: #d9d9d9;
 padding: 1px 0;
 margin: 0 0 5px 0;
 text-transform:uppercase;
 font-size: 7.5pt;
 font-weight: normal;
 font-family: Tahoma;
}	

div.news_item table a{
font-weight: bold;
}	

div.news_item table td{
vertical-align: top;
}	

div.news_item td.date{
width: 45px;
vertical-align:top;
}

div.news_item table td.image {
width: 150px;
}

div.news_item table td.image img{
margin: 0 0 0 20px;
}	

div.cat_image_holder {
padding: 5px 0;
}

div.cat_image_holder img{
margin: 0 10px 10px 0;
border: 2px solid #cccccc;}

/***************** homepage ************************/

div#homebox{
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}

div#homebox img.akce{
	margin: 0 0 0 20px;
}

div#bigbanner{
padding: 0 0 20px 0;
}



table.openhour td.logo{
width: 100px;
padding: 0 20px 0 0;
vertical-align:middle;
text-align:center;
}

table.kontakt {

}

table.kontakt td{
padding: 10px 0 0 0;
}

table.kontakt td img{
margin: 0 10px 0 0;
float: left;
border: 3px solid #dbeafc;
}

div.banner_map{margin:0 -20px 0 -20px; padding: 10px 0;}

div#flash_holder{
width: 702px;
overflow:hidden;
padding: 0 0 10px 0;
}

/***************** career ************************/

ul.career{
margin: 0 0 0 0;
padding: 5px 0 5px 0;
}

ul.career li{
list-style-type: none;
background: url("../images/bg_career_list.gif") no-repeat 0 4px;
padding: 3px 0 3px 17px;
}

/***************** photogallery ************************/

ul.photo{
margin: 0 0 0 0;
padding: 5px 0 5px 0;
}

ul.photo li{
list-style-type: none;
background: url("../images/bg_photo_list.gif") no-repeat 0 5px;
padding: 4px 0 4px 27px;
}

/***************** panorana ************************/


table.pano {
margin: 10px 0;
}

table.pano th{
padding: 10px 30px 5px 0;
}

table.pano td{
padding: 0 30px 10px 5px;
line-height: 11.25pt;
vertical-align: top;
}

table.pano td a{
font-weight: bold;
text-decoration: none;
font-size: 8.25pt;
padding: 0 0 0 0;
}

table.pano th img{
border: 2px solid #CCCCCC;
}



div.pano_holder{
border: 5px solid #d8e8fc;
width: 550px;
height: 350px;
margin: 10px 0;
}

table.partner{
margin: 10px 0 0 0;
}

table.partner td{
padding: 2px 5px 2px 5px;
}

table.partner th{
padding: 2px 10px 2px 5px;
width: auto;
}

div.partner_gallery{
padding: 10px 0;}

div.partner_gallery img{
margin: 5px;
border: 3px solid #cccccc;
vertical-align:middle;
}

/***************** brands ************************/

div.brands{
  background: url("../images/bg_brands_03.gif") no-repeat left top;
  height: 80px;
}

div.brands table td{
height: 80px;
vertical-align: middle;
text-align: center;
}

div.brands table td img{
margin: 0 10px;
vertical-align: middle;
}

/***************** login ************************/

div.login{
background:#DBE9F0;
padding: 15px;
margin: 10px 0;
width: 300px;
}

div.login table td{
padding: 0 5px 5px 0;
}

div.login table td input.inbutton{
font-weight: bold;
font-size: 9pt;
}



