﻿DIV, SPAN, P, H1, H2, H3, H4, H5, H6, IMG {
	margin: 0px;
	padding: 0px;
}
html, body
{
height: 100%;
padding: 0;
margin: 0;
}
body {
	text-align: center;
	font-family: "Arial CE", Arial, "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 80%;
    background: white;
    color: #323232;
}
FORM
{
    width: 100%;
    height: auto;
    min-height: 100%;
    _height: 100%; /* IE */
    margin: 0 auto;
    position: relative;
    background: bottom center fixed repeat-x;
}

.par1 FORM  {background-color: #1777E5; background-image: url(../Images/bgr_kat1.jpg);}
.par2 FORM  {background-color: #0056AD; background-image: url(../Images/bgr_kat2.jpg);}
.par3 FORM  {background-color: #027CAD; background-image: url(../Images/bgr_kat3.jpg);}
.par4 FORM  {background-color: #85CDFF; background-image: url(../Images/bgr_kat4.jpg);}



#obsah {
	width: 960px;
	margin: 0 auto;
	text-align: left;
    padding-bottom: 60px; /* vyska paticky */
}

.panel-top-clean, 
.panel-bottom-clean,
.panel-top, 
.panel-bottom { 
    margin: 30px 30px 0 30px;
    width: 907px;
    height: 14px;
    background:  url('../Images/bgr-okno-top.png') top left no-repeat;
} 
.panel-top-clean { 
    margin-top: 80px;
    background:  url('../Images/bgr-okno-cl-top.png') top left no-repeat;
} 
.panel-bottom { 
    height: 56px;
    margin: 0 30px 30px 30px;
    background:  url('../Images/bgr-okno-bottom.png') bottom left no-repeat;
}  
.panel-bottom-clean { 
    margin: 0 30px 30px 30px;
    background:  url('../Images/bgr-okno-cl-bottom.png') bottom left no-repeat;
} 

/*** Stejna vyska sloupcu ***/ 
.panel, 
.panel-obsah { 
  overflow: hidden; 
} 

.panel { 
    margin: 0 30px;
    width: 907px;
   background: url('../Images/bgr-okno.png') top left repeat-y;
} 
.clean { 
  background: url('../Images/bgr-okno-cl.png') top left repeat-y;
  overflow: visible; 
  height: 715px;
} 
.panel-obsah { 
   padding: 0 240px 3em 0 ; 
}

.clean .panel-obsah { 
   margin: 0 6px 0 1px;
   background: url('../Images/bgr-produkt.png') bottom left repeat-x;
}                                      


.panel .column 
{ 
/*  position: relative;   -- ODSTRANIL JSEM ZLOBILO POZICOVANI*/
  float: left;
} 
#hlavicka { 
  height: 95px;
  height: 99px;
  background: transparent url('../Images/mn-top-bgr.png') top center repeat-x;
  z-index: 992;
  text-align: center;
  padding: 0 auto;
    position: relative;
} 
#hlavicka .column-in {
	width: 960px;
	margin: 0 auto;
	text-align: left;
    position: relative;
  z-index: 992;
}

#centerPanel 
{ 
  width: 100%; 
} 
#centerPanel-obsah {
    margin: 0px 15px;
	padding: 0px;
}

#pravyPanel 
{ 
  width: 240px; 
  margin-right: -100%; 
} 
#pravyPanel-obsah {
    margin: 0 6px 0 0;
	padding: 0px;
}
.paticka    { 
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;

    color: #717073;
    text-align: center;
    font-size: 0.8em;
	margin: 0;
	padding: 0 auto;
    background: transparent url('../Images/bgr-zapati.png') 0 0  repeat-x;
    } 
          
.paticka-in    { 
	position: relative;
    width: 960px;
    height: 48px;
	margin: 10px auto 0 auto;
	text-align: left;
    background: transparent url('../Images/centropol-logo-02.png') 15px 8px  no-repeat;
    
    } 


IMG {
	border: 0px;
}
IMG.border {
    border: solid 1px black ;
}
A {
	color: #EE3224;
}
A:HOVER {
	color: black;
}
UL, OL {
	margin-left: 20px;
	padding: 0px;
}
UL LI {
	margin-bottom: 2px;
}

hr.cleaner {
	clear: both;
	display: none;
}
div.cleaner {
	clear: both;
	height: 0px;
	font-size: 1px;
	border: none;
	margin: 0px;
	padding: 0px;
}


.f, .f2, .f3, .f4, .fLink {
	display: block;
	float: left;
	width: 150px;
	text-align: left;
	}

.f {margin-right: 15px;}
.f2 {width: 350px;}
.f3 {width: 60px;}
.f4 {width: 100px;}	

.fLink {width: 150px; margin-right: 15px;  border-right: 1px solid #C6C6C6;}

/* ------------------ error 404 ---------------------- */
#pruh404 { 
     background: #A0D334 url('../Images/home-akce-bgr.jpg') 0 0 repeat-x;
     width: 100%;
     height: 328px;
     z-index: 8;
     color: black;
     margin-top: -4px;
} 
#pruh404 #akce { 
	width: 960px;
	margin: 0px auto;
	text-align: left;
    height: 328px;
    z-index: 8;
}
#pruh404 #akce .akce-in { 
	margin: 0px;
	background: url('../Images/home-akce01.png') 3px 3px  no-repeat;        
    height: 328px;
    z-index: 8;
}
 #pruh404 #akce .akce-in div#logo { 
    position: relative;
    top: 295px;
    left: 16px;
    width: 113px;
    height: 25px;
    background: url('../Images/centropol-logo-04.png') 0 0  no-repeat;        
 }

 #pruh404 #akce .akce-in H1 { 
	font-size: 22pt;
    font-weight: normal; 
    padding: 70px 0 0 500px;
    line-height: 120%; 
	color: #292929;
 /*  text-indent: -100px; 
    line-height: 140%;  */
 }

 #pruh404 #akce .akce-in H1 span { 
	font-weight: bolder;
	color: black;
 } 
  #pruh404 #akce .akce-in H1 span.r { 
	font-size: 20pt;
    color: #D62118;   
 } 
 #pruh404 #akce .akce-in p { 
	font-size: 10pt;
    margin: 20px 0 0 500px;   
    line-height: 150%;
 }


/* ------------------ HOMEPAGE zaklad ---------------------- */
#pruhAkce { 
     
     background: #A0D334 url('../Images/home-akce-bgr.jpg') 0 0 repeat-x;
     width: 100%;
     height: 328px;
     z-index: 8;
     color: black;
     margin-top: -4px;
} 
#pruhAkce #akce { 
	width: 960px;
	margin: 0px auto;
	text-align: left;
    height: 328px;
    z-index: 8;
}
#pruhAkce #akce .akce-in { 
	margin: 0px 16px;
	/*
    background: url('../Images/home-akce01.png') 3px 3px  no-repeat;        
*/
    background: url('../Images/home-akce02.jpg') -20px 50px  no-repeat;        
    height: 328px;
    z-index: 8;
}
 #pruhAkce #akce .akce-in div#logo { 
    position: relative;
    top: 295px;
    left: 16px;
    width: 113px;
    height: 25px;
    background: url('../Images/centropol-logo-04.png') 0 0  no-repeat;        
 }

 #pruhAkce #akce .akce-in H1 { 
	font-size: 22pt;
    font-weight: normal; 
    padding: 70px 0 0 600px;
    padding: 105px 0 28px 350px;
    line-height: 120%; 
	color: #292929;
 /*  text-indent: -100px; 
    line-height: 140%;  */
 }
 /*
   #pruhAkce #akce .akce-in H1 span.r { 
	font-size: 42pt;
    color: #D62118;   
 }
*/
 #pruhAkce #akce .akce-in H1 span { 
	font-weight: bolder;
	color: black;
 } 
  #pruhAkce #akce .akce-in H1 span.r { 
	font-size: 20pt;
    color: #D62118;   
 } 
 #pruhAkce #akce .akce-in p { 
	font-size: 10pt;
    margin: 40px 0 0 500px;   
    line-height: 150%;
 }

.panelHome { 
    padding-left: 30px; 
    padding-right: 30px; 
	padding-bottom: 3em;
} 

#zakaznik div.kat1,
#zakaznik div.kat2,
#zakaznik div.kat3 {
    width: 286px;
    float: left;
    margin: 20px 14px 0 0;
}
#zakaznik div H2 {
     margin-bottom: 5px;
     font-size: 10pt;
     font-weight: bold !important;
     text-transform: uppercase;
}
#zakaznik div H2 A {
     display: block;
     width: 290px;
     height: 30px;
     margin-bottom: 5px;
     padding: 190px 0 0 10px;
     color: black !important;
     text-decoration: none;
}
#zakaznik div H2 A:HOVER {
     color: #EE3224 !important;
}
#zakaznik div.kat1 {
     background: transparent  url('../Images/home-domacnost.gif') 0 0 no-repeat;
}
#zakaznik div.kat2 {
     background: transparent url('../Images/home-podnikatel.gif') 0 0 no-repeat;
}
#zakaznik div.kat3 {
     background: transparent url('../Images/home-velkoodberatel.gif') 0 0 no-repeat;
}
#zakaznik ul  { 
     margin: 0px;
     padding: 0px;
} 
#zakaznik ul li { 
     list-style-type: none;
     z-index: 8;
     margin: 0px;
     padding: 0px;
} 

#zakaznik ul li a {
	display: block;
    text-decoration: none;
     background: transparent url('../Images/home-mn.gif') 0 0 no-repeat;
     width: 263px;
     height: 15px;
	padding: 6px 10px;
    margin-bottom: 3px;
    color: #6C6C6C;
	font-size: 8pt;
}

#zakaznik ul li a:HOVER {
     background: transparent url('../Images/home-mn-sel.gif') 0 0 no-repeat;

}


/* ------------------  HOMEPAGE zakaznik ---------------------- */

#pnlKomodity {
    position: relative ;
    margin: 0 0 0 1px;
    width: 900px;
    height: 342px;
    background: url('../Images/bgr-produkt.png') center top repeat-x;
}
.kom1, .kom2, .kom3 {
    padding: 70px 0 0 0 ;
    position: relative ;
    top: -70px;
    height: 345px;
}
.kom1 {background: url('../Images/domacnost-postava.png') center top no-repeat;}
.kom2 {background: url('../Images/podnikatel-postava.png') center top no-repeat;}
.kom3 {background: url('../Images/domacnost-postava.png') center top no-repeat;}

#pnlKomodity div.komodita {
    width: 285px;
    margin: 0 15px;
}

#pnlKomodity div.elektrina  {text-align: right;  float: left; }
#pnlKomodity div.plyn       {text-align: left;  float: right; }

#pnlKomodity div H1,
#pnlKomodity div H2      {margin: 0; padding: 0;}

#pnlKomodity div.elektrina H1 {text-align: left;}
#pnlKomodity div.plyn H2      {text-align: right;}

#pnlKomodity div.elektrina li {
    padding: 5px 25px; 
    list-style-type: none;
    background: url('../Images/check.png') right center no-repeat;
}
#pnlKomodity div.plyn li {
    margin: 0 0 0 -40px;
    padding: 5px 25px; 
    list-style-type: none;
    background: url('../Images/check.png') left center no-repeat;
}
#pnlKomodity div.txt01-l,
#pnlKomodity div.txt01-r {
    position: absolute;
    top: 300px;
    left: 135px;
    font-weight: bold;
    font-size: 1.1em;
    text-align: right;
}
#pnlKomodity div.txt01-r {
    position: absolute;
    left: 604px;
    text-align: left;
}
#pnlKomodity  div.txt01-l span,
#pnlKomodity  div.txt01-r span {
    color: #86C228;
    font-size: 1.7em;
}

#pnlKomodity a.bt01-l,
#pnlKomodity a.bt01-r {
    position: absolute;
    top: 355px;
    left: 135px;
    padding: 6px 9px 6px 20px; 
    display: block;
    width: 140px;
    height: 45px;
    background: url('../Images/bt-l-01.png') left top no-repeat;
    color: white;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}
#pnlKomodity a.bt01-r {
    left: 601px;
    padding: 6px 9px 6px 20px; 
    background: url('../Images/bt-r-01.png') left top no-repeat;
    text-align: left;
}

#pnlKomodity a.bt01-l span,
#pnlKomodity a.bt01-r span {
    display: block;
    text-transform : uppercase;
}
#pnlKomodity a.bt01-l:hover,
#pnlKomodity a.bt01-r:hover {
    color: #86C12A;
    background: url('../Images/bt-l-01-sel.png') left top no-repeat;
}
#pnlKomodity a.bt01-r:hover {
    background: url('../Images/bt-r-01-sel.png') left top no-repeat;
}

#panelZakaznikLink {
    margin: 0 0 0 15px;
}
#panelZakaznikLink div {
    width: 272px;
    float: left;
    margin: 15px 25px 0 0;
}
#panelZakaznikLink div H2 {
     margin: 0 5px 20px 5px;
     font-size: 12pt;
    font-weight: normal;
}


#panelZakaznikLink ul  { 
     margin: 0;                           
     padding: 0;
} 
#panelZakaznikLink ul li { 
     list-style-type: none;
     z-index: 8;
     margin: 1px 0 0 0;
     padding: 0px;
} 

#panelZakaznikLink ul li a {
	display: block;
    text-decoration: none;
    background: transparent url('../Images/bt-r-02.png') 0 0 no-repeat;
    width: 184px;
    height: 51px;
	padding: 18px 45px 6px 60px;
    margin: -11px 0 0 0;
    color: #303030;
	font-size: 11pt;
     font-weight: bold;
     position: relative;
}

#panelZakaznikLink ul li a:HOVER {
     background: transparent url('../Images/bt-r-02-sel2.png') 0 0 no-repeat;
     color: White;
}

#panelZakaznikLink ul li a span {
	display: block;
	font-size: 8pt;
    font-weight: normal;
    margin-top: 3px;
}
#panelZakaznikLink ul li a span.box {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 68px;
     background: transparent  3px 8px no-repeat;
}

#panelZakaznikLink ul li a span.kalkulator  {background-image: url('../Images/ico-kalkulator.png'); }
#panelZakaznikLink ul li a span.obalka      {background-image: url('../Images/ico-obalka.png'); }
#panelZakaznikLink ul li a span.kostka      {background-image: url('../Images/ico-kostka.png'); }

#panelZakaznikLink ul li a span.call      {background-image: url('../Images/ico-call.png'); }
#panelZakaznikLink ul li a span.write      {background-image: url('../Images/ico-write.png'); }
#panelZakaznikLink ul li a span.note      {background-image: url('../Images/ico-note.png'); }
#panelZakaznikLink ul li a span.mail      {background-image: url('../Images/ico-mail.png'); }
#panelZakaznikLink ul li a span.penize      {background-image: url('../Images/ico-penize.png'); }
#panelZakaznikLink ul li a span.otaznik      {background-image: url('../Images/ico-otaznik.png'); }


/* ------------------ HLAVICKA ---------------------- */

div#logo {
	background: transparent url('../Images/centropol-logo-01.png') 0 0 no-repeat;
	width: 208px;
	height: 56px;
	position: absolute;
	left: 15px;
	top: 35px;
	z-index: 40;
}
div#logo A {
	width: 208px;
	height: 56px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

div#slogan {
	position: absolute;
	top: 8px;
	left: 29px;
	z-index: 31;
    color: #cccccc;
    font-style: italic;
}

div#search {
	width: 170px;
	padding: 3px;
	position: absolute;
	right: 29px;
	top: 4px;
	z-index: 40;
    text-align: right;
}

div#search input  {
	font-size: 8pt;
    padding: 1px 2px;
	z-index: 40;
}
/* --------------- menu01 ----------------- */
#menu01 {
	width: 430px;
	position: absolute;
	top: 10px;
	left: 280px;
	z-index: 40;
}

#menu02 {
	width: 740px;
	height: 65px;
	position: absolute;
	top: 30px;
	left: 220px;
	z-index: 31;
}

#menu01 ul,
#menu02 ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#menu01 ul li,
#menu02 ul li {
	list-style-image: none;
	list-style: none;
	margin: 0px;
	display: inline;
	float:left;
}
#menu01 ul li {
	border-left: 1px solid #646464;
	margin-left: 2px;
}
#menu02 ul li {
	background: transparent url('../Images/mn-top-sep.gif') right top no-repeat;
    padding-right: 1px;
}


#menu01 ul li a ,
#menu02 ul li a {
    text-transform: uppercase;
	text-decoration: none;
	float: left;
}
#menu01 ul li a {
	padding: 0px 4px;
    color: #cccccc;
	font-size: 8pt;
	text-align: center;
}
#menu02 ul li a {
	height: 36px;
	padding: 18px 28px 10px 28px;
    font-weight: bold;
	font-size: 10pt;
    color: #303030;
	background: url('../Images/mn-top-sel.png') 0 -95px repeat-x;
}
#menu02 ul li a span {
    text-transform: lowercase;
	font-size: 8pt;
    font-style: italic;
    color: #797979;
    display: block;

}
#menu01 ul li A:HOVER,
#menu01 ul li.selected A {
	color: black;
}

#menu02 ul li A:HOVER,
#menu02 ul li.selected A {
	color: white;
	background: #C4170A url('../Images/mn-top-sel.png') left bottom repeat-x;
    padding: 48px 28px 5px 28px;
}
#menu02 ul li A:HOVER span,
#menu02 ul li.selected A span {
	color: white;
}
#menu02 ul li A.js:HOVER {
	color: white;
	background: url('../Images/mn-top-sel.png') 0 -95px repeat-x;
    padding: 18px 28px 11px 28px;
}

#menu021 li{
	float:left;
	width:170px;
	height:85px;
	position:relative;
	cursor:pointer;
}
#menu021 li > a {
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:85px;

}

/* --------------- rightMenu ----------------- */
  
div#rMenu {
	margin-top: 18px;
}


div#rMenu ul {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 8pt;
	font-weight: normal;
     background-color: #959495;
}
div#rMenu ul ul {
    padding: 0;
}
div#rMenu ul li {
	list-style-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#rMenu ul li ul li {
	list-style-image: none;
	list-style: none;
	padding: 0 0 0 15px;
}

div#rMenu ul li span,
div#rMenu ul li a {
	width: 213px;
	padding: 6px 2px 6px 18px;
	margin-bottom: 1px;
    color: White;
	background: transparent url('../Images/rMenu-a.gif') 6px 8px no-repeat;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
    cursor: hand;
}
        
div#rMenu ul li li span,
div#rMenu ul li li a {
	width: 198px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
    border-bottom: 1px solid   #C6C6C6;
}     
  
div#rMenu ul li li li span,     div#rMenu ul li li li a    { width: 183px; }    
div#rMenu ul li li li li span,  div#rMenu ul li li li li a { width: 168px; }


div#rMenu ul li.selected,
div#rMenu ul li.selectNode,
div#rMenu ul li.selectNode ul,
div#rMenu ul li.AspNet-TreeView-ChildSelected,
div#rMenu ul li.AspNet-TreeView-ChildSelected ul,
div#rMenu ul li.AspNet-TreeView-Selected {
    background-color: #E5E5E5 ;
}   
div#rMenu ul li.selectNode span,
div#rMenu ul li.selectNode a,
div#rMenu ul li.AspNet-TreeView-ChildSelected a {
    color:  #323232
}

div#rMenu ul li A:HOVER,
div#rMenu ul li span:HOVER {
	color: black !important;
}
div#rMenu ul li.selectNode A:HOVER,
div#rMenu ul li.selectNode span:HOVER,
div#rMenu ul li.selected A,
div#rMenu ul li.AspNet-TreeView-Selected A {
	color: #EE3224;
}
div#rMenu ul li.selectNode li A:HOVER,
div#rMenu ul li.selectNode li span:HOVER,
div#rMenu ul li.selected li A,
div#rMenu ul li.AspNet-TreeView-Selected li A {
    color:  #323232
}
div#rMenu ul li.selected A {
    font-weight: bold;
}




div#rMenu .mnPartner ul {
	margin: 0;
}
div#rMenu .mnPartner ul ul {
    padding: 0 0 0 0;
}
div#rMenu .mnPartner ul li {
	padding: 0;
	padding: 0 0 0 16px;
}

div#rMenu .mnPartner ul li ul li {
	padding: 0 0 0 15px;
}

div#rMenu .mnPartner ul li span,
div#rMenu .mnPartner ul li a {
	width: 197px;
	padding: 6px 2px 6px 18px;
}
        
div#rMenu .mnPartner ul li li span,
div#rMenu .mnPartner ul li li a {
	width: 183px;
}  

div#rMenu .mnPartner .treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -20px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

#treecontrol { margin: 1em 0; display: none; }

div#rMenu .mnPartner .treeview li.collapsable, .treeview li.expandable { background-position: 0 -171px; }

div#rMenu .mnPartner .treeview .expandable-hitarea { background-position: -80px 2px; }

div#rMenu .mnPartner .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }





/* --------------- PRAVY Panel ----------------- */
  
#pravyPanel H2  {
    text-transform: uppercase;
}
#pravyPanel .text  {
	margin: 6px; 
}
#pravyPanel .linka  {
	color: #A1E922; 
}



/* --------------- flash bannery ----------------- */
#pravyPanel .banner  {
	width: 234px; 
    height: 234px;
}

.home.banner  {
    text-align: center;
    margin: 15px 0; 
}
.home.banner #ban-cen  {
    height: 100px;
}

/* --------------- PATICKA ----------------- */
.paticka #paticka-left {
	width: 400px; 
    margin: 16px 0 0 135px;
	float: left;
}
.paticka .hlJasnet,
.paticka .hlRosette {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 0px; 
  background: transparent url('../Images/tvurci.png') top left no-repeat;
  height: 32px;
}

.paticka .hlJasnet {
  width: 68px;
  right: 78px;
}
.paticka .hlRosette {
   background-position: top right;
  width: 78px;
}

.paticka A {
    color: #313131;
}
.paticka .AspNet-TreeView ul li {
	display: inline;
}
.paticka .AspNet-TreeView ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
    color: #313131;
	font-weight: bold;
}
.paticka .AspNet-TreeView ul li a {
	padding: 0px 8px;
	text-decoration: none;
	border-right: 1px solid white;
    color: #313131;
}

.paticka .AspNet-TreeView ul li.AspNet-TreeView-Selected A {
	color: #00B1E6;
}

.paticka .AspNet-TreeView ul li a:hover {
	color: #00B1E6;
}



/* --------------- panel ----------------- */
.panel .smap {
	font-size: 0.9em;
	color: #6B6B6B;
    border-bottom: 1px solid #C6C6C6;
	margin-bottom: 3px;
	padding: 0 0 6px 0;
}
.panel H1 {
	font-weight: bold;
	font-size: 1.4em;
	padding: 10px 0;
	color: black;
}

.panel H2 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 15px 0 10px 0;
	color: #313131;
}
.panel H2.n1 {
	font-weight: bold;
	font-size: 1.4em;
	padding: 10px 0;
	color: black;
}
.panel H2.n2 {
	font-weight: bold;
	font-size: 1.5em;
	padding: 5px 8px;
	color: white;
    background-color: #83C807;

}
.panel H2 A, 
.panel A H2 {
    color: #313131;
    text-decoration: none !important;
}
.panel H2 A:HOVER,
.panel A:HOVER H2 {
    color: #EE3224;
}


.panel H3 {
	font-weight: bold;
	color: #353535;
	font-size: 1em;
	margin: 10px 0;
}

.panel H3.m {
	color: #00AEEF;
}
.panel H4 {
	font-weight: bold;
	font-size: 1em;
	margin: 2px 0;
}
.panel P {
	margin: 0 0 14px 0;
    line-height: 140%;
}
.panel TABLE {
	margin: 0 0 14px 0;
}
.panel TABLE TH {
	padding: 3px 10px;
	 background-color:   #BABABA;
    border-right: 1px solid #B1B1B1;
     color: White;
}

.panel TABLE TD {
	padding: 3px 10px;
    vertical-align: top;
}


.panel TABLE.tAlter {
    border: 1px solid white;
     border-collapse: collapse;
}

.panel TABLE.tAlter TD {
    border-right: 1px solid #B1B1B1;
	 background-color: #F2F2F2;
}


.panel TABLE TR.alter,
.alter     {
    background-color: #E6E6E6 !important;
}

.panel .pozor {
    background: #F15922 url('../Images/icony/ikona_pozor.gif') 15px 15px no-repeat;
    margin: 10px 0;
    padding: 15px 15px 15px 55px;
    color: White;
}
.panel UL {
    margin: 0 0 15px 40px;
}
.panel H3 + UL {
	margin-top: -6px;
}
.panel H4 + UL {
	margin-top: 4px;
}
.panel UL H3 {
    color: #00AEEF;
}
.panel IMG {
	margin: 1px;
}

.panel .datum    {
	 margin: 0 0 5px 0;
     font-size: 0.8em;
}
.podpis    {
	 text-align: center;
	 margin-left: 400px;
}

.FotoFloatRight	{
	float: right;
	margin-left: 20px;
	margin-bottom: 8px;
	padding: 0px;
}
.floatR	{
	float: right;
	margin-left: 2px;
	margin-bottom: 8px;
}
.sloupce { clear:both; }
.sloupce .first { padding-right: 20px; }


div.levy
{ 
float: left; 
width: 247px; 
margin: 0px; 
border: 0px none; 
position: relative;
} 

div.pravy
{ 
float: right; 
width: 247px; 
margin: 0px; 
border: 0px none; 
} 



/* --------------- panely ----------------- */
.fotoU  {
	text-align: center;
}

.pnlRight   {
    float: right;
    width: 185px;
    margin-right: 12px;
}

.pnlTip  {
    float: right;
    width: 185px;
    margin: 10px 0 10px 10px;
    border: 1px solid #D1D1D1; 
    border-bottom: 25px solid #97D220; 
    background: #D1D1D1;

    background: white url('../Images/ico-tip.png') 2px 12px no-repeat;
    padding: 75px 10px 10px 10px;
    z-index: 99;
}
.pnlTip .pnlTip-in  {
    padding: 75px 10px 10px 10px;
    background: white url('../Images/ico-tip.png') 2px 12px no-repeat;
}
.pnlTip .zapati  {
    width: 187px;
    margin: 0 -11px -10px -11px;
    border-bottom: 25px solid #97D220; 
}
.pnlTip H2  {
    font-size: 1em;
}

.pnlTip.akceZakaznik,
.pnlTip.akceZakaznik .pnlTip-in {
    background-image: url('../Images/ico-akce-zakaznik.png');

}
.pnlTip.akcePartner,
.pnlTip.akcePartner .pnlTip-in {
    background-image: url('../Images/ico-akce-partner.png');
}
.pnlTip.PF2012,
.pnlTip.PF2012 .pnlTip-in {
    background-image: url('../Images/ico-pf2012.png');
}
#pravyPanel .pnlTip.PF2012 {
    border: none; 
    margin: 10px 0 10px 0px;
    width: 215px;
    float: none important;
}
#pravyPanel .pnlTip.PF2012 .zapati  {
    width: 232px;
}


.pnlTextWithLink {
    margin: 5px 0;
    padding: 7px 0 7px 99px;
}
.pnlLink {
	FLOAT: left; 
    MARGIN: 10px 15px 10px 6px; 
    WIDTH: 70px; 
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px; 
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    COLOR: #fff;
}

 .pnlTextWithCheck P {
    margin: 5px 0;
    padding: 7px 0 7px 99px;
    background:  url('../Images/check.png') 30px 12px no-repeat;
}

/* --------------- template zakladni  ----------------- */

.pnlZakladni  {
    border: none;
    border-top: solid 1px #F0F0F0;
}
.pnlZakladni H2  {
    margin: 0 0 2px;
}

.pnlZakladni.sel H2 a   {
	 color: #EE3224;
     text-decoration: underline;
}
.pnlZakladni Img {
    margin: 4px 0px 4px 4px;
}
/* --------------- template Novinky ----------------- */

.pnlNovinky ,
.pnlZakladni  {
    border: none;
    border-top: solid 1px #F0F0F0;
}
.pnlNovinky H2,
.pnlNovinky H2  {
    margin: 0 0 2px;
}

.pnlNovinky.sel H2 a,
.pnlNovinky.sel H2 a   {
	 color: #EE3224;
     text-decoration: underline;
}
.pnlNovinky Img,
.pnlNovinky Img {
    margin: 4px 0px 4px 4px;
}


.dat_mes,
.dat_rok {
	BACKGROUND: #ADADAD; 
}
.sel .dat_mes,
.sel .dat_rok {
	BACKGROUND: #EE3224; 
}
.dat_den {
	BORDER-TOP: white 2px solid; FONT-SIZE: 36px; BACKGROUND: #f6f6f6; COLOR: #ADADAD; BORDER-BOTTOM: white 2px solid
}
.sel .dat_den {
	 color: #EE3224;
}


/* --------------- PRODUKTY ----------------- */

.pnlClanky {
    float: left;
    width: 300px;
    min-height: 150px;
    _height: 150px;
    margin-top: 7px;
    margin-right: 7px;
    background-color: #F9F9F8;
    padding: 5px;
}
.newParam2   {
    min-height: 178px;
    _height: 178px;
}
.newParam4   {
    height: 320px;
}
.newParam5   {
    height: 300px;
}
.pnlClanky IMG {
    margin: 0 8px 5px 0;
    float: left;
}
.newParam2 IMG   {
    margin-top: 6px;
}
.newParam5 IMG   {
    text-align: center;
}
.newParam5 A   {
    text-decoration: none;
}
.pnlClanky H2 {
    margin: 5px 0px;
}
.pnlClanky P {
    margin: 0px;
}
.pnlSeznam {
    margin-top: 7px;
    margin-right: 7px;
    padding: 5px;
}


/* --------------- FOTO ----------------- */

.pnlFoto  {
     margin-bottom: 50px;
}
.pnlFoto DIV {
    float: left;
    text-align: center;
    width: 155px;
    margin-top: 4px;
    margin-right: 4px;
    font-size: 9pt;
    font-weight: bold;
}
.pnlFoto DIV.cleaner {
	clear: both;
	 float: none;
	height: 0px;
	font-size: 1px;
	border: none;
	margin: 0px;
	padding: 0px;
}

.pnlFoto DIV A {
	color: #DC6D06;
	text-decoration: none;
}

.pnlFoto DIV IMG {
    border: 1px solid #D2D1C2 !important;
}


.partneriFloat     {
	float: left;
	width: 180px;
	height: 110px;
	text-align: center;
    vertical-align: middle;
    margin-top: 10px;
}

.videaHP .video     {
	float: left;
	width: 290px;
}

/* --------------- Medailonky ----------------- */
.medailonek     {
    margin: 0px -21px 0px -30px;
    padding: 2px 21px 10px 30px;
}


.medailonek P     {
    margin-bottom: 1px;
    margin-left: 130px;
    text-indent: -130px;
    
}
.medailonek .f     {
    color: #C5005E;
    width: 130px;
}
.medailonek .moto     {
    color:#006C8C;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}


/* --------------- Google search ----------------- */


  #adBlock, gsc-adBlock {
    font-family: sans-serif;
    background-color: #a54a65 !important;
    color: gray !important;
  }

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #777777;
  }
  input.gsc-search-button {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    background-color: #FFFFFF;
    border-color: #000000;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #CA1B0E;
    font-weight: bold;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    font-weight: bold;
    color: #EE3224;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #000000;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #666666;
  }
  .gsc-cursor-page {
    color: #000000;
  }
  a.gsc-trailing-more-results:link {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #323232;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #83C807;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #83C807;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult.gs-result .gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
.gsc-results .gsc-cursor-page {
border-color: #777777;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #333333;
background-color: #333333;
}
  .gs-promotion.gs-result {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #C4170A;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #EE3224;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #000000;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #333333;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #78B506;
  }


/* --------------- login Panel ----------------- */

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* Panel Tab/button */
.tab {
  	background: url(../Images/tab_b.png) repeat-x 0 0;
	height: 8px;
	position: relative;
    top: 0;
    z-index: 980;
}

.tab .tab-in {
    width: 960px;
	margin: 0 auto;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 185px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../Images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 19px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../Images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 19px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../Images/tab_m.png) repeat-x 0 0;
}

.tab a.openLogin, .tab a.openLogout, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	cursor: pointer;
	display: block;
	width: 20px;
	position: relative;
	top: 3px;
}

.tab a.openLogin {background: url(../Images/bt_login.png) no-repeat left 0;}
.tab a.openLogout {background: url(../Images/bt_logout.png) no-repeat left 0;}
.tab a.close {background: url(../Images/bt_close.png) no-repeat left 0;}
.tab a:hover.openLogin {background: url(../Images/bt_login.png) no-repeat left -19px;}
.tab a:hover.openLogout {background: url(../Images/bt_logout.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../Images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 1980;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#log-panel {
	width: 100%;
	height: 130px;
	color: #992;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
     display: none;
}

#log-panel h2   {
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#log-panel p {
	margin: 5px 0;
	padding: 0;
}
#log-panel ul {
	margin: 5px 0 0 15px;
	padding: 0;
}

#log-panel a {
	color: #999999;
    text-decoration: none;
}
#log-panel a:hover {
	color: #CC0000;
}
#log-panel .content {
	width: 900px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#log-panel .content .left {
	width: 265px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#log-panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#log-panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}


#log-panel .content .error {
	display: block;
	margin: 4px 5px;
	color: #CC0000 !important;
	height: 16px;
}

/* --------------- lide ----------------- */
#centerPanel div.lide div.ps {
    position: relative;
    width: 150px;
    height: 260px;
    padding-top: 6px;
    margin: 0 30px; 
    text-align: left;
    float: left;
}
#centerPanel div.lide div.ps H3 {
    margin: 5px 0 3px 0; 
}


/* --------------- wizard ----------------- */

div.wizard
{
	width: 600px;
    min-height: 400px;
}

div.wizard .header    {
}

div.wizard .sidebar    {
}

div.wizard .sidebar a   {
	float: left;
    width: 75px;
	margin: 4px;
	display:block;
    font-size: 8pt;
	text-decoration: none;
    text-align: center;
     vertical-align: middle;
}

div.wizard .sidebar a.active
{
	font-weight:bold;
}

div.wizard .step
{
}


div.wizard .nav
{
	text-align:right;
	vertical-align:middle;
}


div.formLinka {
     background: url('../Images/mn-top-sep.gif') 150px repeat-y;
}

/* --------------- napoveda smlouva ----------------- */

.napoveda 
{
    display: none;
    margin: 0 0 0 10px;
    width: 300px;
    min-width: 300px;
    border: 1px solid black;
    background-color: #232323;
    color: White;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 140%;
    z-index: 99;
}
 .napoveda-box {
    position:absolute;
    z-index: 1020;
    top:0px;
    left:0px;
}

.napoveda-in {
    padding: 20px;
}



.nap {
	height: 75px;
	width: 40px ;
     overflow: visible ;
}

/* --------------- Formulare ----------------- */
 /*
input[type="checkbox"] ,
input[type="radio"],
.checkbox, .radio {
	width: 19px;
	height: 20px;
	padding: 0 5px 0 0;
	background: url('../Images/checkbox.png') no-repeat;
	display: block;
    display: inline-block;
}
input[type="radio"],
.radio {
	background: url('../Images/radio.png') no-repeat;
}   
.select {
	position: absolute;
	width: 158px;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url('../Images/select.gif') no-repeat;
	overflow: hidden;
}   */

 .cForm  {
    background: url('../Images/cForm-bgr.gif') repeat-y ;
}
 .cForm p  {
    margin: 5px 0;
}

input[type="text"]     {
	border: 1px solid #c6C6C6;
    padding: 3px;
}
input[type="radio"]     {
   /* margin: 0 5px 0 0;*/
}

input[disabled="disabled"]     {
  background-color: #F2F2F2 !important;
}


            label.ui-checkbox,
			label.ui-radio {
				margin: 15px 0 0 0;
                padding: 2px 0 2px 20px;
				background: url(../Images/icon_check.png) 0 -40px no-repeat;
			}
			label.ui-radio {
				background: url(../Images/icon_radio.png) 0 -40px no-repeat;
			}

			label.ui-checkbox-state-hover,
			label.ui-radio-state-hover {
				background-position: 0 -114px;
			}
						
			label.ui-checkbox-state-checked,
			label.ui-radio-state-checked {
				background-position: 0 -1px;
			}
			
			label.ui-checkbox-state-checked-hove,
			label.ui-radio-state-checked-hover {
				background-position: 0 -75px;
			}
			      
			.ui-helper-hidden-accessible {
				position: absolute;
				left: -999em;
			}



input[type="submit"]  {
	background-color: #B30200;
	color: white;
	border-style: none;
    width: auto;
}
 
.cForm select,
.wiz select,
.cForm input[type="text"],
.wiz input[type="text"] {
    width: 250px;
}
input.auto     {
    width: auto !important;
}
   
a.btC,
a.btC2,
.btCNo,
a.btZ,
.btZNo,
a.btS,
.btS-Sel, 
.gsc-results .gsc-cursor-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page  {
	color: white  !important;
	padding: 4px 8px;
    display: inline-block;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: uppercase;
}
a.btC, a.btC2, .btCNo  {background: #EB2A1C url('../Images/tl-cer-bgr.png') left bottom repeat-x; }
a.btC:HOVER, a.btC2:HOVER, .btCNo:HOVER  {background: #BA1004;}
.btCNo  {background-color: #EB2A1C !important ; }

a.btZ, .btZNo  {background: #89CC05 url('../Images/tl-zel-bgr.png') left bottom repeat-x;  }
a.btZ:HOVER, .btZNo:HOVER  {background: #56A71B;}

a.btS, .gsc-results .gsc-cursor-page  {background: #69696A url('../Images/mn-top-bgr.png') left top repeat-x;}
a.btS:HOVER, .btS-Sel, .gsc-results .gsc-cursor-page.gsc-cursor-current-page  {background: #595959;}


a[disabled=disabled],
a[disabled=disabled]:HOVER
{ 
 background-image: none;
  background-color: #CECECE !important;
  color: #A6A6A6 !important;
}

/* --------------- zvyrazni ----------------- */
.tZv01    {
	font-weight: normal;
    font-size: 1.8em;
    text-align: right;
	color: #83C807;
}
.tZv01 span    {
	 font-weight: bold;
     font-size: 2.2em;
	 color: #B30D00;
}
.tZv02    {
	font-weight: normal;
    font-size: 1.4em;
	color: white;
    background-color: #89CC05;
	background: #89CC05 url('../Images/tl-zel-bgr.png') bottom center repeat-x;
    padding: 12px 10px;
}
.tZv03   {
	font-weight: bold;
    font-size: 2em;
	color: #83C807;
}
.tZv04   {
	font-weight: normal;
    font-size: 1.8em;
    text-align: right;
	color: #B30200;
}

 /* --------------- tlacitka ----------------- */
.btZv01    {
	font-weight: bold;
    text-align: right;
	background: #89CC05 url('../Images/tl-zel-bgr.png') bottom center repeat-x;
    padding: 4px 6px;
    display: inline-block;
    color: White;
    text-decoration: none;
    text-transform: uppercase;
}
.btZv01:HOVER    {
	background: #52A41C none;
    padding: 4px 6px;
    color: White;
}

a.btZv02 {
    padding: 14px 9px 6px 20px; 
    display: inline-block;
    width: 140px;
    height: 45px;
    background: url('../Images/bt-r-03.png') left top no-repeat;
    color: white;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

a.btZv02 span {
    display: block;
    text-transform : uppercase;
}

a.btZv02:hover,
a.selectedProduct.btZv02 {
    color: #86C12A;
    background: url('../Images/bt-r-03-sel.png') left top no-repeat;
}

.btZv03    {
	font-size: 8pt;
    font-weight: bold;
    text-align: right;
	background: #6B6B6B ;
    padding: 1px 6px;
    display: inline-block;
    color: #D8D8D8;
    text-decoration: none;
    z-index: 999999;
background: rgb(94,94,94); /* Old browsers */
background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(114,114,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,94,94,1)), color-stop(100%,rgba(114,114,114,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(114,114,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(114,114,114,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(114,114,114,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#727272',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(94,94,94,1) 0%,rgba(114,114,114,1) 100%); /* W3C */}

.btZv03:HOVER    {
	background: #5D5D5D none;
    filter: none;
    color: White;
}


.tooltip2 {
	display:none;
	background:transparent url(../Images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


 /* --------------- odkazy ----------------- */

a.pdf {background: url(../Images/file/pdf.png) no-repeat left center;  	padding-left: 20px;	line-height: 16px;  }
a.doc {background: url(../Images/file/doc.png) no-repeat left center;  	padding-left: 20px; line-height: 16px;  }
a.xls {background: url(../Images/file/xls.png) no-repeat left center;  	padding-left: 20px; line-height: 16px;  }
a.txt {background: url(../Images/file/txt.png) no-repeat left center;  	padding-left: 20px; line-height: 16px;  }
a.zip {background: url(../Images/file/zip.png) no-repeat left center;   padding-left: 20px; line-height: 16px;  }
a.jpg {background: url(../Images/file/jpg.png) no-repeat left center;   padding-left: 20px; line-height: 16px;  }
a.email {background: url(../Images/file/email.png) no-repeat left center;  	padding-left: 20px; line-height: 16px; }
a.external {background: url(../Images/file/ext_link2.png) no-repeat right center; padding-right: 13px; }

/* --------------- validatorcallout ----------------- */

.ajax__validatorcallout {z-index: 1 !important; color: White; font-weight: bold;}
TABLE.ajax__validatorcallout  {width:220px;}
.ajax__validatorcallout div {margin-left: -3px; z-index: 1 !important;}

                              
.ajax__validatorcallout div, .ajax__validatorcallout td {border:none !important;background-color:#707070 !important; z-index: 1!important;}
.ajax__validatorcallout .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent !important;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent !important;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent !important;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent !important;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_table_row {background-color:transparent !important;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent !important;}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent !important;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.ajax__validatorcallout .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.ajax__validatorcallout .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.ajax__validatorcallout .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.ajax__validatorcallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}

         
  
.ValidatorCallOut
             {margin-left: -180px; 
              background-color: Yellow !important ;
              color: Red;
             z-index:2000;
             width: 50px !important;
             }
  
  .ajax__validatorcallout_error_message_cell
  
  
.validatorCalloutHighlight
{
    background-color: #FFFACD;
}

.MaskedEditError
{
    background-color: #FFCCCC;
}

.kalkText {
	display: block;
	float: left;
	width: 330px;
	padding-right: 10px;
	padding-top: 2px;
	height: 34px;
}

.kalkPopis {
	font-weight: bold;

}
.kalkCena {
    display: block;
    color: #A1E922;
    margin: 5px 0;
    padding: 15px 15px;
    font-size: 2.2em;
    font-weight: bold;
    float: right;
    background-color: white;
    border-bottom: 15px solid #97D220;
}

.kalkCena2,
.kalkCena3 {
	display: block;
	font-weight: bold;
	height: 30px;
	padding-top: 4px;
	font-size: 1.5em;
}
.kalkCena3 {
	font-size: 2em;
	color: #EB3526;
}

/* --------------- obecne ----------------- */

ADDRESS {
	font-style: normal;
	margin-bottom: 10px;
    line-height: 150%;
}

.zvyraznit {
   	font-weight: bold;
   	font-size: 1.2em;
}
.small {
   	font-size: 0.85em;
}
.smaller {
   	font-size: 0.7em;
}
.error {
   	color: red;
   	font-weight: bold;
}
.cBlue         {
	color: #00789C;
}
.cRed  {
	color: #EF2D23 !important;
}
.cGray  {
	color: #C8C8C8 !important;
}
.cGray2  {
	color: #717074 !important;
}
.cGray3  {
	color: #98979B !important;
}
.cOrange  {
	color: #E75012;
}
.cGreen  {
	color: #97D220;
}
.cGreen2  {
	color: #557612;
}
.normal  {
	font-weight: normal;
} 
.bold  {
	font-weight: bold;
}  
.big  {
	font-size: larger;
} 
.biger  {
	font-size: large;
} 
.aRight {
	text-align: right !important;
}  
.aLeft {
	text-align: left !important;
} 
.aCenter {
	text-align: center !important;
} 
.mBottom {
   	margin-bottom: 6px !important;
}
.odsazTop {
	padding-top: 80px !important;
}
.odsazLpodpis {
   	margin-left: 330px !important;
}
.odsazR {
   	margin-right: 20px !important;
}
.odsazL {
   	margin-left: 20px !important;
}
.odsazT {
   	padding-top: 12px !important;
}
.odsazT2 {
   	padding-top: 2px !important;
}
.odsazT3 {
   	padding-top: 40px !important;
}
.odsazT1 {
   	margin-top: 25px !important;
}
.no   {
   	text-decoration: none !important;
    text-indent: 0px !important;
    clear: both;
}
ul.noType li   {
   	list-style-type: none;
}
.no TD   {
   	background-color: White;
}

.formLabel   {
   	border-right: solid 1px #C6C6C6 ;
}

.skrtnuto        {
     text-decoration: line-through;
}

 div.loading-visible{    /*make visible*/    
 display:block;    /*position it at the very top-left corner*/    
 position:absolute;    
 top:0;    left:0;    width:100%;    height:100%;    
 text-align:center;      
 background: #E5E5E5;   
  _background: none; /*this line removes the background in IE*/   
 opacity: 0.75;    
 padding-top:40%;  }


/* ------------------------------------------------ */
/* --------------- Partnerská sekce ----------------- */
/* ------------------------------------------------ */
/* --------------- report Vyherce ----------------- */
.reportVyherce { 
  margin: 10px 0px;
  background: #363636 url('../Images/plaketa.png') no-repeat;
  color: White;
  font-weight: bold;
  font-size: 8pt; 
  height: 83px;
} 

.reportVyherce P.rvTop,
.reportVyherce P.rvJmeno,
.reportVyherce P.rvBottom { 
  margin: 0px !important;
  padding-left: 70px;
   text-align: center !important;
    line-height: 125% !important;
}

.reportVyherce P.rvTop { 
  padding: 10px 10px 0px 70px;
  font-size: 11px; 
} 
.reportVyherce P.rvJmeno { 
  padding: 0px 10px 5px 70px;
  color: #EBA732;
  font-size: 22px; 
} 
.reportVyherce P.rvBottom { 
  padding: 0px 10px 0px 70px;
}
.reportVyherce .rvDatum { 
  color: #EBA732;
} 




/* -------------- kometáře ---------------------------*/
#centerPanel .komItem .comment-title,
#centerPanel .child .comment-title {
	margin-top: 15px;
	margin-bottom: 3px;
	padding: 3px 5px;
	border-top: 1px solid white;
	background-color: #959495;
}

#centerPanel .child .comment-title {
	background-color: #C9C9C9;
	background-image: none;
}
#centerPanel .comment-title H5 {
	color: Black;
	padding: 3px 0;
}
.child .comment-title {
	border-top: 1px solid #95AAF2;
	background-color: #0D2168;
}
TABLE.newKoment TH {
	border: none;
	text-align: left !important;
	font-weight: bold;
}
.comment {
	padding: 5px;
	padding-top: 0px;
}
.comment-buttons {
	background-color: #818081;
	padding: 5px;
}
.comment-buttons A {
	font-weight: bold;
}
.comment-buttons A:HOVER {
	font-weight: bold;
}

.comment UL {
	margin: 2px 15px;
	margin-top: 10px;
	padding: 0px;
}
.comment UL UL {
	margin: 2px 15px;
	padding: 0px;
}
.comment LI {
	margin: 0px;
	padding: 2px;
}

.comment .paging {
	background-color: #818081;
	text-align: center;
	color: #FCD017;
	border: none;
	font-weight: bold;
	margin-top: 25px;
	padding: 8px;
}

.comment A {
	color: #B30200;
}
.comment A:HOVER {
	color: black;
}


.commentLast  {
	font-size: 0.9em;
	background-color: white;
	border: 1px solid #E5E5E5;
	margin: 4px 0;
}
.commentLast .komItem  {
	margin: 6px;
}
.commentLast H3  {
	margin: 6px;
}
.commentLast H5  {
	font-size: 0.9em;
	font-weight: bold;
	color: #B30200;
}
/* --------------- CENTER ----------------- */
#centerPanel H5 {
	font-size: 1.2em;
	color: #EB3526;
	font-weight: bold;
    padding-top: 10px;
}
#centerPanel H2.dalsi  {
    margin-top: 12px;
}




 /* for node text */
.kontakt DIV {
    width: 290px;
     min-height: 110px;
    border: 1px solid #CDCDCD; 
    background-color: #F2F2F2;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}
.kontakt DIV H3 {
    margin: 5px 0px !important;
    text-transform: uppercase;
}


/* for node text */
.adresarNode {
	font-size: 10pt;
    font-weight: bold;
}



A.InstallButton {font-size:20px; color:white; display:block; background-color:#E2231B; border:1px solid #802910; padding: 8px 10px; width: 120px; text-align: center;  }
A.InstallButton:hover {background-color:#941812;}







 /**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



.upozorneni,
.upozorneni2,
.upozorneni3 {
    position: absolute;
	width:  500px; 
	height: 400px;
	left: 180px;
	top: 125px;
	 background: transparent url('../data/banner/upozorneni002.png') no-repeat;
}
.upozorneni2 {
	top: -10px;
	left: 240px;
}

.upozorneni3 {
    position: relative;
	top: -10px;
	left: 340px;
}


INPUT.bt001 {
    width: 200px !important;
    margin: 5px 0px;
    border: 1px solid white;
}







.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/close.gif);
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
    font-size: 1.1em;
	color: #ddd;
}
.nyroModalCont {
	position: absolute;
	border: 4px solid #777;
	margin: 25px;
	padding: 15px;
	background: #fff;
	text-align: left;
}
.nyroModalCont H1 {
	font-size: 1.2em;
}
.nyroModalCont iframe {
	width: 600px;
	height: 400px;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(../img/ajaxLoader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(../img/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
.nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(../img/next.gif);
}





