/* =====RESET===== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, center, 
menu, ol, ul, li, form, label,  .reset {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
menu, ul, ol, menu li {
	list-style-type: none;  
}
table, thead, tbody, tfoot, th, tr, td {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	border-collapse: collapse;

}
.cleaner {
   display: block !important;
	visibility: hidden !important;
	clear: both !important;
	height: 0px !important;
   line-height: 0px !important;
   font-size: 0px !important;
   border: 0px !important;
}
/*********/
.left {
   float: left;
}
.right {
   float: right;
}
.half {
   width: 48%;
}


/***********/
body
{
    background-color: #161616;
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
}

a
{
   color: #E45620;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

#imagePanel img
{    
    border: 0px;
}

#pagePanel
{
    margin: 0px auto;
    width: 1002px;
    padding: 0px 11px;
}

#pageHeader
{
    height: 295px;
    background: #161616 url('./graphics/cursorHe ader1.png') no-repeat bottom left;
}

#pageHeader img
{
    border: 0px;
}

#pageContent
{
    background-color: #262626;
    width: 1002px;
    clear: both;
}

.pageContentHeader
{
    position: relative;
    background: #000 url('./graphics/menuItemBcgnd.png') repeat-x top left;
    border-right: 1px #000 solid;
    height: 30px;
}

#pageContentRightHeader
{
    width: 795px;
    height: 30px;
}

#pageContentLeft
{
    width: 207px;
    float:left;
    display: block;
}

#pageContentRight
{
    width: 795px;
    float:left;
    display: block;
}

#navigacePopis
{
    font-weight: bold;
    font-size: 15px;
}

#aktualitaArea
{
    background: url('./graphics/menuBottom.jpg') no-repeat left bottom;
    padding-bottom: 10px;
    _padding-bottom: 7px;
    *padding-bottom: 7px;
}

#aktualitaPopisArea
{
    padding: 6px 20px 9px 20px;
    _padding: 6px 20px 7px 20px;
    height: 12px;
    background: url('./graphics/aktualityHeader.jpg') no-repeat top left;
}

#aktualityPanel
{
    padding: 15px;
    background: #000 url('./graphics/aktualityPanelTop.png') repeat-x top left;
}

#aktualitaPopis
{
    color: #868686;
    font-size: 12px;
}

.aktualitaItem
{
    /*background-color: #090909;*/
    border-bottom: 1px #090909 solid;
    width: 167px;
    padding: 5px;
    margin-bottom: 3px;
}

.aktualitaItem p
{
    margin: 0px;
}

.moreAnchor a
{
   margin-right: 12px;
    color: #da4811;
    font-size: 10px;
    padding-right: 14px;
    background: url('./graphics/aktualitaSipka.png') no-repeat center right;
    _background: url('./graphics/aktualitaSipka.gif') no-repeat center right;
}

.aktualitaItem h3
{
    color: #fff;
    font-size: 12px;
    margin: 0px;
    margin-bottom: 5px;
}

.aktualitaItemPopis
{
    color: #868686;
    font-size: 10px;
}

div.SearchBox
{
    position: absolute;
    right: 30px;   
    top: 6px;
    _top: 5px; 
    *top: 5px;
    height: 16px;
    display: block;
    width: 209px;
}

div.SearchBtn
{
    position: absolute;
    right: 10px; 
    top: 7px;
    _top: 6px;
    *top: 6px;  
    padding: 0px;
    height: 16px;
    display: table-cell;
    width: 16px;
}

#SearchBox
{
    font-size: 11px;
    height: 13px;
    width: 202px;
    border:1px #da4811 solid;
}

#SearchBtn
{
    height: 16px;
    width: 16px;
    border: 0px;
}

#menuArea
{
    padding-bottom: 10px;
    background: url('./graphics/menuBottom.jpg') no-repeat bottom left;
    margin-bottom: 5px;
}

#menuArea ul
{
    margin: 0px;
    padding: 0px;
}

#menuArea ul li
{
    list-style-type: none;
    background: #000 url('./graphics/menuItemBcgnd.png') repeat-x top left;
    margin: 0;
    border: 0;
    padding: 1px 0px 0px 0px;
}

#menuArea ul li a
{
    margin-left: 20px;
    background: url('./graphics/kolco.png') no-repeat center left;
    _background: url('./graphics/kolco.gif') no-repeat center left;
    text-decoration: none;
    padding: 4px 0px 4px 20px;
    color: #fff;
    font-size: 12px;
    width: 167px;
    display: block;
}

#menuArea ul li ul
{
    margin-top: 3px;
    padding-left: 20px;
    background: #000 url('./graphics/subMenuItemBcgnd.png') repeat top left;
}

#menuArea ul li ul li
{
    background: none;
    padding: 1px 0px 0px 0px;
}

#menuArea ul li ul li a
{
    color: #868686;
    width: 147px;
}

.orange
{
    color: #da4811;
}

#contentMain
{
    padding: 10px;
    width: 775px;
    overflow: hidden;
}

#contentHeader
{
    padding: 8px 16px;
    height: 20px;
    border-top: 1px #000 solid;
    background: #000 url('./graphics/contentHeaderBcgnd.png') repeat-x center left;
}

#contentNadpis
{
    margin: 0px;
}

#content
{
    padding: 16px;
    min-height: 400px;
}

#contentFooter
{
    position: relative;
    margin-top: 6px;
    _margin-top: 3px;
    *margin-top: 3px;
    background-color: #000;
    height: 14px;
    padding: 3px 20px 3px 20px;

}

#contentFooter span
{
   float: left;
   padding: 0 10px;
   font-size: 10px;
   line-height: 14px;
}

#contentFooter span#poweredBy
{
   padding: 0 30px 0 0;
}
#contentFooter span#poweredBy2
{
   position: absolute;
   top: 2px;
   left: 40%;

   text-align: center;
}
#contentFooter #nahoru-a {
   display: block;
   float: right;
   font-size: 10px;
   line-height: 14px;   
   
}


#contentFooter span#poweredBy a
{
    color: #da4811;
}

div#contentDetails
{
	width: 100%;
	height: 25px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}

div#contentDetails a
{
	color: #da4811;
	font-weight: bold;
	text-decoration: none;
}

div#contentDetails a:hover
{
	text-decoration: underline;
}

div#contentDetails div#details
{
    float: left;
    display: table-cell;
}

div#contentDetails div#autorDetail
{
    text-align: right;
    display: table-cell;
}

.zdrojAnchor
{
    padding: 10px 0px;
    text-align: left;
}

.zdrojAnchor a
{
    color: #da4811;
}

#imgPanel
{
    margin: 0px 10px 0px 0px;
    float: left;
}

#imgPanel img
{
    border: none;
}

div.seznamClankuItem
{
	margin: 10px 0px;
	color: #000;
}

.obrazekClanekItem
{
    width: 80px;
    text-align: center;  
    float: left; 
    margin-right: 10px;
}

span#imageDescription
{
    width: 340px;
    display: table-cell;
    float: left;
}

span#fullImage
{
    width: 164px;
    text-align: right;
    display: table-cell;
}

span#fullImage a
{
    background: url('graphics/fullImageIcon.png') no-repeat center left;
    padding-left: 12px;
    color: #858787;
}

#sortingAnchors
{
    margin: 0px 0px 20px 0px;
}

#sortingAnchors span
{
    margin: 0px 5px;
	color: #bbb;
}

#sortingAnchors span a
{
    text-decoration: none;
	color: #bbb;
}

#sortingAnchors span a:hover
{
    text-decoration: underline;
}

.obrazekClanekItem img
{
    border: 0px;   
}

div.seznamClankuItem hr
{
	border: 0;
	background-color: #CFCD80;
	color: #CFCD80;
	height: 1px;
}

div.seznamClankuItem p
{
	margin: 0px;
	font-size: 12px;
	color: #fff;
}

div.seznamClankuItem p.seznamClankuDatum
{
	font-size: 10px;
}

div.seznamClankuItem a
{
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	color: #da4811;
	width: 100%;
	text-decoration: underline;
}

#searchControls
{
    width: 400px;
}

.posledniClanek
{
    float: left;
    width: 226px;
    display: block;
    margin: 0px 10px !important;
}

.posledniClanek a
{
    color: #fff;
}

.posledniClanek p
{
    margin: 5px 0px;
}

.posledniClanek img
{
    border: 0px;
}

.obrazekPoslednihoClanku
{
    width: 226px;
    height: 170px;
    margin-bottom: 5px;
    text-align: center;
}

.nadpisPoslednihoClanku
{
    font-weight: bold;
}

.popisPoslednihoClanku
{
    font-size: 10px;
}

#vsechnyClankyArea
{
    text-align: right;
}
/* BANNERY / ROZCESTNIK */
#bannerPanel
{
   width: 100%;
    position: relative;
   height: 330px;
    margin-left: 15px;
}

#bannerPanel hr
{
    color: #272727;
    height: 0px;
    border: 1px #272727 solid;
    margin: 5px 0px 2px 0px;
    padding: 0px;
}
#bannerPanel .bannerPanelHeader  {
   display: block;
   margin: 0px !important;
   padding:  0px !important;
   height: 20px;
   line-height: 20px;  
}
#bannerPanel .bannerPanelHeader #rozcestnikLabel {
   display: block;
   margin: 0px !important;
   padding: 0px !important;
   height: 20px;
   line-height: 20px;  
}

.banner
{
    margin-top: 3px;
    z-index: 10;
   width: 100%;     
    height: 100px;
    position: static !important;
}

.banner a.bannerLink
{
   display: block;
   width: 100%;
   height: 100px;
    text-decoration: none;
    overflow: hidden;
}

.banner a.bannerLink img
{
    border: 0px;
}
.banner a.bannerLink img.small
{
   height: 100px;
}

.banner a.bannerLink img.big
{
   display: none;
   height: 309px;
}
.banner a.bannerLink:hover 
{
   display: block;
   position: absolute;
   top: 23px;
   left: 0px;
   width: 100%;
   height: 309px;
}
.banner a.bannerLink:hover img.small  
{
   display: none;
}
.banner a.bannerLink:hover img.big  
{

   display: block;
   
}
#rozcestnikLabel
{
    margin: 0px 0px 5px 0px;
    font-size: 12px;
}

#searchControls
{
    width: 400px;
}

#searchBox
{
    float: left;
    width: 280px;
    margin-right: 10px;
	background-color: #f5f5f5;
}

#searchButton
{
    width: 100px;
}

#UPSearchOptions
{
    margin: 2px 0px;
    padding: 0px 2px;
}

#showSearchOptions
{
    font-size: 12px;
    color: #000;
    margin: 0px;
}

#searchOptionsPanel
{
    margin-top: 5px; 
}
/*****************************/


/****/


.hline {
   margin: 7px 0 6px;
   height: 1px;
   line-height: 0px;
   background: transparent;
}


/* =====OBECNE PREDPISY===== */

#mapa-env {
   float: left;
   width: 453px;
   margin-top: 30px;
   position: relative;
   
   
}
#mapa {
   width: 453px;
   height: 251px
}
#legenda {
   float: right;
   margin: 60px 30px 0 0 ;
   border: 1px solid #444;
   padding: 10px 20px 10px 10px;
}


#ostrava {
   background: red;
   width: 85px;
   height: 25px;
   position: absolute;
   left: 343px;
   top: 113px;  
   text-align: left;
   color: #fff;
   background: transparent url('./graphics/point-big.png') no-repeat top right; 
}
#ostrava:hover {
   background: transparent url('./graphics/point-big-active.png') no-repeat top right; 
}
#ostravaLabel {
   color: #fff;
   font-weight: bold;
}
#ostrava:hover #ostravaLabel {
   color: #e75a25;
}

#breclav {
   background: red;
   width: 75px;
   height: 25px;
   position: absolute;
   left: 258px;
   top: 202px;  
   text-align: left;
   color: #fff;
   background: transparent url('./graphics/point-small.png') no-repeat top right; 
}
#breclav:hover {
   background: transparent url('./graphics/point-small-active.png') no-repeat top right; 
}
#breclavLabel {
   color: #fff;
   font-weight: bold;
}
#breclav:hover #breclavLabel {
   color: #e75a25;
}


#pobocky-env {
width:743px;

   border: 0px solid #888;

}
#pobocky-env {

}
#pobocky-env .left-box {
   float: left;
   width:55%;
   padding-right: 2%;
   border-right: 1px solid #aaa;  
}
#pobocky-env .right-box {
   float: right;
   width: 41%;

}
#pobocky-env .right-box small a {
   color: #aaa !important;
   line-height: 20px;
}
#pobocky h3 {
   font-size: 20px;
   padding-bottom: 15px;

}
.table {
   width: 100%;
   margin-bottom: 20px;
}
.table.half {
   width:48%;

}
.table  thead th {
   padding: 6px 5px;
   color: #e45620;
   background: #000000 url('./graphics/subMenuItemBcgnd.png') repeat-x scroll left top;
   font-size: 14px;
   text-align: left;
}
.table  tbody td {
   padding: 3px 5px;
   border: 1px solid #888;
   background: #777;

}
.table tbody td.hover {
   background: #717171;

}
.table  tbody td:first-child {
   font-weight: bold;

}
.table  a {
   color: #fff;
}
.table  a:hover {
   color: #E45620;
}

#rotate-env {
   position: relative;
   width: 305px;
   height: 228px; 

}

#rotate {
   overflow: hidden;
   width: 100%;
   height: 228px;
}

#rotate img {

   width: 305px;
   height: 231px;
   position: absolute;
   top:00px;
   left: 0px; 
 
}
#pager {
   position: absolute;
   bottom: 10px;
   right: 10px;
   z-index: 100000;   
   
}
#pager a {
   line-height: 15px;
   padding: 2px 5px;
   margin:  0 0 0 4px;
   background:  url('./graphics/pobocky/white-pixel.png') repeat; 
   border: 1px solid #aaa; 
   color: #aaa;
   text-decoration: none;
}
#pager a.activeSlide {
   background:  url('./graphics/pobocky/white-pixel.png') repeat;  
   border: 1px solid #fff; 
   color: #fff; 
   text-decoration: none;
}







  

/********************ZNACKY****************************/
.brandList {
   width: 695px;
   margin: 0px auto;
   clear: both;

}

.brandItem {
   width: 122px;
   height: 122px;
   position: relative;  
   float: left;
   margin: 10px 25px;
   padding: 0px;  
   background: #7e7e7e  url('../images/znacky/brand Bg.jpg') no-repeat top left;
}
.brandImg {
   display: block;
   width: 120px;
   width /*\**/: 119px\9;
   height: 120px;
   overflow: hidden;
   position: absolute;
   top: 1px;
   left: 1px;
   background: #fff;
   z-index: 1000;
}
.brandImg img {
   position: relative;
   top: 0px;
   left: 0px;
   height: 120px;
}
.brandLink {   
   display: block;
   width: 120px;
   height: 120px;
   overflow: hidden;
   padding: 0px;
   position: absolute;
   top: 1px;
   left: 1px;
   z-index: 100000;
}
.brandLink a {      
   display: block;
   width: 120px;
   height: 120px;
   overflow: hidden;
   padding: 0px;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 100000;
}

.brandDecor * {
   z-index: 10000;  
   overflow: hidden; 
}
.brandDecor .top_left, 
.brandDecor .top_right,
.brandDecor .bottom_left,
.brandDecor .bottom_right {
   width: 6px;
   height: 6px;
   position: absolute;
   background-image: url('./graphics/znacky/item-rohy.png');   
   background-repeat: no-repeat;
}
.brandDecor .top_left {
   top: 0px;
   left: 0px;
   background-position: top left;   
}
.brandDecor .top_right {
   top: 0px;
   right: 0px;
   background-position: top right; 
}
.brandDecor .bottom_left {
   bottom: 0px;
   left: 0px;
   background-position: bottom left;
}
.brandDecor .bottom_right {
   bottom: 0px;
   right: 0px;
   background-position: bottom right;
}
.brandDecor .item-gloss {
   position: absolute;
   top: 1px;
   left: 1px;
   width: 120px;
   height: 120px;
	background: transparent url('./graphics/znacky/item-gloss.png') no-repeat top center;
	_background: none;	
	*background: none;
}

#imageRotator {
   _width: 700px !important;
}