body{
	margin:0;
	padding:0;
	color: #002F52;
	font: 81.25% Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li,div, hr, form {
	padding: 0px;
	margin: 0px;
}
a {
	color: #002D64;
}
a:hover {
	text-decoration: underline;
	cursor: pointer; 
	cursor: hand;
}

img {
	border: none;
}
.cleaner {
	margin: 0px auto;
	width: 100%;
	visibility: hidden;
	clear: both;
	font-size: 0%;
}

.divider {height: 45px;}

#header, #content, #footer {
	margin: 0px auto;
	clear: both;
}	
#header {
	height: 150px;
	width: 950px;
}
#header  h1,#header h2 {
	display: block;
	height: 49px;
	width: 180px;
	margin-top: 34px;
	clear: both;
	float: left;
	padding-left: 43px;
}
#header p {
	display: block;
	clear: both;
	float: left;
	margin-top: 17px;
	font-size: 100%;
	height: 20px;
	padding-left: 100px;
	width:130px;
}
#header  div,#footer div {
	float: left;
	height: 35px;
	width: 950px;
	background: url(../img/bg-menu.gif) repeat-x 0px 0px;
	clear: both;
}
#header #left-head {
	float: left;
	clear: none;
	background: url(none);
	width: 249px;
	height: 159px;
}
#header    #flashBanner {
	margin: 0px;
	float: right;
	height: 159px;
	width: 701px;
	background: url(../img/header-right.jpg) no-repeat 0px 0px;
	display: block;
	padding: 0px;
	clear: none;
}

#header   ul,#footer  div ul {
	list-style: none;
	display: block;
	float: left;
	height: 35px;
	width: 940px;
	padding-left: 4px;
}
#header   li,#footer  div li {
	display: block;
	float: left;
	padding-right: 14px;
	padding-left: 15px;
	padding-top: 9px;
	background: url(../img/bg-menu-li.gif) no-repeat 0px 12px;
}
#header      .first,#footer     .first,#footer    .bottom-menu   .first, .main #next-nabidka .first {
	background: url(none);
	font-weight: normal;
}
#header   li   a,#footer  div  li a {
	color: #FFFFFF;
	text-decoration: none;
}
#header   li   a:hover,#footer  div  li a:hover {
	color: #FED30C;
	text-decoration: underline;
}
#header form {
	display: block;
	float: right;
	height: 35px;
	width: 236px;
	padding-right: 14px;
}
#header input {
	height: 17px;
	width: 136px;
	border-style: none;
	margin-top: 8px;
	float: right;
	font: 85% Arial, Helvetica, sans-serif;
	color: #63809C;
	padding-top: 4px;
	padding-right: 2px;
	padding-left: 7px;
}
#header .search-bt {
	height: 22px;
	width: 80px;
	margin-left: 6px;
	padding: 0px;
}



#content {
	width: 950px;
	/*background: url(../img/bg-main.gif) no-repeat 563px 0px;*/
	background: url(../img/content-back.jpg) repeat-y;
	/*padding-top: 6px;*/
	
}
#content .left {
	float: left;
	width: 250px;
	padding: 20px 0px 0px 0px;
	background: #002F52 url(../img/bg-left.gif) repeat-x 0px 0px;
	
}
.left ul {
	display: block;
	float: left;
	width: 250px;
	list-style: none;
}
.left ul ul {
	padding-left: 20px;
	width: 230px;
}
.left li {
	display: block;
	position: relative;
	clear: both;
}
.left li li {
	font-weight: normal;
}

.left li a {
	background: url(../img/bg-left-menu-off.gif) no-repeat 14px 9px;
	display: block;
	width: 226px;
	padding-left: 24px;
	clear: both;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
}
.left li li a {
	font-weight: normal;
	width: auto;
	background: url(../img/bg-submenu-off.gif) no-repeat 14px 9px;
}
.left  li a:hover {
	background: #fed30c url(../img/bg-left-menu-on.gif) no-repeat 14px 9px;
	color: #002F52;
	text-decoration: none;
}
.left  li a.active {
	background: #fed30c url(../img/bg-left-menu-on.gif) no-repeat 14px 9px;
	color: #002F52;
	text-decoration: none;
}
.left li li a:hover {
	background: #fed30c url(../img/bg-left-menu-on.gif) no-repeat 14px 9px;
	text-decoration: none;
}
.left li li a.active {
	background: #fed30c url(../img/bg-left-menu-on.gif) no-repeat 14px 9px;
	text-decoration: none;
	color: #002F52;
}
#address {
	float: left;
	width: 237px;
	height: 285px;
	background: #d8dff1;
	font-style: normal;
	padding-left: 13px;
	margin-top: 20px;
}
.left strong {
	display: block;
	clear: both;
	float: left;
	color: #FED30C;
	font-size: 170%;
	margin-top: 137px;
}
.left span {
	clear: both;
	float: left;
	width: 230px;
	font-weight: bold;
	margin-top: 33px;
	font-size: 130%;
}
.left #titul {
	margin-top: 0px;
	font-size: 95%;
}
.left p {
	display: block;
	clear: both;
	float: left;
	font-size: 95%;
	margin-top: 5px;
	width: 200px;
}



#content .main {
  background: #ffffff;
	float: left;
	width: 430px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:6px;
}




.main #top-main {
	font-size: 90%;
	margin-bottom: 10px;
}
.main #top-main a {
	text-decoration: none;
}
.main #top-main a:hover {
	text-decoration: underline;
}
.main  h2 {
	font-size: 125%;
	
}

.main h1 {
	font-size: 135%;
	padding: 0px 0px 10px 0px;
}

.main ul {margin: 10px 0 10px 15px;}

blockquote {width: 80%;}

.main #top-nadpis {
	padding-left: 10px;
	margin-top: 15px;
	width:300px;
}
.main p {
	display: block;
	/*clear: both;*/
/*	float: left;
	width: 430px; */
}
.main #top-info {
	margin-top: 13px;
	padding-left: 9px;
}
.main  #top-nabidka, .main #next-nabidka, .main .nabidka-seznam{
	display: block;
	clear: both;
	float: left;
	list-style: none;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 4px;
}
.main #next-nabidka, .main .nabidka-seznam {
	margin-top: 5px;
	font-size: 90%;
}

.main  #top-nabidka  li, .main #next-nabidka li, .main .nabidka-seznam li{
	background: url(../img/bg-top-nabidka.gif) no-repeat 9px 2px;
	display: block;
	clear: both;
	float: left;
	padding-left: 35px;
	width: 395px;
	padding-bottom: 9px;
}
.main #next-nabidka li .list-none, main .nabidka-seznam li .list-none{
	background: none;
}


.main .seznam-left{
width:210px;
float:left;
}


.main .seznam-left .nabidka-seznam li{
width:200px;
}



.main .seznam-right{
padding-top:5px;
text-align:right;
width:220px;
_width:195px;
float:left;
}



.main #banner, .main .banner2 {
	clear: both;
	float: left;
	height: 80px;
	width: 430px;
	background: url(../img/bg-banner.gif);
	margin-top: 16px;
	text-align: center;
	display: block;
}


.main   a#banner , .main a.banner2  {
	text-decoration: none;
		
}





.main  a:hover#banner   span, .main  a:hover.banner2   span {
	color: #FED30C;
	text-decoration: underline;
}


.main #banner h2, .main .banner2 h2  {
	color: #FFFFFF;
	width: 430px;
	clear: both;
	margin-top: 19px;
	font-size: 130%;
	font-weight: bold;
}


.main #banner span, .main .banner2 span {
	color: #FED30C;
	font-size: 140%;
	font-weight: bold;
}
.main #cards {
	margin-top: 43px;
	float: left;
	width: 430px;
}
.main #cards img {
	float: left;
	height: 260px;
	width: 190px;
}
.main #cards p {
	clear: none;
	width: 230px;
}
.main #cards h4 {
	display: block;
	float: left;
	width: 230px;
	margin-top: 24px;
	font-size: 120%;
}
.main #cards span {
	display: block;
	float: left;
	width: 230px;
	color: #666666;
}

.main .uvod-left{
float:left;
width:190px;
}
.main .uvod-right{
float:left;
width:230px;
}



.main #cards-sparkys {
	float: left;
	width: 430px;
	margin-top: 10px;
}
.main #cards-sparkys img {
	float: right;
	height: 85px;
	width: 115px;
}
.main #cards-sparkys h5 {
	display: block;
	font-size: 130%;
	float: left;
	margin-bottom: 10px;
}
.main  #cards-sparkys p {
	float: left;
	width: 300px;
	display: block;
	clear: none;
	font-size: 90%;
}
.main #cards-sparkys strong {
	font-size: 130%;
}


.main #cards-tesco {
	float: left;
	width: 430px;
	margin-top: 10px;
}
.main #cards-tesco img {
	float: right;
	height: 85px;
	width: 115px;
}
.main #cards-tesco h5 {
	display: block;
	font-size: 130%;
	float: left;
	margin-bottom: 10px;
}
.main  #cards-tesco p {
	float: left;
	width: 300px;
	display: block;
	clear: none;
	font-size: 90%;
}
.main #cards-tesco strong {
	font-size: 130%;
}

.main .text{
/*width:420px;*/
padding: 5px 5px 10px 0;;
}

.main .text p{
/*width:420px;*/ text-align: justify; margin: 0 0 15px 0;



}



.main .text img{

float:right;
border:5px solid #D8DFF1;
margin-top:10px;
margin-left:10px;
width:190px;
/*height:140px;*/
}



.main .text2{
width:420px;
float:left;

padding-top:5px;
}

.main .text2 p{
width:420px;



}



.main .text3 img{
margin-top:10px;


}

.main .text3{
width:420px;
float:left;

padding-top:5px;
}

.main .text3 p{
width:420px;



}



.main .text2 img{
margin-top:10px;

width:420px;
/*height:140px;*/
}







.main .top-box {
	float: left;
	width: 420px;
	margin-top: 15px;
	padding-left: 10px;
	margin-bottom: 13px;
}



.main .top-box ul{
	margin-left:10px;
}

.main .top-box img {
	height: 141px;
	width: 190px;
	border: 5px solid #d8dff1;
	float: right;
	margin-left: 5px;
}
.main  .main-table {
	float: left;
	clear: both;
}
.main .main-table th {
	padding-left: 10px;
	text-align: left;
}
.main .main-table td {
	padding-left: 15px;
	background: url(../img/bg-td-sun.gif) no-repeat 3px;
	font-weight: bold;
}
.main .sun-1 {
	background: url(../img/bg-sun-1.gif) no-repeat 0px 0px;
	display: block;
	float: left;
	height: 52px;
	width: 420px;
	font-size: 130%;
	padding-left: 10px;
	padding-top: 33px;
}
.main .sun-2 {
	background: url(../img/bg-sun-2.gif) no-repeat 0px 0px;
	display: block;
	float: left;
	height: 34px;
	width: 430px;
	font-size: 130%;
	padding-top: 16px;
	text-align: center;
	margin-top: 25px;
}

.main .sun-3 {
	background: url(../img/bg-sun-2.gif) no-repeat 0px 0px;
	display: block;
	float: left;
	height: 34px;
	width: 430px;
	font-size: 130%;
	padding-top: 16px;
	text-align: center;
	margin-top: 25px;
}


.main .sun-3 a{
text-decoration:underline;
}




.main .sun-delsi{
	font-size: 110%;
	padding-top: 7px;
	height: 44px;
}
.main  .sun {
	float: left;
	background: url(../img/bg-sun.gif) no-repeat 0px 0px;
	height: 45px;
	width: 52px;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 13px;
}
.main .sun-variant {
	display: block;
	float: left;
	height: 63px;
	width: 350px;
	clear: none;
	padding-left: 10px;
	padding-top: 7px;
}

.actual-img, .categoryImg {float: right; padding: 5px 0 5px 10px;}
img.imgDefault {float: right; padding: 5px 0 5px 10px; }

#content .right {
	float: right;
	width: 250px;
	background: #d8dff1;
	
}
.right h2 {
	background: #002F52;
	display: block;
	width: 224px;
	float: left;
	clear: both;
	height: 26px;
	color: #FED30C;
	font-size: 100%;
	padding-left: 26px;
	padding-top: 9px;
}
.right .scroll-box {
	background: #d8dff1;
	clear: both;
	float: left;
	width: 230px;
	padding-left: 20px;
	padding-bottom: 80px;
}
.right .scroll-box .right-box {
	float: left;
	clear: both;
	padding-top: 10px;
	width: 205px;
}
.right .scroll-box .right-box h3 {
	font-size: 95%;
	width: 205px;
}
.right .scroll-box .right-box h3 a {
	text-decoration: none;
	color: #002F52;
}
.right .scroll-box .right-box h3 a:hover {
	text-decoration: underline;
}


.right .scroll-box .right-box img {
	float: left;
	height: 63px;
	width: 198px;
	border: 1px solid #FFFFFF;
	margin-top: 7px;
	margin-bottom: 7px;
}
.right .scroll-box .right-box p {
	display: block;
	clear: both;
	font-size: 85%;
	width: 205px;
}
.right .scroll {
	/*height: 557px;
	overflow: auto;
	scrollbar-track-color: #feed97;
	scrollbar-face-color: #002f52;
	scrollbar-highlight-color: #002f52;
	scrollbar-3dlight-color: #666;
	scrollbar-darkshadow-color: #666;
	scrollbar-shadow-color: #002f52;
	scrollbar-arrow-color: #feed97;*/ 
}



#footer {
	height: 100px;
	width: 950px;
}
#footer    .bottom-menu {
	list-style: none;
	display: block;
	width: 950px;
	height: auto;
	float: left;
}

#footer div {
	margin: 0px 0px 4px;
}
#footer  div ul {
	width: 930px;
}
#footer  .bottom-menu  li {
	display: block;
	float: left;
	background: url(../img/bg-bottom-menu.gif) no-repeat 0px 2px;
	padding-right: 12px;
	padding-left: 13px;
	font-size: 85%;
}
#footer  .bottom-menu  a {
	text-decoration: none;
	color: #002F52;
}
#footer  .bottom-menu  a:hover {
	text-decoration: underline;
}
#footer #copyright {
	font-size: 85%;
	/*color: #002F52;*/
	color:#222222;
	text-decoration: none;
	clear: both;
	float: left;
	padding-left: 12px;
	display: block;
	width: 900px;
	text-align:center;
	padding-top:12px;
}
#footer a:hover#copyright {
	text-decoration: underline;
}
#formular{
text-align:left;
}
.mapa-stranek{
margin-left:10px;
}

.mapa-stranek a{
text-decoration:none;
}

.mapa-stranek a:hover{
text-decoration:underline;
}

.mapa-stranek li{
padding-top:4px;
}



.mapa-stranek ul{
margin-left:20px;
}


.contact-form input , .contact-form textarea { padding:0; margin:0; } 

.contact-form { width:420px; padding:10px 5px 10px 5px; overflow:hidden; float:left; margin:0 0 20px 0; }
.contact-form th , .contact-form td { text-align:left; vertical-align:top; padding:0 5px 0 0; }
.contact-form th { font-weight:normal;  }
.contact-form h2 { font-size:135%; }
.contact-form label { color:#000; display:block; padding:5px 0 3px 0; }
.contact-form input.text { background: #fff; height:25px; line-height:25px;  border:1px solid #002F55; width:175px; padding:0; }
.contact-form textarea { background: #fff;  font-size:1.2em; border:1px solid #002F55; width:230px; height:136px;  }
.contact-form input.submit { float:right; } 
.contact-form input.submit { width:82px; height:24px; line-height:22px;  font-weight:bold; background: #012F51; 
                            border:none; color:#fff; text-align:center; cursor:pointer; margin-top:5px;  }
.contact-form span.required-items { margin-top:5px; float:left; }


/*  flash message */
.flash {	color: black; background: #FFF1CC; border: 1px solid #BF8327; margin: 0 0 5px 0; color: #BF8327; padding:15px; font-size:1.3em; }
.flash.info { background: #CFC; color:#41640B; border:1px solid #41640B;  }
.flash.error { background: #FFDDDD; border: 1px solid #FF0000; color: #FF0000; }
.flash.note { background: #CFEDFC; border: 1px solid #1A9DD2; color: #1A9DD2; }
.flash.important { background: #E2BFE8; border: 1px solid #853393; color: #853393; }