@charset "utf-8";
/* 	
	Jiri Soman
	_______________________________________________

	Date of birth: 	25.05.2009, 13:312 p.m.
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/


html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-align:  center;
	
	background: #000000 url(background-repeat-all.png) top repeat-x;
}

H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px 0px 0px;
	font-weight: bold;
	color: #02b3da;
	
	font-family: Georgia, "Times New Roman", Times, serif;
}

H1 { font-size: 25px;}
H2 { font-size: 25px; color: #FFFFFF; line-height: 30px;}
H3 { font-size: 25px; color: #0ea0a7; line-height: 30px;}
H4 { font-size: 21px; color: #8fbb17; line-height: 25px;}
H5 { font-size: 18px; color: #e8784a; line-height: 22px;}
H6 { font-size: 16px; color: #ab0e36; line-height: 20px;}

p { margin: 5px 0px 15px 0px;}

a
{
	color: #0ea0a7;
}

a:link,
a:visited
{
	text-decoration: underline;
	font-weight: bold;
}

a:visited { color: #0a6d72;}

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

a img { 
	border: none;
}

a.last,
a.first
{
	color: #000000;
	font-weight: bold;
}

ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
}

strong { color:#8fbb17;}

img.border { border: #0ea0a7 solid 3px;}

HR
{
	clear: both;
	height: 1px;
	border: 0px;
	border-top: #FFFFFF dashed 1px;
	background: none;
	color: none;
}

/* tables */
table
{
	margin: 5px 0px 10px 0px;
}

table.standard
{
	border: #FFFFFF dashed 1px;
	border-right: none;
	border-bottom: none;
}

table.shops
{
	border: none;
	border-right: none;
	border-bottom: none;
}


table.colored
{
	border: #FFFFFF dashed 1px;
	border-right: none;
	border-bottom: none;
}

table th
{
	font-weight: bold;
	background: none;
	color: #000000;
	text-align: left;
	height: 45px;
	line-height: 45px;
}

table td
{
	padding-right: 10px;
}

table.standard th
{
	font-weight: bold;
	background: none;
	text-align: left;
	height: 45px;
	line-height: 45px;
}

table.standard th,
table.standard td 
{
	border-right: #FFFFFF dashed 1px;
	border-bottom: #FFFFFF dashed 1px;
}

table.colored th,
table.colored td
{
	border-right: #FFFFFF dashed 1px;
	border-bottom: #FFFFFF dashed 1px;
}

table.shops th,
table.shops td
{
	border-right: #000000 solid 2px;
	border-bottom: #000000 solid 2px;
}

table.shops th
{
	color: #FFFFFF;
	font-weight: bold;
	height: auto;
	line-height: auto;
	
	background: url(map-back.png);
}


table.colored th
{
	color: #FFFFFF;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	
	background: url(back-table.png) top left repeat-x;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td,
table.shops th,
table.shops td
{
	padding: 5px;
}

/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.imgL
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.imgR
{
	float: right;
	margin: 0px 0px 0px 10px;
}

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

.black { color: #000000;}

.white, .cwhite { color:#FFFFFF;}

.bold { font-weight: bold;}

span.white { background-color:#FFFFFF; padding: 3px 5px; color: #000000;}

/* inputs and labels */

input
{
	border: 0px;
	background: ulr(input-background.png) top left no-repeat;
 	
	padding: 5px;
}

input.text
{
	width: 250px;
	border: 0px;
	background: ulr(input-background.png) top left no-repeat;
 	
	padding: 5px;
}

textarea
{
	border: 0px;
	background: ulr(input-background.png) top left no-repeat;
	height: 150px; /* 26px */
	width: 250px; /* 175px */
 	
	padding: 5px;
}

input.sub
{
	
}


input.reset,
input.submit
{
	height: 38px; /* 38px */
	width: 68px; /* 68px */
	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	
	padding: 5px 0px 0px 0px;
	
	background: url(button.png) top left no-repeat;

	cursor: pointer;
}

.label
{
	font-weight: bold;
}

select
{
	padding: 5px;
	height: 30px; /* 30px */
	width: 260px; /* 260px */
}

.captcha
{
	float: left;
	width: 350px;
	padding: 20px 0px;
}

.captcha-image { float: left;}

.captcha-help
{
	float: left;
	height: 50px;
	width: 200px;	
	padding-left: 10px;
}

.captcha-number
{
	float: left;
	width: 58px;
}



/*
	layout ----------------------------------------
	_______________________________________________
*/

/* all layout stuff */
.main
{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
	
	background: url(background-all.jpg) center top no-repeat;
}

/*  header --------------------------------------- */

#header
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
	height: 128px;
	width: 914px;
}

.logo
{
	position: absolute;
	top: 38px;
	left: 0px;
	z-index: 10;
	
	height: 52px;
	width:310px;
}

.logo span
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	
	height: 52px;
	width: 310px;
	
	background: url(logo.png) top left no-repeat;
	
	cursor: pointer;
}

.radio
{
	position: absolute;
	top: 27px;
	right: -10px;
	z-index: 20;
	
	height: 90px;
	width: 178px;
}

.radio a img { border: 0px;}


/*  content ------------------------------------------ */

/* quick nav */
#quicknav
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
	height: 274px;
	width: 914px;
}

.motion
{
	position: relative;
	overflow: hidden;
	float: left;
	height: 272px;
	width: 690px;
	
	border: #000000 dashed 1px;
}

/* Search */
.search
{
	float: right;
	position: relative;
	height: 65px;
	width: 196px;
	
	background: #FFFFFF url(search-background.png) top left no-repeat;
}

.search form
{
	height: 63px;
	border: #000000 dashed 1px;
}

.search label
{
	position: absolute;
	top: 25px;
	left: 12px;
	
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	color: #000000;
}

.search .text
{
	position: absolute;
	top: 22px;
	left: 58px;
	
	width: 80px;
	
	color: #bfbfbf;
	
	padding: 2px 0px 0px 0px;
	
	border: none;
	background: none;
}

.search .submit
{
	position: absolute;
	top: 0px;
	right: 0px;
	
	height: 65px;
	width: 30px;
	
	padding: 0px;
	margin: 0px;
	
	border: 0px;
	background: url(search-button.png) top left no-repeat;
	
	cursor: pointer;
}

.search span
{
	position: absolute;
	top: 23px;
	right: 30px;
	
	display: block;
	height: 19px;
	width: 8px;
	
	background: url(seach-arrow.png) top left no-repeat;
}

/* map */
.map
{
	float: right;
	position: relative;
	overflow: hidden;
	height: 181px;
	width: 196px;
	
	margin-top: 27px;
	
	background: url(map-background.jpg) center 1px no-repeat;
}

.map a 
{
	display: block;
	height: 100%;
	width: 100%;
	
	cursor: pointer;
}

span.but
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	height: 42px;
	width: 196px;
	
	background: url(map-button.png) top left no-repeat;
}

span.ar
{
	position: absolute;
	left: 14px;
	bottom: 42px;
	display: block;
	height: 9px;
	width: 16px;
	
	background: url(map-arrow.png) top left no-repeat;
}

span.br
{
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 100%;
	width: 100%;
	
	border: #000000 dashed 1px;
}

/* menu */
#menu
{
	margin-left: auto;
	margin-right: auto;
	
	height: auto;
	width: 914px;
	
	padding: 27px 0px;
	
	text-align: center;
}

#menu ul
{
	float: left;
	height: 52px;
	width: 100%;
	
	padding: 0px;
	margin: 0px;
	
	list-style-type: none;
	
	background: url(menu-back.png) top left no-repeat;
}

#menu ul li,
#menu ul li a
{
	float: left;
	position: relative;
	height: 52px;
	
	padding: 0px;
	margin: 0px;
	
	list-style-type: none;
}

#menu ul li a span
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	display: block;
	height: 52px;
	
	cursor: pointer;
}

#menu ul li.menu-01, #menu ul li.menu-01 a, #menu ul li.menu-01 a span { width: 170px;}
#menu ul li.menu-02, #menu ul li.menu-02 a, #menu ul li.menu-02 a span { width: 118px;}
#menu ul li.menu-03, #menu ul li.menu-03 a, #menu ul li.menu-03 a span { width: 146px;}
#menu ul li.menu-04, #menu ul li.menu-04 a, #menu ul li.menu-04 a span { width: 104px;}
#menu ul li.menu-05, #menu ul li.menu-05 a, #menu ul li.menu-05 a span { width: 94px;}
#menu ul li.menu-06, #menu ul li.menu-06 a, #menu ul li.menu-06 a span { width: 73px;}
#menu ul li.menu-07, #menu ul li.menu-07 a, #menu ul li.menu-07 a span { width: 89px;}
#menu ul li.menu-08, #menu ul li.menu-08 a, #menu ul li.menu-08 a span { width: 120px;}

#menu ul li.menu-01 a span { background: url(menu-01.png) top left no-repeat;}
#menu ul li.menu-02 a span { background: url(menu-02.png) top left no-repeat;}
#menu ul li.menu-03 a span { background: url(menu-03.png) top left no-repeat;}
#menu ul li.menu-04 a span { background: url(menu-04.png) top left no-repeat;}
#menu ul li.menu-05 a span { background: url(menu-05.png) top left no-repeat;}
#menu ul li.menu-06 a span { background: url(menu-06.png) top left no-repeat;}
#menu ul li.menu-07 a span { background: url(menu-07.png) top left no-repeat;}
#menu ul li.menu-08 a span { background: url(menu-08.png) top left no-repeat;}

#menu ul li a:hover span { background-position: bottom left;}
#menu ul li.active a span { background-position: bottom left;}

/* model filters + submenu */
.model-filters,
.model-filters .btop,
.model-filters .bmiddle,
.model-filters .bbottom,
.submenu,
.submenu .btop,
.submenu .bmiddle,
.submenu .bbottom
{
	float: left;
	width: 914px;
	height: auto;
}

.model-filters,
.submenu 
{ 
	margin-left: 1px;
}

.model-filters .btop,
.submenu .btop
{
	height: 12px;
	background: url(model-filters-top.png) top left no-repeat;
}

.model-filters .bmiddle,
.submenu .bmiddle
{
	text-align: left;
	background: url(model-filters-middle.png) top left repeat-y;
}

.model-filters .bmiddle p.m0,
.submenu .bmiddle .level1
{ 
	padding: 3px 15px 6px 15px;
	margin: 0px;
	color: #034447;
}

.model-filters .bmiddle p.m0 a, .submenu .bmiddle .level1 a { color: #66d8de;}
.model-filters .bmiddle p.m0 a:hover, .submenu .bmiddle .level1 a:hover { color: #034447; text-decoration: none;}
.model-filters .bmiddle p.m0 a.active, .submenu .bmiddle .level1 a.active { color: #034447; text-decoration: none;}

.model-filters .bmiddle p.m0 a.mark { color: #ae0e37;}
.model-filters .bmiddle p.m0 a.mark:hover { color: #034447; text-decoration: none;}
.model-filters .bmiddle p.m0 a.mark.active { color: #034447; text-decoration: none;}


.model-filters .bmiddle p.m1,
.model-filters .bmiddle p.m2
{ 
	padding: 0px 15px 6px 15px;
	margin: 0px;
	color: #034447;
}

.model-filters .bmiddle p.m1 a, .model-filters .bmiddle p.m2 a { color: #FFFFFF;}
.model-filters .bmiddle p.m1 a:hover, .model-filters .bmiddle p.m2 a:hover { color: #FFFFFF; text-decoration: none;}
.model-filters .bmiddle p.m1 a.active, .model-filters .bmiddle p.m2 a.active { color: #FFFFFF; text-decoration: none;}


.model-filters .bbottom,
.submenu .bbottom
{
	height: 5px;
	background: url(model-filters-bottom.png) top left no-repeat;
}

/* pagelabel */
.pagelabel
{
	float: left;
	width: 914px;
	height: 55px;
	background-color: #FFFFFF;
	border: #000000 dashed 1px;
}

.pagelabel H1
{
	position: relative;
	display: block;
	float: left;
	height: 45px; /* 55px */
	width: 400px;
	
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

.pagelabel.katalog-produktu H1 span,
.pagelabel.guestbook H1 span,
.pagelabel.fotogalerie H1 span,
.pagelabel.sponzorujeme H1 span,
.pagelabel.obchody H1 span,
.pagelabel.kontakt H1 span,
.pagelabel.akce H1 span,
.pagelabel.soutez H1 span,
.pagelabel.novinky H1 span,
.pagelabel.mapa-stranek H1 span,
.pagelabel.e-shop H1 span
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	display: block;
	height: 55px;
	width: 400px;
}

.pagelabel.katalog-produktu H1 span { background: url(title-catalogue.png) left top no-repeat;}
.pagelabel.guestbook H1 span { background: url(title-guestbook.png) left top no-repeat;}
.pagelabel.fotogalerie H1 span { background: url(title-photos.png) left top no-repeat;}
.pagelabel.sponzorujeme H1 span { background: url(title-sponsors.png) left top no-repeat;}
.pagelabel.obchody H1 span { background: url(title-shop.png) left top no-repeat;}
.pagelabel.kontakt H1 span { background: url(title-contact.png) left top no-repeat;}
.pagelabel.akce H1 span { background: url(title-action.png) left top no-repeat;}
.pagelabel.soutez H1 span { background: url(title-tender.png) left top no-repeat;}
.pagelabel.novinky H1 span { background: url(title-news.png) left top no-repeat;}
.pagelabel.mapa-stranek H1 span { background: url(title-map.png) left top no-repeat;}
.pagelabel.e-shop H1 span { background: url(title-eshop.png) left top no-repeat;}

/* content */
.content
{
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 914px;
	
	text-align: left;
	
}

.content .in
{
	float: left;
	height: auto;
	width: 874px; /* 914px */
	
	padding: 20px;
	
	border: #FFFFFF dashed 1px;
	background: url(content-background.png);
}

.box 
{
	float: left;
	overflow: hidden;
	height: 220px;
	width: 441px;
	
	margin-bottom: 25px;
	
	border: #000000 dashed 1px;
}

.box p
{
	padding: 0px;
	margin: 0px;
}

p.pp { padding: 5px;}

.box .in 
{
 	float: left;
	height: 133px;
	width: 393px;
	
	margin: 10px 0px 0px 25px;
	padding: 0px;
	
	border: 0px;
	background: none;
}

.box .in  p
{
	margin: 0px;
	padding: 0px;
	
	line-height: 12px;
}

.box .in a.more
{
	float: right;
	font-weight: bold;
	text-decoration: underline;
	color: #ab0e36;
}

.box .in .green a.more { color: #0ea0a7;}

.box .in a.more:hover
{
	text-decoration: none;
}

.box .in .blue,
.box .in .green
{
	float: left;
	overflow: hidden;
	height: 23px;
	width: 393px;
}

.box .in span.date
{
	font-weight: bold;
	padding-left: 12px;
	color: #ab0e36;
	
	background: url(homepage-news-ico-green.png) left center no-repeat;
}

.box .in .green span.date
{
	color:#0ea0a7;
	background: url(homepage-news-ico-blue.png) left center no-repeat;
}

.box .in H2,
.box .in H3,
.box .in H4,
.box .in H5,
.box .in H6
{
	display: inline;
	font-size: 11px;
	color: #ab0e36;
	line-height: 14px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0px;
	padding: 0px;
}

.box .in H2 a,
.box .in H3 a,
.box .in H4 a,
.box .in H5 a,
.box .in H6 a
{
	color: #ab0e36;
	text-decoration: underline;
}

.box .in .green H2 a,
.box .in .green H3 a,
.box .in .green H4 a,
.box .in .green H5 a,
.box .in .green H6 a
{
	color: #0ea0a7;
	text-decoration: underline;
}

.box .in H2 a:hover,
.box .in H3 a:hover,
.box .in H4 a:hover,
.box .in H5 a:hover,
.box .in H6 a:hover
{
	text-decoration: none;
}

.box .in .green H2,
.box .in .green H3,
.box .in .green H4,
.box .in .green H5,
.box .in .green H6
{
	color: #0ea0a7;
}

.box.one { float: right;}

.box.news { background: url(homepage-news-background.png) top left no-repeat;}

.box.news .label
{
	float: left;
	position: relative;
	height: 33px;
	width: 410px; /* 441px */
	
	padding: 10px 16px;
	text-align: left;
}

.box.news .label span
{
	position: absolute;
	left: 16px;
	top: 10px;
	
	display: block;
	height: 33px;
	width: 222px;
	
	background: url(homepage-news-title.png) top left no-repeat;
	
	cursor: pointer;
}

/* panel tv */
#panel
{
	margin-left: auto;
	margin-right: auto;
	height: 114px;
	width: 912px;
	
	border: #000000 dashed 1px;
	background: url(footer-eckotv.png) top left no-repeat; 
}

#panel .tv,
#panel .com
{
	float: left;
	height: 114px;
	width: 360px;
}

#panel .com
{
	width: 290px; 
	float: right;
}

#panel a 
{
	display: block;
	width: 100%;
	height: 100%;
	
	cursor: pointer;
}

/* item for produkts */
.item
{
	float: left;
	overflow: hidden;
	height: 207px;
	width: 268px;
	
	margin: 0px 0px 50px 0px;
	
	background: url(item-background.png);
	border: #FFFFFF dashed 1px;
}

.item.middle { margin: 0px 52px;}

.item-label
{
	float: left;
	height: 40px;
	width: 228px; /* 268px */
	padding: 0px 20px;
}

.item-label H2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #FFFFFF;
	line-height: 30px;
}

.item-content
{
	float: left;
	height: 160px;
	width: 137px; /* 157px */
	
	padding: 0px 0px 0px 20px;
}

.item-content p.item-img
{
	padding: 0px;
	margin: 0px;
}

.item-content p.item-img a
{
	overflow: hidden;
	display: block;
	height: 119px; /* +5px */
	width: 136px;	/* +5px */
	border: #ae0e37 solid 2px;
}

.item-content p.item-img a:hover { border: #0ea0a7 solid 2px;}

.item-content p.price { color:#0ea0a7;}
.item-content p.price span { color: #FFFFFF;}

.item-photos
{
	float: left;
	height: 160px;
	width: 95px; /* 107px */
	
	padding-left: 12px;
}

.item-photos a
{
	float: left;
	overflow: hidden;
	display: block;
	height: 27px;
	width: 31px;
	
	margin: 0px 8px 8px 0px;
	
	border: #e8e8e8 solid 1px;
}

.paging
{
	float: left;
	height: auto;
	width: 914px;
}

.paging ul
{
	float: left;
	height: auto;
	width: 914px;
	
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

.paging ul li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px 1px 0px 0px;
}

.paging ul li,
.paging ul li a
{
	float: left;
	height: 36px;
	line-height: 35px;
	
	list-style-type: none;
	
	margin: 0px;
	padding: 0px 1px 0px 0px;
}

.paging ul li a
{
	width: 20px;
	padding: 0px;
	
	text-align: center;
	
	color: #000000;
	font-weight: normal;
	
	text-decoration: none;
	
	background-color: #FFFFFF;
	border: #0ea0a7 solid 1px;
}

.paging ul li a.next { width: 40px;}
.paging ul li a.previous { width: 70px;}

.paging ul li a:hover { background-color: #03767c; color: #FFFFFF;}
.paging ul li a.active { background-color: #03767c; color: #FFFFFF;}

/* item for gallery */
.gallery-item
{
	float: left;
	height: 253px;
	width: 217px;
	
	margin: 0px 15px 15px 0px;
}

.gallery-item.detail { height: 198px;}

.gallery-item .in
{
	position: relative;
	float: left;
	height: 195px;
	width: 214px;
	
	padding: 0px;
	
	margin-left: 1px;
	
	border: #FFFFFF dashed 1px;
	border-bottom: none;
	background: url(item-background.png);
}

.gallery-item.detail .in { border: #FFFFFF dashed 1px;}

.gallery-item.last { margin-right: 0px;}

.gallery-label
{
	float: left;
	height: 37px;
	line-height: 25px;
	width: 214px; /* 214px */
	
	text-align: center;
}

.gallery-label H2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #FFFFFF;
}

.gallery-label H2 a { color: #FFFFFF; text-decoration: none;}
.gallery-label H2 a:hover { color: #FFFFFF; text-decoration: underline;}

.gallery-photo 
{
	float: left;
	height: 157px;
	width: 136px; /* 214px */
	text-align: center;
	
	padding: 0px 39px;
}

.gallery-photo a 
{
	overflow: hidden;
	display: block;
	height: 119px;
	width: 136px;
	
	border: #ae0e37 solid 2px;
}

.gallery-photo a:hover { border: #0ea0a7 solid 2px;}

span.arr
{
	position: absolute;
	left: 98px;
	bottom: 0px;
	
	display: block;
	height: 8px;
	width: 15px;
	
	background: url(photogalery-arrow.png) top left no-repeat;
}

.gallery-item .description
{
	float: left;
	height: 58px;
	width: 217px;
	
	background: url(photogalery.png) top left no-repeat;
}

.gallery-item .description p
{
	padding: 10px;
	margin: 0px;
}

/* news - action item */
.news-item
{
	float: left;
	overflow: hidden;
	height: 195px;
	width: 442px;

	margin: 0px 30px 15px 0px;
}

.news-item.last { margin-right: 0px;}

.news-title
{
	float: left;
	overflow: hidden;
	height: 44px;
	line-height: 34px;
	width: 442px;
	
	padding-bottom: 4px;
	
	background: url(news-header.png) top left no-repeat;
}

.news-item.akce .news-title {background: url(news-header-blue.png) top left no-repeat;}

.news-title H2
{
	padding: 0px 12px 0px 12px;
	margin: 0px;
	
	white-space: nowrap;
	
	color: #FFFFFF;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.news-title H2 a
{
	text-decoration: underline;
	color: #FFFFFF;
}

.news-title H2 a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

.news-title H2 span.date
{
	padding-left: 16px;
	font-weight: normal;
	background: url(news-ico.png) left center no-repeat;
}

.news-perex
{
	float: left;
	height: 144px;
	width: 440px;
	
	border: #FFFFFF dashed 1px;
	background: url(item-background.png);
}

.news-perex .in
{	
	float: left;
	overflow: hidden;
	height: 124px; /* 144px */
	width: 420px; /* 440px */
	
	padding: 10px;
	margin: 0px;
	border: 0px;
	background: none;
}

.news-perex .in p
{
	margin: 0px;
	padding: 0px;
}

.news-perex .in img
{
	border: #ae0e37 solid 2px;
	margin-right: 10px;
}

.news-item.akce .news-perex .in img { border: #00a2a9 solid 2px;}


/* shops */
.maps
{
	float: left;
	height: auto;
	width: 327px;
}

.maps-label,
.list-label
{
	float: left;
	overflow: hidden;
	height: 55px;
	line-height: 33px;
	width: 327px;
	
	margin-bottom: 20px;
	
	background: url(map-header-red.png) top left no-repeat;
}

.list-label
{
	width: 527px;
	
	background: url(map-header-blue.png) top left no-repeat;
}

.maps-label H2,
.list-label H2
{
	font-size: 25px;
	color: #FFFFFF;

	padding: 0px 15px;
}

.maps-cr,
.maps-sk,
.maps-search
{
	float: left;
	height: auto;
	width: 327px;
	text-align: center;
	
	margin-bottom: 20px;
}

.maps-search .m0 { width: 327px;}

.maps-search .m0 table.invisible { text-align: left;}

.maps-search .m0 table.invisible input.submit { float: right;}

.maps-search form.m0 #Select
{
	width: 160px;
}

.list,
.list-content
{
	float: right;
	height: auto;
	width: 527px;
}

.list-content { float: left;}

.list .paging { width: 527px;}
.list .paging ul { width: 527px;}

.list-content table
{
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	
	background: none;
}

.list-content table tr td
{
	background: url(map-back.png);
}

.list-content table.shops tr th
{
	text-align: center;
	color: #000000;
	font-weight: bold;
	
	background: none;
	background: url(map-back.png);
}

.list-content table p
{
	padding: 0px;
	margin: 0px;
}

.list-content table a
{
	text-decoration: underline;
	color: #66616e;
}

.list-content table a:hover
{
	text-decoration: none;
	color: #66616e;
}

/* Guestbook */
.gleft,
.request
{
	float: left;
	height: auto;
	width: 690px;
}

.request-header
{
	float: left;
	overflow: hidden;
	height: 41px; /* 61px */
	width: 104px; /* 124px */
	
	padding: 10px;
	
	background: url(guestbook-red.png) top left no-repeat;
}

.request.ans .request-header { background: url(guestbook-blue.png) top left no-repeat;}

.request .request-header span.rdate
{
	font-weight: bold;
	white-space: nowrap;
}

.request .request-header span.rname
{
	text-decoration: underline;
	color: #f4a0a4;
	padding-left: 15px;
	background: url(guestbook-ico.png) left center no-repeat;
}

.request .request-header span.rname a
{
	text-decoration: underline;
	color: #f4a0a4;
}

.request.ans .request-header span.rname a { color: #003234;}

.request .request-header span.rname a:hover
{
	color: #f4a0a4;
	text-decoration: none;
}

.request.ans .request-header span.rname a:hover { color: #003234;}

.request .request-text
{
	float: right;
	height: auto;
	min-height: 61px;
	width: 560px;
	
	color: #FFFFFF;
	
	border: #FFFFFF dashed 1px;
	background: url(guestbook-background-black.png);
}

.request.ans .request-text
{
	border: #000000 dashed 1px;
	color: #000000;
	font-weight: bold;
	background: url(guestbook-background-white.png);
}

.request-text p
{
	padding: 10px;
	margin: 0px;
}

.gleft .pagelabel {	width: 688px;}

.gleft .paging {	width: 688px;}
.gleft .paging ul {	width: 688px;}

.gright
{
	float: right;
	overflow: hidden;
	height: 514px;
	width: 196px;
}

.error
{
	float: left;
	overflow: hidden;
	height: 46px; /* 56px */
	width: 176px; /* 196px */
	
	margin-bottom: 25px;
	padding: 5px 10px;
	
	border: #000000 dashed 1px;
	background-color: #FFFFFF;
}

.error span
{
	color: red;
}

.comment-head
{
	float: left;
	height: 42px;
	line-height: 40px;
	width: 196px;
	
	background: url(guestbook-form-top.png) top left no-repeat;
}

.comment-head H2
{
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 40px;
	
	padding: 0px 12px;
	margin: 0px;
}

.comment
{
	position: relative;
	float: left;
	height: 372px;	/* 372px */
	width: 194px; /* 196px */
	
	border: #000000 dashed 1px;
	border-top: none;
	
	color: #000000;
	
	background: #FFFFFF url(guestbook-form-back.png) 4px top no-repeat;
}

label.gname,
label.gemail,
label.gmessage
{
	position: absolute;
	left: 10px;
	color: #01474b;
	font-weight: bold;
	
	text-align: right;
}

label.gname { top: 26px;}
label.gemail { top: 62px; left: 17px;}
label.gmessage { top: 100px; left: 13px;}

input.gname,
input.gemail,
textarea.gmessage
{
	position: absolute;
	left: 58px;
	width: 128px;
	
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: none;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input.gname { top: 26px;}
input.gemail { top: 62px;}
textarea.gmessage { top: 100px; height: 94px;}

.comment .captcha
{
	position: absolute;
	height: 105px;
	width: 182px;
	left: 10px;
	top: 215px;
	padding: 0px;
}

.comment .captcha span.captcha-help
{
	float: left;
	padding: 0px;
	padding-top: 10px;
	width: 182px;
}

.comment .captcha span.captcha-help a
{
	color: #01474b;
	text-decoration: underline;
	font-weight: normal;
}

.comment .captcha span.captcha-help a:hover
{
	color: #01474b;
	text-decoration: none;
}

.comment .captcha input.captcha-number
{
	position: absolute;
	left: 100px;
	top: 15px;
	height: 25px;
	width: 70px;
	
	margin: 0px;
	padding: 0px;
	
	border: 0px;
	background: none;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.buttons
{
	position:absolute;
	left: 0px;
	bottom: 0px;
	height: 48px;
	width: 194px;
	
	background: url(guestbook-buttons.png) top left no-repeat;
}

.buttons input.submit1,
.buttons input.submit2
{
	float: left;
	height: 48px;
	width: 97px;
	
	margin: 0px;
	padding: 0px;
	
	background: none;
	border: 0px;
	
	cursor: pointer;
}

/*  footer ------------------------------------------ */

/* footer */
#foot
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	height: 272px;
	width: 100%;
	
	text-align: center;
	
	background: url(footer-background.png) left top repeat-x;
}

#foot .in
{
	margin-left: auto;
	margin-right: auto;
	height: 272px;
	width: 914px;
	
	text-align: left;
}

#foot .in strong { color:#FFFFFF;}

#foot .in .contact,
#foot .in .copyright,
#foot .in .links
{
	float: left;
	height: 205px;
	
	margin-top: 45px;
}

#foot .in .contact { width: 360px;}
#foot .in .copyright { width: 390px; position: relative;}
#foot .in .links { width: 160px;}

#foot .in .contact .label,
#foot .in .copyright .label,
#foot .in .links .label
{
	float: left;
	height: 27px;
	width: 100%;
}

#foot .in .contact .label { background: url(footer-contact.png) left top no-repeat;}
#foot .in .copyright .label { background: url(footer-copyright.png) left top no-repeat;}
#foot .in .links .label { background: url(footer-links.png) left top no-repeat;}

#foot .in .contact .text,
#foot .in .copyright .text,
#foot .in .links .text
{
	float: left;
	height: 150px;
	width: 100%;
	
	margin-top: 17px;
	
	background: url(footer-separator.png) left top no-repeat;
}

#foot .in p
{
	line-height: 20px;
	padding-left: 15px;
	
	margin: 0px;
}

#foot .in p.ad
{
	margin-top: -5px;
	margin-bottom: 15px;
}

#foot .in p.ph a, #foot .in p.ph a:hover { font-weight: normal;}

#foot .in p.cms
{
	padding-top: 70px;
}

#foot .in p.cms a, #foot .in p.cms a:hover { font-weight: normal;}

#foot .in a
{
	color: #2c9fb4;
	text-decoration: underline;
}

#foot .in a:hover
{
	color: #2c9fb4;
	text-decoration: none;
}

#foot .in ul
{
	margin: 0px;
	padding-left: 15px;
	
	list-style-type: none;
	line-height: 20px;
}

#foot .in ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#foot .in .text ul li a, #foot .in .text ul li a:hover { font-weight: normal;}

#foot .in ul.footnav
{
	margin-top: -5px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

#foot .in ul.footnav li a, #foot .in ul.footnav li a:hover { font-weight: bold;}


/*
	all -------------------------------------------
	_______________________________________________
*/

.h1	{ height: 1px;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h25 { height: 25px;}
.h30 { height: 30px;}
.h33 { height: 33px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}

.hf { height: 312px;} /* kvuli paticce ecko! je absolutne pozicovana! */

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.first { margin-top: 30px;}

.mt3 { margin-top: 0px !important; }
.ml10 { margin-left: 10px !important; }

.w50 { width: 48%;}
.w180 { width: 180px;}
.w600 { width: 588px; padding-right: 15px; position:relative;}

.mheight { min-height: 575px;}

* html .mheight { height: 575px;}

.b { text-align: right; }

.hid { display: none; }

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

#facebook {
position:absolute;
width: 200px;
height: 30px;
top: 100px;
left: 15px;
}

#facebook span {
margin-left: 6px; display: block; float: left; line-height: 30px; height: 30px; overflow: hidden;
}