/* liberation.cz */

body {
	background-attachment: fixed;
	background-image:url(../images/ET_web_etickespotrebitelstvi_orezani_01.gif);
	background-color: #c4acd3;
	background-position: center bottom;
/*	background-repeat:repeat-y;   */
	font-family: "Helvetica CE", sans-serif;
	font-size:12px;
	margin-top:30px;
	scrollbar-base-color: pink;
}
h1 {
    font-size: 18px;
    color:black;
    margin-bottom:4px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #c4abd2;
	font-weight: normal;
}
h2.doporucujem {
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	font-size: 14px;
	font-weight: bold;
	margin:0px;
	margin-top:5px;
	margin-bottom:2px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #c4abd2;
	font-weight: normal;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	text-align: right;
	padding-right: 15px;
	background-image: url(header.png);
	background-repeat: no-repeat;
}
.v_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	vertical-align: middle;
	position: relative;
}
.pridat_firmu {
  position:absolute;
  right:7px;
}
#aktivnisekce {
  color:#234361;
  color:#6c6c6b;
}
.novinky {
	padding: 10px;
	background-color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666666;
	max-width: 210px;
}
.novinky-datum {
	font-style: normal;
	color: #000000;
}
.novinky-titulek {
	font-style: normal;
	font-weight: bold;
	color: #aa97c0;
}
a {
	color: #aa97c0;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.podnov {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 10px;
}
.novinky-tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	font-style: normal;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;color:black;
}
.certifikaty {
	float: left;
	width: 400px;
	top: 370px;
	left: 300px;
	margin-right: 20px;
	text-align: justify;
}
.strankovani {
	float: right;
  padding-top:20px;
}
.certifikaty-vypis {
  margin-bottom:5px;
	float: left;
	min-height: 125px;
	width:99%;
	right:10px;
	padding-right:0px;
	padding-top:2px;
	text-align: left;
	overflow: hidden;
	border-bottom:1px dotted black;
	  position:relative;
}
.certifikaty-vypis h2 {
	/*text-align: left;    */
	color:black;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	padding-top:0px;
		padding-bottom:0px;
		margin:0px;
		margin-bottom:5px;
}
.certifikat-box-dale {
	text-align: right;
	float:right;
	padding:10px;
position: absolute; right: 0px; bottom: 0px
}
td{
vertical-align: top;
}
.doporucujeme {
border-bottom:1px dotted black;
margin-top:10px;padding-bottom:10px;width:100%;
}
#celek {
        width:840px;
        position:relative;
        left:50%;
        margin:0px -420px;
        border:0px solid white;
        background-color:white;
        position:absolute;
}
#sloupec3 {
  width:207px;
  position:relative;
  float:right;
  padding-top:5px;
  margin-bottom:10px;
}
#sloupec3-obsah {
  border-left:0px solid black;
  padding:10px;
  padding-top:0px;
  padding-right:0px; padding-left:0px;

}
#hlavicka {
  background-image:url(images/trava.gif);
	background-repeat: no-repeat;
	background-position:100% 100%;
	width:839px;
	height:100px;
	border-bottom:1px solid black;
	padding-left:0px;
}
.hlavicka-menu {
	width:150px;
	position:relative;
	margin:-90px 0px;
	padding-bottom:0px;
	float:right;
  text-align:right;
}
.menubile {
color:#CDB5D4;
font-weight:bold;
padding:5px;
padding-right:0px;
height:15px;
}
.menubile-hledani {
	width:210px;
	position:relative;
	margin:-45px -5px;
	float:right;
	text-align:right;
	vertical-align:middle;
}
.hledani {
	width:210px;
	float:right;
	text-align:right;
	vertical-align:middle;
}
.menucerne {
color:#CDB5D4;
background-color:black;
font-weight:bold;
padding:5px;
height:1em;
MARGIN-BOTTOM:10px;
clear:both;
}
.menucerne a {
color:white;
font-weight:bold;
}
.menuclanek {
color:white;
background-color:#c4acd3;
font-weight:bold;
padding:5px;
height:1em;
MARGIN-BOTTOM:10px;
margin-top:-10px;
clear:both;
}
.menuclanek a {
color:WHITE;
font-weight:bold;
}
.menuclanek a:hover {
color:black;
font-weight:bold;
}
#spodni-panel {
 clear:both;
 padding-top:10px;
 border-top: 1px solid black;
 padding-bottom:0px;
 margin-left:0px;
 padding-left:0px;
 _padding-left:10px;
 text-align:left;
 position:relative;
}
#facebook {
   float:right;
   position:absolute;
   right: 1px;
   top: 10px;
       width:211px;height:151px;     overflow:hidden;
}
#facebook2 {

   position:relative;
   top: -10px;
   left: -10px;



}

.clanekbox {
        text-align:justify;
        padding-right:10px;
  /*overflow:auto;
  overflow-x:visible;
  overflow-y:auto;  */
    /*   max-height:720px; padding-right:10px;
    overflow: auto;     overflow: -moz-scrollbars-vertical;* overflow-x: auto;     */
}
#name_block {
   background-color:red;}
.connect_widget_like_button  {
border:black 5px black;
visibility: hidden;
}
.spodek {
                color:#148500;
                color:black;
                padding:1em;
                text-align:center;
                border-top:1px solid black;
}
.spodek2 {

                border-top:1px solid black;
                background-image:url(../images/paticka-trava.jpg);
                background-repeat:no-repeat;
                background-position:0px 10px;
                height:130px;
}
.Button {
  background: url(../images/searchico.gif) top left no-repeat;
  width: 24px; height: 25px;
  border: 0px;
  text-indent: -2000px;
  line-height: 0px;
  cursor: pointer; cursor: hand;
  margin:0px;
}
.hledacek {
color: #d4d5d7;
background: white;
border: 1px solid #d4d5d7;
  border-top:0px;border-left:0px;
width:178px;
height:15px;
margin-bottom:2px;
}

input {
color: navy;
/*border: 1px solid #d4d5d7;  */

}

form {
margin:0px;
}
form.vyhledavac {background:#d4d5d7; margin:0px;
}


a:hover {
	text-decoration: underline;
}
a img {border-style:none; margin:0;padding:0;
}
img {border-style:none; margin:0;
}
.clanek{padding-bottom:10px; border-bottom:1px dotted black;
}
.clanek-vypis {padding-bottom:10px; border-bottom:0px dotted black;
  font-weight:bold; padding-top:10px;
}
.clanek-vypis a {color:black; margin-top:25px;
}
.vypis-clanku {line-height:20px;
}
.certifikat  {height:75px; padding:5px;padding-top:10px; border-bottom:1px dotted black;
}
.certifikat img {width:65px; float:left;padding-left:5px;padding-right:10px;max-height:60px;
}
.certifikat p {vertical-aligment:middle; font-weight:bold;
}

.stred{text-align: center;}


.required{color: #bcaad0;}

.skryt {display: none;}
.zobrazit {display: block;}

.none {display: none;}
.visible {display: block;}
.schovat  {visibility:hidden;}
.zobrazit {visibility:none;
background:red;}

.class_url text {display: none;}

/**** horní menu ****/

.menu
{
padding: 0;
margin: 0;
}
.menu a
{
text-decoration: none;
color: white;
display: block;
width: 100%;
text-align: center;
}
.menu ul, .menu li
{
list-style-type: none;
margin: 0;

}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: normal;
line-height: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
height: 20px;
}
ul.uroven2
{
position: absolute;
line-height: 100%;
left: 12px;
top: 27px;
width: 120px;
visibility: hidden;
padding-bottom: 10px;
padding-left:10px;
padding-right: 10px;
padding-top: 10px;

}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding-left: 2px;

margin-left: 0px;
margin-right: 0px;
}
.menu a:hover
{
text-decoration: none;
margin-right: 0px;
}
ul.uroven2 li.polozka2 {
	background-color: black;
}


ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
      /*		li.polozka2 a:hover  */
.obrazek {
float: left;
margin-left: 0px;
padding-bottom:10px;
max-width: 395px;
_width:384px;
}
.obrazek-doporucujeme {
max-width: 184px;
width:184px;
height:119px;

}
/* Klikací mapa */
#mapa-CR-kraje {
	position:relative;
	clear:both;
	width:550px;
	height:340px;
	background:url("obrazky/mapa/mapa.gif") -5px 10px no-repeat;
	text-align:right;
	padding-top: 10px;
	margin-top: 10px;
	float: none;}


.plzensky a  {position:absolute; top:137px; left:24px; width:123px;
height: 146px; text-align:center;}

.plzensky a:hover {background:url("obrazky/mapa/plzen.gif") 0 0 no-repeat;}



.karlovarsky a  {position:absolute; top:90px; left:6px; width:99px;
height: 75px; text-align:center;}

.karlovarsky a:hover {background:url("obrazky/mapa/karlovyvary.gif") 0 0 no-repeat;}


.jihocesky a  {position:absolute; top:200px; left:114px; width:123px;
height: 133px; text-align:center;}

.jihocesky a:hover {background:url("obrazky/mapa/jih.gif") 0 0 no-repeat; width:173px; }




.stredocesky a  {position:absolute; top:112px; left:131px; width:157px;
height: 100px; text-align:center;}

.stredocesky a:hover {background:url("obrazky/mapa/stred.gif") 0 0 no-repeat; width:187px; left:101px; top:72px; height: 140px; }


.praha a  {position:absolute; top:130px; left:171px; width:43px;
height: 33px; text-align:center;}

.praha a:hover {background:url("obrazky/mapa/praha.gif") 0 0 no-repeat;}

.ustecky a  {position:absolute; top:19px; left:71px; width:143px;
height: 73px; text-align:center;}

.ustecky a:hover {background:url("obrazky/mapa/usti.gif") 0 0 no-repeat; height: 123px;}


.liberecky a  {position:absolute; top:24px; left:180px; width:112px;
height: 85px; text-align:center;}

.liberecky a:hover {background:url("obrazky/mapa/liberec.gif") 0 0 no-repeat;}

.kralovehradecky a  {position:absolute; top:50px; left:243px; width:127px; height: 100px; text-align:center;}

.kralovehradecky a:hover {background:url("obrazky/mapa/kralove.gif") 0 0 no-repeat;}



.pardubicky a  {position:absolute; top:127px; left:266px; width:121px; height: 76px; text-align:center;}

.pardubicky a:hover {background:url("obrazky/mapa/pardubice.gif") 0 0 no-repeat;}

.vysocina a  {position:absolute; top:168px; left:228px; width:123px; height: 125px; text-align:center;}

.vysocina a:hover {background:url("obrazky/mapa/vysocina.gif") 0 0 no-repeat;}

.jihomoravsky a  {position:absolute; top:197px; left:352px; width:105px; height: 125px; text-align:center;}

.jihomoravsky a:hover {background:url("obrazky/mapa/jihmorava.gif") 0 0 no-repeat; width:185px; left:272px;}

.olomoucky a  {position:absolute; top:90px; left:372px; width:102px; height: 154px; text-align:center;}

.olomoucky a:hover {background:url("obrazky/mapa/olomouc.gif") 0 0 no-repeat; }

.zlinsky a  {position:absolute; top:218px; left:405px; width:112px; height: 80px; text-align:center;}

.zlinsky a:hover {background:url("obrazky/mapa/zlin.gif") 0 0 no-repeat;   top:198px; height: 90px;}

.moravskoslezsky a  {position:absolute; top:107px; left:457px; width:93px; height: 117px; text-align:center;}

.moravskoslezsky a:hover {background:url("obrazky/mapa/moravaslezko.gif") 0 0 no-repeat;  left:407px; width:143px; height: 117px;  }
/*Konec klikací mapa*/


.holder
{       /*
width:200px;
margin:5px;
padding:1em;   */
border:1px solid #ddd;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
float:left;
}

.holder h2
{
color: #45728F;
text-align:center;
letter-spacing:0.2em;
font-variant: small-caps;
}

a.skryty
{
color:#000;
text-decoration:none;
outline-style:none;
}

a.skryty em
{
display:none;
}

a.skryty:hover
{
text-decoration:none;
}

a.skryty:active, a.skryty:focus
{
background:red;
}

a.skryty:active span, a.skryty:focus span
{
display:none;
}

a.skryty:active em, a.skryty:focus em
{
display:block;
color:#000;
width:100%;
font-style:normal;
cursor:default;
}