@font-face {
  font-family: 'futura';
  src: url('../inc/futuratot-medi-webfont.eot');
  src: url('../inc/futuratot-medi-webfont.eot?#iefix') format('embedded-opentype'),url('../inc/futuratot-medi-webfont.woff') format('woff'),url('../inc/futuratot-medi-webfont.ttf') format('truetype');
}


body	{
	font-family: futura, Calibri, Arial;
  color: #ffffff;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
  text-align: left;
  background: url("../files/files/bcg_pozadi.jpg") center 0px no-repeat #76849c fixed;
}


/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}

/* --- odkazy (rozsireno o ikonky typu souboru) --- */

a 				{color: #b9afa3; text-decoration: none; font-weight: normal;}
a:hover 	{color: #ffffff; text-decoration: none;}
:focus		{outline: 0;}


a.mail 				{background: url(../img/ico_mailanchor.gif) no-repeat right 0em; padding-right: 18px;}
a.out				{background: url(../img/ico_outanchor.gif) no-repeat left 0em; padding-left: 12px;}
a.out_right			{background: url(../img/ico_outanchor.gif) no-repeat right 0em; padding-right: 12px;}
a.print 			{background: url(../img/ico_print.gif) no-repeat left 0em; padding-left: 18px;}
a.favourites 			{background: url(../img/ico_favourites.gif) no-repeat left 0em; padding-left: 18px;}
a.map 				{background: url(../img/ico_map.gif) no-repeat left 0em; padding-left: 18px;}
a.rss 				{background: url(../img/ico_rss.gif) no-repeat left 0em; padding-left: 18px;}

/* --- ikonky souboru --- */
.ai 				{background: url(../img/ico/ai.png) no-repeat left; padding-left: 20px;}
.avi 				{background: url(../img/ico/avi.png) no-repeat left; padding-left: 20px;}
.bmp 				{background: url(../img/ico/bmp.png) no-repeat left; padding-left: 20px;}
.cdr				{background: url(../img/ico/cdr.png) no-repeat left; padding-left: 20px;}
.doc				{background: url(../img/ico/doc.png) no-repeat left; padding-left: 20px;}
.dxf				{background: url(../img/ico/dxf.png) no-repeat left; padding-left: 20px;}
.gif 				{background: url(../img/ico/gif.png) no-repeat left; padding-left: 20px;}
.html 			{background: url(../img/ico/html.png) no-repeat left;	padding-left: 20px;}
.jpg 				{background: url(../img/ico/jpg.png) no-repeat left; padding-left: 20px;}
.mp3 				{background: url(../img/ico/mp3.png) no-repeat left; padding-left: 20px;}
.pdf 				{background: url(../img/ico/pdf.png) no-repeat left; padding-left: 20px;}
.png 				{background: url(../img/ico/png.png) no-repeat left; padding-left: 20px;}
.ppt 				{background: url(../img/ico/ppt.png) no-repeat left; padding-left: 20px;}
.psd 				{background: url(../img/ico/psd.png) no-repeat left; padding-left: 20px;}
.qt 				{background: url(../img/ico/qt.png) no-repeat left; padding-left: 20px;}
.ra 				{background: url(../img/ico/ra.png) no-repeat left; padding-left: 20px;}
.rtf 				{background: url(../img/ico/rtf.png) no-repeat left; padding-left: 20px;}
.swf 				{background: url(../img/ico/swf.png) no-repeat left; padding-left: 20px;}
.tif 				{background: url(../img/ico/tif.png) no-repeat left; padding-left: 20px;}
.txt 				{background: url(../img/ico/txt.png) no-repeat left; padding-left: 20px;}
.xls 				{background: url(../img/ico/xls.png) no-repeat left; padding-left: 20px;}
.zip				{background: url(../img/ico/zip.png) no-repeat left; padding-left: 20px;}
.unknown, file			{background: url(../img/ico/unknown.png) no-repeat left; padding-left: 20px;}

.cistic {
  clear: both;
  font-size: 1px;
  height: 0px;
}

.cistic-small {
  clear: both;
  font-size: 1px;
  height: 3px;
}

.cistic-middle {
  clear: both;
  font-size: 1px;
  height: 10px;
}

.cistic-big {
  clear: both;
  font-size: 1px;
  height: 20px;
}

.cistic-big2 {
  clear: both;
  font-size: 1px;
  height: 40px;
}

.cistic-big3 {
  clear: both;
  font-size: 1px;
  height: 90px;
}

.cistic-red {
  clear: both;
  font-size: 1px;
  height: 5px;
  background: #d94f2f;
  margin: 2px 0px 2px 0px;
}

/* --- zakladni html prvky ---*/
em, i				   {font-style: italic;}
p 				     {text-align: left; margin: 0px; line-height: 1.3em;}
code 				   {font-size: 140%; font-weight: bold;}
hr					   {color: none; height: 0px; margin: 10px 0px 10px 0px; border: 0px; padding: 0px 0px 0px 0px; border-top: 1px solid #dcdcda;}

#div-homepage hr {color: none; height: 1px; margin: 10px 0px 0px 0px; border: 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #bdbdbd;} 
.bad           {color: red; font-weight: bold;}
.div-bad {
        padding: 10px;
        border: 3px solid red;
        background: white;
        color: black;
}
.div-good {
        padding: 10px;
        border: 3px solid green;
        background: white;
        color: black;
}

#div-main .div-good h2, #div-main .div-good h3, #div-main .div-good a, #div-main .div-good a:hover {
        color: gray;
}

.bila         {color: white;}

/* --- seznamy --- */

ul ol li			  {color: white; list-style-type: none; margin: 0px; padding: 0px; text-align: left;}

.menua				    {font-size: 20px; font-weight: normal; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px;}
.menua li			  {font-size: 20px; padding: 0px; margin: 0px 0px 0px 0px; float: left; width: 115px;}
.menua .separator {background: url("../img/bcg_separator.png") left 0px no-repeat;}

.podmenua				  {font-size: 13px; color: #cbdea0; list-style-type: none; margin: 140px 0px 0px 0px; width: 105px; padding: 5px; position: absolute; visibility: hidden; z-index: 1000; background: #74942a;}
.podmenua li	    {font-size: 13px; color: #cbdea0; text-align: left; float: left; width: 105px;}
.podmenua a				{font-size: 13px; color: #cbdea0; width: 95px; padding: 5px 5px 5px 5px; margin: 0px; height: auto; float: left; text-align: center; background: none;}
.podmenua a:hover	{font-size: 13px; color: #74942a; background: #cbdea0; text-decoration: normal;}


.menub				     {font-size: 18px; font-weight: normal; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
.menub li			     {font-size: 18px; margin: 0px 0px 0px 0px; float: left; padding: 0px 0px 0px 1px;}
.menub a				   {font-size: 18px; color: #f3b9c2; margin: 0px 0px 0px 0px; height: 35px; padding: 15px 30px 0px 30px; text-decoration: none; border: none; font-weight: normal; float: left;}
.menub a:hover	   {font-size: 18px; color: #ffffff; font-weight: normal; text-decoration: none;}
.menub a.selected  {color: #ffffff;}
.menub .separator  {background: url("../img/bcg_separator2.png") left 0px repeat-y;}

.podmenub				   {font-size: 13px; color: #f3b9c2; list-style-type: none; margin: 48px 0px 0px 0px; width: 200px; padding: 5px; position: absolute; visibility: hidden; z-index: 1000; border: none; background: #d80321;}
.podmenub li			 {font-size: 13px; color: #f3b9c2; text-align: left; float: left; width: 190px; padding: 0px;}
.podmenub a				 {font-size: 13px; color: #f3b9c2; width: 180px; height: auto; padding: 5px 5px 5px 5px; margin: 0px; height: auto; float: left; text-align: left; background: none;}
.podmenub a:hover  {font-size: 13px; color: #d80321; text-decoration: none; background: #f3b9c2;}

.podmenub-nabytek				   {font-size: 13px; color: #f3b9c2; list-style-type: none; margin: 48px 0px 0px -135px; width: 400px; padding: 5px; position: absolute; visibility: hidden; z-index: 1000; border: none; background: #d80321;}
.podmenub-nabytek li			 {font-size: 13px; color: #f3b9c2; text-align: left; float: left; width: 190px; padding: 0px;}
.podmenub-nabytek a				 {font-size: 13px; color: #f3b9c2; width: 180px; height: auto; padding: 5px 5px 5px 5px; margin: 0px; height: auto; float: left; text-align: left; background: none;}
.podmenub-nabytek a:hover  {font-size: 13px; color: #d80321; text-decoration: none; background: #f3b9c2;}




/* --- obrazky --- */
img 				{border: 0px;}
img.border 	{padding: 2px; border: 1px solid #7f7f7f;}
.bordernone {border: 0px;} 
img.icon		{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft	{margin-right: 10px;}
img.toright {margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 		{vertical-align: baseline; position: relative;}
sub 				{top: 0.4em;}
sup 				{bottom: 0.4em;}

/* --- tabulky --- */
table.nice			{width: 440px;}
table.nice tr td 		{padding: 2px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item		{background: url('../img/bcg_th.gif') repeat-x top left #dfdfdf; font-weight: bold; width: 330px;}
table.nice tr th		{background: url('../img/bcg_th.gif') repeat-x top left #dfdfdf; font-weight: bold;}
table.list			{width: 610px;}
table.list tr th		{background: #eeeeee; border-bottom: 2px solid #e1e1e1; padding: 5px 2px 5px 2px;}
table.list tr td		{border-bottom: 1px solid #e1e1e1; padding: 3px 2px 3px 2px;}

table {
  cellspacing: 0px;
  cellpadding: 0px;
  border-collapse: collapse;
}

/* --- hlavicky --- */
h1				{padding: 0px 0px 10px 0px; font-weight: normal; margin: 0px 0px 0px 0px; font-size: 24px; color: #ffffff;}
h2				{padding: 0px 0px 5px 0px; font-weight: normal; margin: 0px 0px 0px 0px; font-size: 22px; color: #ffffff;}
h3				{padding: 0px 0px 5px 0px; font-weight: normal;	margin: 0px 0px 0px 0px; font-size: 20px; color: #ffffff;}
h4				{padding: 0px 0px 5px 0px; font-weight: normal;	margin: 0px 0px 0px 0px; font-size: 18px; color: #ffffff;}
h5				{padding: 0px 0px 5px 0px; font-weight: normal;	margin: 0px 0px 0px 0px; font-size: 16px; color: #ffffff;}

/* --- formulare --- */
textarea, input, select			{font-family: futura, Calibri,Arial,Trebuchet,Tahoma,Verdana,sans-serif; font-size: 14px;}
label				{font-size: 0.85em; font-weight: bold;}
form        {padding: 0px; margin: 0px;}
table {
  cellspacing: 0px;
  cellpadding: 0px;
  border-collapse: collapse;
}

/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red			{color: #9f0000;}
.green			{color: #008000;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left			{text-align: left;}
.block			{text-align: justify;}
.toleft			{float: left;}
.toright		{float: right;}
.nomargin		{margin: 0px;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;}
.hidden			{display: none;}
.border			{display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			{font-weight: bold; font-size: 1em;}
.halfrow		{position: relative; top: 3px;}
.underline		{text-decoration: underline;}
.odsazeni-top {padding-top: 3px;}
.odsazeni-top2 {padding-top: 30px;}
.odsazeni-top3 {margin-top: 7px;}
.odsazeni-top4 {margin-top: 3px;}
.odsazeni-top5 {margin-top: 5px;}
.odsazeni-bottom {padding-bottom: 40px;}
.odsazeni-top-bottom {margin: 8px 0px 8px 0px;}
.odsazeni-left {margin-left: 10px;}
.odsazeni-right {margin-right: 10px;}
.odsazeni-right2 {margin-right: 20px;}
.odsazeni-right3 {margin-right: 30px;}

.big {font-size: 1.6em; font-weight: bold;}
.bigger {font-size: 1.3em;}
.bigger0 {font-size: 1.1em;}

/* fotogalerie */
.div-img-okraj5f {
        width: 210px;
        height: 150px;
        float: left;
        padding: 5px;
        background: white;  
        margin: 0px 7px 14px 7px;              
}

.div-img-okraj5f:hover {
        background: #74942a;
}

.div-img-inner5f {
        width: 210px;
        height: 150px;
        float: left;
        overflow: hidden;
}

.div-play {
        width: 210px;
        height: 150px;
        float: left;
        background: url("../img/bcg_play.png") center center no-repeat;
}

.div-img-inner5f img {
        width: 210px;
        height: 150px;
        float: left;
}


/* --- layout webu --- */

#div-body {
        margin-bottom: 80px;  
}

#div-main {
        width: 1000px;
        margin: auto;        
}

.div-main-inner {
        width: 980px;
        float: left;
        padding: 0px 0px 0px 10px;
}

#div-holder {
      width: 968px;
      height: 450px;
      float: left;
      background: white;
      border: 1px solid #dcdcda;
      padding: 5px;
      overflow: hidden;
      margin-bottom: 10px;
}

#homepageTopstory-holder {
      width: 600px;
      height: 350px;
      float: left;
      padding: 18px 10px 18px 10px;
      background: url("../img/bcg_holder1.png") no-repeat;   
}

#homepageTopstory {
      width: 600px;
      height: 350px;
      float: left;
      overflow: hidden;
}

.div-banner {
      width: 580px;
      height: 330px;
      float: left;
      padding: 10px;
      overflow: hidden;
}



.cursor, .pointer {
      cursor: pointer;
}


.top, .top2 {
        height: 30px;
        float: left;
        margin: 0px 0px 0px 0px;
}

#top-puntik-left {
        width: 5px;
        height: 30px;
        float: left;
        background: url("../img/bcg_puntik_left.png") no-repeat;
}

#top-puntik-right {
        width: 5px;
        height: 30px;
        float: left;
        background: url("../img/bcg_puntik_right.png") no-repeat;
}

#top1 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;  
}
#top1.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}


#top2 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;  
}
#top2.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top3 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top3.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top4 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top4.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top5 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top5.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top6 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top6.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top7 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top7.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top8 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top8.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top9 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top9.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#top10 {
	background: url("../img/bcg_puntik2_prostredni.png") no-repeat;
  width: 20px;
}
#top10.active {
	background: url("../img/bcg_puntik1_prostredni.png") no-repeat;
  width: 20px;
}

#topstoryPane {
    height: 20px;
    float: left;
    padding: 0px 0px 0px 0px;
    position: relative;
    left: 20px;
    top: -50px;
    z-index: 1000;
}

#div-top {
    width: 980px;
    height: 140px;
    float: left;
    margin-left: 10px;
}

.div-topa {
    background: url("../img/bcg_menua.png") 0px 0px repeat-x;
}

.div-topb {
    background: url("../img/bcg_menub.png") 0px 0px repeat-x;
}

#div-topa-left {
    width: 270px;
    height: 140px;
    float: left;
}

#div-logo {
    width: 270px;
    height: 90px;
    float: left;
    background: url("../img/bcg_logo.png") 22px 7px no-repeat;
}

#div-logo img {
    width: 270px;
    height: 90px;
    float: left;
}


#div-topa-left p {
    width: 220px;
    padding: 8px 25px 0px 25px;
    color: white;
    font-size: 18px;    
}

.italic {
    font-style: italic;
}

#div-topa-right {
    width: 690px;
    height: 140px;
    float: right;
}

.div-menua-top {
    width: 115px;
    height: 65px;
    padding: 25px 0px 0px 0px;
    text-align: center;
    float: left;
}

.div-menua-bottom {
    width: 115px;
    text-align: center;
    color: #cbdea0;
    font-size: 17px;
    padding: 15px 0px 0px 0px;
    float: left;
    height: 35px;
}

.div-menua-bottom p {
    text-align: center;
}

.pa {
    color: #ffffff; 
}

.pab {
    color: #cbdea0;
}

#div-navigace {
    width: 980px;
    padding: 20px 0px 0px 0px;
    float: left;
    color: #bfcde2;
}

#div-navigace a {
    color: #bfcde2;
}

#div-navigace a:hover {
    color: #ffffff;
}


#div-homepage-right {
    width: 374px;
    float: right;
}

#div-homepage-right1 {
    width: 160px;
    height: 90px;
    float: left;
    padding: 50px 34px 34px 180px;
    color: white;
    background: url("../img/bcg_homepage1.png") no-repeat;
    cursor: pointer;
    text-shadow: 1px 1px 0px #000000;
    margin: 5px 0px 0px 0px;
}

#div-homepage-right2 {
    width: 320px;
    height: 150px;
    float: left;
    padding: 27px 27px 27px 27px;
    color: white;
    background: url("../img/bcg_homepage2.png") no-repeat;
    margin: 0px 0px 0px 0px;
    overflow: auto;
}



.div-novinky-holder {
    width: 980px;
    height: 250px;
    float: left;
    padding: 17px 6px 17px 10px; 
    background: url("../img/bcg_holder2.png") 4px 0px no-repeat;
}

.div-novinky1 {
    width: 420px;
    height: 250px;
    float: left;
}

.div-novinky2 {
    width: 500px;
    height: 190px;
    float: right;
    background: url("../img/bcg_novinky.png");
    padding: 30px;
}

#div-body .div-novinky2 h2 {
    color: #b9afa3;
}

#div-body .div-novinky2 a {
    color: #b9afa3;
    text-decoration: underline;
}

#div-body .div-novinky2 a:hover {
    color: #ffffff;
}

.img-novinky {
    width: 420px;
    height: 250px;
    float: left;
}

.div-karuzel-holder {
    width: 1000px;
    height: 210px;
    float: left;
    overflow: hidden;
}

.div-sipka1 {
    width: 85px;
    height: 210px;
    float: left;
    background: url("../img/bcg_sipka1.png") no-repeat;
    cursor: pointer;
}

.div-sipka2 {
    width: 85px;
    height: 210px;
    float: right;
    background: url("../img/bcg_sipka2.png") no-repeat;
    cursor: pointer;
}

.karuzel-middle {
    width: 810px;
    height: 190px;
    float: left;
    background: url("../img/bcg_karuzel.png") repeat-x;
    padding: 10px;
}

.div-blok-karuzel {
    width: 160px;
    height: 190px;
    float: left;
    margin: 0px 20px 0px 20px;
    cursor: pointer;
}

.div-blok-karuzel-foto {
    width: 160px;
    height: 150px;
    float: left;
}

.div-blok-karuzel-nadpis {
    width: 140px;
    height: 40px;
    float: left;
    text-align: center;
    color: #ffffff;
    background: #94af4b;
    padding: 0px 10px 0px 10px;
}

.td-blok-karuzel-nadpis {
    width: 140px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}

#div-paticka {
    width: 960px;
    padding: 20px;
    float: left;
    background: url("../img/bcg_bottom.png");
    position: fixed;
    left: center;
    bottom: 0px;
    z-index: 10000;
}

#div-paticka a {
    color: white;
}

#div-paticka a:hover {
    color: white;
    text-decoration: underline;
}

#div-logob {
    width: 160px;
    height: 90px;
    float: left;
    background: url("../img/bcg_logo.png") 22px 7px no-repeat;
}

#div-logob img {
    width: 160px;
    height: 90px;
    float: left;
}

#div-topb-left {
    width: 540px;
    height: 90px;
    float: left;
}

#div-topb-left2 {
    width: 370px;
    height: 40px;
    float: right;
    padding: 50px 0px 0px 0px;
    color: white;
    font-size: 18px;    
}

#div-topb-right1 {
    width: 190px;
    height: 61px;    
    float: right;
    padding: 15px;
    background: #7a9930;
    color: #b4ca81; 
}

#div-topb-right1 a {
    color: #b4ca81;
}

#div-topb-right1 a:hover {
    color: #ffffff;
}

#div-vyhledavani {
    width: 190px;
    height: 31px;
    float: left;
    background: url("../img/bcg_vyhledavani.png") no-repeat; 
}

#input_vyhledavani {
    width: 135px;
    height: 23px;
    float: left;
    padding: 4px 0px 0px 8px;
    border: none;
    background: none;
    color: #b4ca81;
}

#input_vyhledavani:hover, #input_vyhledavani:focus {
    color: #ffffff;
} 

#submit_vyhledavani {
    width: 36px;
    height: 31px;
    float: right;
    cursor: pointer;
}

#div-topb-right2 {
    width: 120px;
    height: 53px;
    float: right;
    padding: 38px 0px 0px 80px;
    background: url("../img/bcg_kosik.png") 20px 20px no-repeat #6e8b29;
    cursor: pointer;
    color: white;
    font-size: 16px; 
}

#div-topb-menu {
    width: 980px;
    height: 50px;
    float: left;
}


.bila {
    color: white;
}


.cara {
    border-bottom: 1px solid #ffffff;
}

.div-nabytek {
    width: 200px;
    float: left;
}



#homepageTopstory2-holder {
      width: 980px;
      height: 350px;
      float: left;
      padding: 18px 10px 18px 10px;
      background: url("../img/bcg_holder3.png") no-repeat;   
      margin: 0px 0px 10px 0px;
}

#homepageTopstory2 {
      width: 980px;
      height: 350px;
      float: left;
      overflow: hidden;
}

.div-banner2 {
      width: 960px;
      height: 330px;
      float: left;
      padding: 10px;
      overflow: hidden;
}

.div-akce-holder {
      width: 480px;
      height: 350px;
      float: left;
      padding: 17px 6px 17px 6px;
      background: url("../img/bcg_holder4.png") no-repeat; 
      margin: 0px 4px 0px 4px;
}

.div-akce {
      width: 480px;
      height: 350px;
      float: left;
      overflow: hidden;
      cursor: pointer;
      display: block;
}

.div-seda {
      width: 480px;
      float: left;
      z-index: 0;
      padding: 191px 0px 0px 0px;
}

.div-seda-inner {
      width: 440px;
      height: 50px;
      padding: 10px 20px 10px 20px;
      float: left;
      margin: 89px 0px 0px 0px;
      background: url("../img/bcg_seda.png");      
}

.div-seda-inner2 {
      width: 440px;
      height: 70px;
      padding: 10px 20px 10px 20px;
      float: left;
      background: url("../img/bcg_seda.png");
}

#div-main .div-seda h2 {
      color: #94af4a;
      margin: 0px;
      padding: 0px 0px 5px 0px;      
}

.div-zelena {
      width: 440px;
      float: left;
      padding: 10px 20px 10px 20px;
      color: #3c5151;
      text-align: center;
      background: #94af4a; 
}

.div-holder-left {
      width: 10px;
      min-height: 140px;
      float: left;
      background: url("../img/bcg_holder_left.png") 5px 23px no-repeat; 
}

.div-holder-right {
      width: 990px;
      min-height: 140px;
      float: left;
      background: url("../img/bcg_holder_right.png") 981px bottom no-repeat; 
}

.div-holder-left2 {
      width: 10px;
      min-height: 40px;
      float: left;
      background: url("../img/bcg_holder_left2.png") 5px 5px no-repeat; 
}

.div-holder-right2 {
      width: 990px;
      min-height: 45px;
      float: left;
      background: url("../img/bcg_holder_right2.png") 981px bottom no-repeat; 
}


.div-holder-top {
      width: 970px;
      height: 15px;
      float: left;
      margin-left: 10px;
      background: url("../img/bcg_holder_top.png") right top no-repeat;
}

.div-holder-bottom {
      width: 970px;
      height: 15px;
      float: left;
      margin-left: 10px;
      background: url("../img/bcg_holder_bottom.png") 10px 1px no-repeat;
}

.div-main-hneda {
      width: 940px;
      min-height: 100px;
      float: left;
      padding: 20px;
      background: url("../img/bcg_hneda.png");
}              

.div-main-hneda2 {
      width: 980px;
      min-height: 40px;
      float: left;
      padding: 0px;
      background: url("../img/bcg_filtr.png") repeat-y;
}

.div-main-hneda2-left {
      width: 100px;
      float: left;
      padding: 20px;
      text-align: center;
}

.div-main-hneda2-right {
      width: 760px;
      float: left;
      padding: 20px 20px 0px 20px;
}

#div-main .div-main-hneda p {
      padding-bottom: 15px;
}

#div-main .div-main-hneda h1 {
      color: #b9afa3;
}

.div-input, .td-formular1 {
      width: 180px;
      float: left;
      padding: 3px 10px 0px 0px;
      text-align: right;
}

.input2, .input-formular {
      width: 200px;
      float: left;
      padding: 4px;
      border: 1px solid #634c38;
      background: #634c38;
      color: #b9afa3;
}

.input3, .input-formular3 {
      max-width: 600px;
      min-width: 600px;
      height: 100px;
      float: left;
      padding: 4px;
      border: 1px solid #634c38;
      background: #634c38;
      color: #b9afa3;
}

.input5 {
      width: 30px;
      float: left;
      padding: 4px;
      border: 1px solid #634c38;
      background: #634c38;
      color: #b9afa3;
      text-align: center;
}


.div-submit {
      width: 600px;
      float: left;
      text-align: center;
}

.input4 {
      width: 604px;
      float: left;
      padding: 4px;
      border: 1px solid #634c38;
      background: #634c38;
      color: #b9afa3;
}



.input2:hover, .input2:focus, .input3:hover, .input3:focus, .input4:hover, .input4:focus, .input-formular:hover, .input-formular:focus, .input-formular3:hover, .input-formular3:focus {
      color: #ffffff;      
      border: 1px solid #b9afa3;
}

.povinne {
      box-shadow: 3px 0px 0px #d80321;
}

.submit {
      color: #ffffff;
      background: #94af4b;
      cursor: pointer;
      padding: 10px 30px 10px 30px;
      border: none;
      font-size: 16px;
}

.submit:hover {
      background: #d80321;
}

.submit2 {
      color: #ffffff;
      background: #94af4b;
      cursor: pointer;
      padding: 5px 10px 5px 10px;
      border: none;
      font-size: 16px;
}

.submit2:hover, .submit2b:hover {
      background: #d80321;
}

.submit2b {
      color: #ffffff;
      background: #6e8b29;
      cursor: pointer;
      padding: 5px 10px 5px 10px;
      border: none;
      font-size: 16px;
}

.div-produkt-holder {
      width: 220px;
      height: 320px;
      float: left;
      padding: 9px 10px 9px 10px;
      background: url("../img/bcg_holder5.png") no-repeat;
      margin-bottom: 13px;
}

.div-produkt {
      width: 220px;
      height: 320px;
      float: left;
      overflow: hidden;
      cursor: pointer;
}

.div-produkt1 {
      width: 200px;
      height: 40px;
      float: left;
      padding: 0px 10px 0px 10px;
      background: url("../img/bcg_novinky.png");
      font-size: 16px;
}

#div-main .div-produkt1 table, #div-main .div-produkt1 td {
      width: 200px;
      height: 40px;
      vertical-align: middle;
      text-align: center;
      
}

#div-main .div-produkt1 p {
      text-align: center;
}

.div-produkt2 {
      width: 220px;
      height: 170px;
      float: left;
      overflow: hidden;
}

.div-produkt3 {
      width: 200px;
      height: 50px;
      float: left;
      overflow: hidden;
      background: #94af4b;
      text-align: center;
      padding: 10px;
}

.div-produkt3-inner {
      width: 200px;
      height: 50px;
      float: left;    
}

#div-main .div-produkt3 p {
      text-align: center;
}

.div-produkt4 {
      width: 200px;
      height: 20px;
      float: left;
      padding: 10px;
      text-align: center;
      background: url("../img/bcg_novinky.png");
}

#div-main .div-produkt4 p {
      text-align: center;
}

.div-typ-odsazeni {
      margin-right: 13px;
}

.div-akce-produkty {
      width: 110px;
      height: 30px;
      position: relative;
      top: 180px;
      left: 110px;
      background: url("../img/bcg_akce.png") no-repeat;
}

.div-novinka-produkty {
      width: 110px;
      height: 30px;
      position: relative;
      top: 180px;
      left: 110px;
      background: url("../img/bcg_novinka.png") no-repeat;
}

.input-slider1 {
      width: 40px;
      text-align: right;
      color: #94af4a;
      float: left;
      background: none;
      border: none;
}

.input-slider2 {
      width: 40px;
      text-align: left;
      color: #94af4a;
      float: left;
      background: none;
      border: none;      
}

.div-slider {
      width: 80px;
      height: 21px;
      float: left;
      padding: 0px;
      margin: 3px 15px 0px 15px;
}

.p-nadpis-slider {
      width: 50px;
      float: left;
      padding: 0px 0px 0px 0px;
      text-align: right;
}

.div-blok-filtr {
      float: left;
      padding: 0px 10px 15px 0px;
}

.div-detail1-holder {
      width: 600px;
      height: 345px;
      float: left;
      background: url("../img/bcg_holder6.png") no-repeat;
      padding: 18px 10px 22px 10px;
      overflow: hidden;
}

.div-detail1 {
      width: 600px;
      height: 345px;
      float: left;
      background: #363636;
}

.div-detail1-left {
      width: 460px;
      height: 345px;
      float: left;
      overflow: hidden;
      background: white;
}

.div-detail1-right {
      width: 130px;
      height: 345px;
      float: right;
}

.div-detail1-right-small {
      width: 130px;
      height: 110px;
      float: left;
      margin-bottom: 8px;
      overflow: hidden;
}

#div-main .div-detail1-right-small img {
      width: 130px;
      height: 110px;
      float: left;
} 

.div-detail2 {
      width: 360px;
      height: 350px;
      float: right;
      background: url("../img/bcg_holder7.png") no-repeat;
      padding: 12px 7px 12px 7px;
      margin-right: 3px;
}

.div-detail2-top {
      width: 320px;
      height: 33px;
      float: left;
      padding: 17px 20px 0px 20px;
      font-size: 16px;
}

.div-detail2-middle {
      width: 320px;
      height: 139px;
      float: left;
      padding: 20px;
      font-size: 16px;
      font-weight: normal;
}

.div-detail2-bottom {
      width: 360px;
      height: 120px;
      float: left;
      border-top: 1px solid #ffffff;
}

.preskrt {
      text-decoration: line-through;
}

.cervena {
      color: #d80321;
}

.cena {
      color: #d80321;
      font-weight: normal;
}

.div-cetelem {
      width: 120px;
      height: 120px;
      float: left;
      background: url("../img/bcg_cetelem.png") center 15px no-repeat #5e801c;
}

#div-main .div-cetelem a, #div-main .div-do-kosiku p {
      color: white;
      padding: 70px 10px 0px 10px;
      width: 100px;
      height: 50px;
      display: block;
      text-align: center;
      cursor: pointer;
}

#div-main .div-cetelem a:hover, #div-main .div-do-kosiku p:hover {
      text-decoration: underline;
      color: white;
      cursor: pointer;
}

.div-dostupnost {
      width: 100px;
      height: 70px;
      float: left;
      text-align: center;
      padding: 40px 10px 10px 10px;
}

.p-dostupnost {
      font-size: 18px;
}

#div-main .div-dostupnost p {
      text-align: center;
}

.div-do-kosiku {
      width: 120px;
      height: 120px;
      float: left;
      background: url("../img/bcg_kosik2.png") center 15px no-repeat #d80321;      
}

.div-popis-holder {
      width: 600px;
      height: 250px;
      float: left;
      background: url("../img/bcg_holder8.png") no-repeat;
      padding: 18px 10px 18px 10px;
}

.div-popis-top {
      width: 560px;
      height: 160px;
      float: left;
      padding: 20px 20px 20px 20px;
      overflow: auto; 
}

.div-popis-bottom {
      width: 560px;
      height: 35px;
      float: right;
      text-align: right;
      padding: 15px 20px 0px 0px;
}

#div-main .div-popis-bottom p {
      color: #c8bbb0;
      text-decoration: underline;
      padding: 0px 30px 0px 0px;
      min-height: 14px;
      background: url("../img/bcg_ke_stazeni.png") right 3px no-repeat;
      cursor: pointer;
      float: right;
}

#div-main .div-popis-bottom p:hover {
      color: #ffffff;
}

.div-ke-stazeni {
      display: none;
}

.div-varianty-holder {
      width: 360px;
      height: 250px;
      float: right;
      padding: 20px 10px 20px 10px; 
      background: url("../img/bcg_holder9.png") no-repeat;
}

.div-varianty-top {
      width: 280px;
      height: 45px;
      float: left;
      font-size: 18px;
      padding: 25px 0px 0px 70px; 
}

.div-varianty-middle {
      width: 340px;
      height: 95px;
      float: left;
      padding: 15px 0px 15px 20px;
      overflow: auto; 
}

.div-varianty-bottom {
      width: 340px;
      height: 33px;
      float: right;
      text-align: right;
      padding: 17px 20px 0px 0px;
}

#div-main .div-varianty-bottom p {
      color: #c8bbb0;
      text-decoration: underline;
      padding: 0px;
      min-height: 14px;
      cursor: pointer;
      float: right;
}

#div-main .div-varianty-bottom p:hover {
      color: #ffffff;
}

.div-varianta-blok {
      width: 150px;
      float: left;
      padding: 0px 0px 3px 0px; 
}

.varianta {
      width: 120px;
      float: left;
      padding: 2px 0px 2px 30px;
      background: url("../img/bcg_radio4.png") left 1px no-repeat;
}

.varianta-selected {
      width: 120px;
      float: left;
      padding: 2px 0px 2px 30px;
      background: url("../img/bcg_radio3.png") left 1px no-repeat;
}

.div-varianta-blok p:hover {
      text-decoration: underline;
}

.div-varianta-blok0 {
      width: 150px;
      float: left;
}

.td-nadpis-produkt {
      color: #c8bbb0;
      text-align: center;
      width: 110px;
      background: url("../img/bcg_bottom.png");
      border-right: 1px solid #6f5843;      
}

.td-produkt {
      color: #594330;
      background: #c8bbb0;
      width: 110px;
      text-align: center;
      border-right: 1px solid #6f5843;
}

.div-konf {
      width: 245px;
      height: 100px;
      float: left;
}

.div-konf1 {
      background: url("../img/bcg_detail1.png") no-repeat;
}

.div-konf2 {
      background: url("../img/bcg_detail2.png") no-repeat;
}

.div-konf-top {
      width: 225px;
      height: 40px;
      float: left;
      padding: 10px;
      text-align: center;
}

.div-konf-top p {
      text-align: center;
}

#div-main .div-konf-top select {
      width: 100px;
      background: none;
      border: none;
      color: #bdbdbd;
      text-align: center;
      cursor: pointer;
}

#div-main .div-konf-top option {
      background: url("../img/bcg_novinky.png");
      border: none;
      color: #bdbdbd;
      text-align: center;
}

#div-main .div-konf-top select:hover, #div-main .div-konf-top select:focus {
      color: white;
}  

.div-konf-bottom {
      width: 225px;
      height: 20px;
      float: left;
      padding: 10px;
      text-align: center;
}

#div-main .div-konf-bottom input {
      width: 225px;
      height: 20px;
      border: none;
      background: none;
      text-align: center;
      color: white;
}

.div-hneda-konf {
      width: 980px;
      min-height: 100px;
      float: left;
      background: url("../img/bcg_hneda_konf.png") repeat-x;
}

.div-konf-top-left {
      width: 160px;
      height: 40px;
      float: left;
}

.div-konf-top-right {
      width: 60px;
      height: 40px;
      float: right;
      text-align: left;
}

#div-main .div-konf-top-right p {
      text-align: left;
}

.varianta2 {
      width: 30px;
      padding: 0px 10px 2px 20px;
      background: url("../img/bcg_radio2.png") left 1px no-repeat;
      color: white;
}

.varianta2-selected {
      width: 30px;
      padding: 0px 10px 2px 20px;
      background: url("../img/bcg_radio1.png") left 1px no-repeat;
      color: white;
}

.div-barva1 {
      width: 40px;
      height: 20px;
      float: left;
      overflow: hidden;
      cursor: pointer;
}

.div-barva2 {
      position: absolute;
      width: 110px;
      background: url("../img/bcg_novinky.png");
      padding: 10px;
      border: 1px solid #57412c;
      z-index: 9999999;
}

.div-barva2-left {
      width: 90px;
      float: left;
}

.div-barva2-right {
      width: 20px;
      float: right;
}

.img-barva {
      width: 40px;
      height: 20px;
}

.div-holder-left3 {
      width: 15px;
      min-height: 40px;
      float: left;
      background: url("../img/bcg_holder_left2.png") 10px 5px no-repeat; 
}

.div-holder-right3 {
      width: 980px;
      min-height: 45px;
      float: left;
      background: url("../img/bcg_holder_right2.png") 971px bottom no-repeat; 
}


.div-holder-bottom3 {
      width: 970px;
      height: 15px;
      float: left;
      margin-left: 10px;
      background: url("../img/bcg_holder_bottom.png") 20px 1px no-repeat;
}

.div-nadpis {
      width: 900px;
      height: 27px;
      float: left;
      padding: 13px 10px 0px 10px;
      background: url("../img/bcg_nadpis.png") no-repeat;
      margin: 0px 0px 1px 40px;
}

.div-souv {
      width: 220px;
      height: 190px;
      float: left;
      cursor: pointer;
}

.div-souv1 {
      width: 200px;
      height: 15px;
      float: left;
      padding: 6px 10px 9px 10px;
      background: #94af4b;
      overflow: hidden;
}

.div-souv2 {
      width: 220px;
      height: 160px;
      float: left;
      overflow: hidden;
}

.div-souv3 {
      width: 210px;
      height: 30px;
      float: left;
      background: url("../img/bcg_zobrazit_detail.png") center bottom no-repeat;
      padding: 130px 0px 0px 10px;
}

.nk1 {
        background: white;
        color: #8c7969;
        padding: 15px 0px 15px 0px;
        border-radius: 3px;
        border: 1px solid #8c7969;
        float: left;
        font-size: 13px;
        width: 210px;
        text-align: center;
}

.nk2 {
        background: #8c7969;
        color: white;
        padding: 15px 0px 15px 0px;
        border-radius: 3px;
        border: 1px solid #8c7969;
        float: left;
        font-size: 13px;
        width: 212px;
        text-align: center;
}

.carka {
        width: 30px;
        float: left;
        height: 25px;
        border-bottom: 1px solid #8c7969;
}

.td-nakupni-kosik1 {
        color: white;
        background: #94af4b;
        text-align: center;
        padding: 10px 20px 10px 20px;
        border-right: 1px solid #6f5642;
        border-bottom: 1px solid #6f5642;
}

.img-tab {
        max-width: 100px;
        max-height: 30px; 
}

.td-nakupni-kosik2 {
        color: white;
        background: #9a8a7b;
        padding: 10px 20px 10px 20px;
        border-right: 1px solid #6f5642;
        border-bottom: 1px solid #6f5642;
}

.td-nakupni-kosik3 {
        color: white;
        background: #8c7969;
        padding: 10px 20px 10px 20px;
        border-right: 1px solid #6f5642;
        border-bottom: 1px solid #6f5642;
}


.table-nakupni-kosik {
        width: 100%;
}

.div-platba {
        width: 300px;
        height: auto;
        float: left;
        color: grey;
        padding: 5px 0px 0px 0px; 
        margin: 0px;       
}

.div-platba2 {
        width: 300px;
        height: 20px;
        float: left;
        padding: 0px 0px 0px 0px;        
}

.div-podminky {
        width: 930px;
        height: 300px;
        float: left;
        overflow: auto;
        padding: 10px 10px 10px 0px;
}

.div-aktuality1 {
        width: 150px;
        height: 100px;
        float: left;
}

.div-aktuality2 {
        width: 790px;
        float: right;
}