/*obecne*/
body {background: #eff0f1 url(../images/pozadi.jpg) repeat-y center; text-align: center;	font-family: Arial, sans-serif;
	   color: #676767; padding: 0; font-size: 100%;	margin: 0;}

#main {background: #FFF url(images/top.jpg) top left no-repeat; width: 834px; height: 629px; padding: 27px 0 0 0; margin: 0px auto 0px auto; 
	    font-size: 0.7em;	text-align: justify;	line-height: 0.9;
}

hr {height: 1px; margin: -1px 0 0 0; padding: 0; border: #EEEEEE; visibility: hidden;
    clear: both;}
hr.cleaner2 {clear: right}

img {border: none}

a {cursor: pointer;  _cursor: hand; text-decoration: none;}

/*hlavicka*/
#hlavicka {position: static; background: #71777b url(http://new.bef.cz/tpl/images/hlavicka-podklad.jpg) repeat-x; padding: 0; 
           width: auto; margin: 0px; height: 45px; text-align: left; font-size: 10px; color: #FFF}

#hlavicka #box1 {position: relative; padding: 0px; width: 800px; margin: auto; height: 45px}

div#logo {left: 0px; top:0px; padding: 0; float: left; font-size: 1em; position: relative;
          width: 76px; height: 45px; overflow: hidden;}
			 
div#logo span {display:  block; position:absolute; left: 0; top: 0; z-index: 1;
               width: 76px; height: 45px; margin: 0; padding: 0; color: transparent;
               background: url(images/logo.jpg) top left no-repeat; _cursor: hand;}			 

div#lang {position: absolute; top: 5px; right: 0px;}
div#lang a {display: block; float: right; overflow: hidden; position: relative; width: 16px;
            height: 11px;  margin: 0 0 0 10px; padding: 0;}
div#lang a span { position: absolute; top: 0; left: 0; width: 16px; height: 11px; display: block;
                  filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1 ;-khtml-opacity: 1;}
div#lang a#cz span {background: transparent url(images/vlajka-cz.gif) 0 0 no-repeat}
div#lang a#sk span {background: transparent url(images/vlajka-sk.gif) 0 0 no-repeat}
div#lang a#pl span {background: transparent url(images/vlajka-pl.gif) 0 0 no-repeat}
div#lang a#en span {background: transparent url(images/vlajka-en.gif) 0 0 no-repeat}
div#lang a#de span {background: transparent url(images/vlajka-de.gif) 0 0 no-repeat}
div#lang a#it span {background: transparent url(images/vlajka-it.gif) 0 0 no-repeat}
div#lang a#fr span {background: transparent url(images/vlajka-fr.gif) 0 0 no-repeat}
div#lang a#sp span {background: transparent url(images/vlajka-sp.gif) 0 0 no-repeat}
div#lang a#cr span {background: transparent url(images/vlajka-cr.gif) 0 0 no-repeat}
div#lang a#lo span {background: transparent url(images/vlajka-lo.gif) 0 0 no-repeat}
div#lang a#li span {background: transparent url(images/vlajka-li.gif) 0 0 no-repeat}

#hlavicka #box1 a.is {display: block; position: absolute; top: 23px; right: 80px; padding: 3px 3px 3px 22px; background: transparent url(images/is.gif) 0 3px no-repeat; color: #FFF; text-decoration: none}
#hlavicka #box1 a.is:hover {background: transparent url(images/is-a.gif) 0 3px no-repeat; color: #ec4710;}
#hlavicka #box1 a.mail {display: block; position: absolute; top: 23px; right: 0px;  padding: 3px 3px 3px 22px;  background: transparent url(images/mail.gif) 0 3px no-repeat; color: #FFF; text-decoration: none}
#hlavicka #box1 a.mail:hover {background: transparent url(images/mail-a.gif) 0 3px no-repeat; color: #ec4710}

#main #left {position: relative; width: 395px; height:629px; float: left; padding: 0px 0px 0px 17px; margin: 0px; background: url(images/left.jpg) no-repeat left top}
#main #right {position: relative; width: 405px;	height:629px; float: left; padding: 0px 17px 0px 0px; margin: 0px; background: url(images/right.jpg) no-repeat right top}
#bottom {position: relative; width: 834px; height:31px; padding: 0px; margin: 0px auto; background: url(images/bottom.jpg) no-repeat left top}

.tlacitko {display:  block; position:absolute; left: 10px; bottom: 10px; z-index: 1; text-align: center;
               width: 365px; height: 32px; margin: 0; padding: 12px 0; color: #FFF;
               background: url(images/tlacitko.gif) top left no-repeat; _cursor: hand; font-size: 35px; text-decoration:none;}			 
.tlacitko:hover {background: url(images/tlacitko-a.gif) top left no-repeat; _cursor: hand; font-size: 35px; color: #FFF}

.box2 {position: relative; width: 385px; height:629px; padding: 0px; margin: 0 10px 0 10px; background: #656c70; color: #FFF}
.box2 h1 {padding: 2px 10px 2px 10px; margin: 9px 0px 6px 0px; line-height: 15px; font-size: 20px; line-height: 18px}
.box2 h2 {padding: 2px 10px 2px 10px; margin: 5px 0px; line-height: 15px; font-size: 16px;}
.box2 h3 {padding: 2px 10px 2px 10px; margin: 7px 0px 4px 0px; line-height: 15px; font-size: 16px; font-weight: normal}
.box2 p {padding: 2px 10px 2px 10px; margin: 0; line-height: 15px; font-size: 13px}

a {color: #dedede; text-decoration: underline}
a:hover {color:red; text-decoration: none}
strong {font-weight:bolder;}

#aktualita {position:fixed; top: 50px; left: 0px; width: 140px; height:221px; padding: 34px 15px 15px 25px; background: transparent url(images/list.png) no-repeat; color: #000; text-align: left; line-height: 13px; font-family: times}
#aktualita a {padding: 0px; margin: 2px 0px 2px 0px; line-height: 5px; font-size: 15px; font-weight: normal; text-decoration: none; color: #9a9a9a; }
#aktualita a:hover {color: #e81e1e; }
#aktualita p {padding: 0px; margin: 0px; line-height: 15px; font-size: 11px}
#aktualita h2 {margin: 6px 0 6px 0; padding: 0px}
#aktualita a.close {position:fixed; top: 85px; left: 143px; width: 16px; height:16px; overflow: hidden;}
#aktualita a.close span {position:fixed; top: 85px; left: 143px; width: 16px; height:16px; background: transparent url(images/konec.gif) no-repeat;}