/* CSS Document */

/*reset css */
* { margin:0; padding:0; font-family:calibri; }
.clear {clear: both;}

body { background: #ffe400 url("../img/pozadi.png") no-repeat center top;}

* {  behavior: url(iepngfix.htc);}

/* hlavní */
#cover {position:relative; width:1020px; margin: 20px auto; }
#header {width:1010px; position:relative; margin: 10px auto;}
#menu {position:relative; width:1010px; margin: 30px auto 0 auto; min-height:10px; }
#up {position:relative; height:288px; width:1000px; margin: 0 auto; border-top: 30px solid black; border-bottom:30px solid black; background: black url("../img/uvod.jpg") no-repeat right center;}
#center {position:relative; min-height:200px; width:979px; padding:20px; margin: 0 auto; background: url("../img/centerUprostred.png") repeat-y center;}
#down {position:relative; min-height:200px; width:979px; margin:0 auto; background: url("../img/downUprostred.png") repeat-y center; padding:20px;}

/* vnořené */
#logo {float:left;height:54px;width:500px;margin-left:5px; background:  url("../img/logo.png") no-repeat left top;}
#search {float:right; margin-right:5px; width:500px; height:54px;}
#specializace {position:absolute; top:30px; left:30px; height:97px; width:330px; background: url("../img/specializace.png") no-repeat left top;}
#upText1 {position:absolute; top:132px; left:35px; width:330px;}
#upText2 {position:absolute; width:215px; top:20px; right:20px;}
#upText1 { color: white; }
span.more {position:absolute; display:block; top:215px; left:320px; width:139px; height:38px; background: url("../img/more.png");}
#centerText {float:left; width:700px; border-right: 1px dotted black; padding:0 20px 0 20px; }
#novinky {float:right; width:224px;}
#novinkyText {  padding:10px; display:block; width:200px; background: url("../img/novinky.png") repeat-x ;}
#down1, #down2, #down3, #down4 {float:left;  width:209px; height:220px; padding:0 0 0 20px; background: url("../img/down1.png") no-repeat left bottom;}
#down2 {width:218px;background: url("../img/down2.png") no-repeat left bottom;}
#down3 {width:240px; background: url("../img/down3.png") no-repeat left bottom; padding-right:12px; border-right:1px dotted white;}
#down4 {background:none;}
#uvodHorni {z-index:2;position:absolute;width:1019px;height:52px; top:-44px;left:-9px; background: url("../img/uvodHorni.png") no-repeat center;}
#uvodDolni {z-index:3;position:absolute;width:1019px;height:58px; bottom:-49px;left:-9px; background: url("../img/uvodDolni.png") no-repeat center ;}
#novinkyHorni {background: url("../img/novinkyHorni.png") no-repeat left center; height:39px;}
#centerHorni {position:relative;margin:0 auto; margin-top:20px; width:1019px; height:16px; background: url("../img/centerHorni.png") no-repeat center;}
#centerDolni {position:relative;margin:0 auto; width:1019px; height:16px; background: url("../img/centerDolni.png") no-repeat center;} 
#downHorni {position:relative;margin:0 auto; width:1019px; height:41px; background: url("../img/downHorni.png") no-repeat center;} 
#downDolni {position:relative;margin:0 auto; width:1019px; height:41px; background: url("../img/downDolni.png") no-repeat center;}
#paticka {position:relative; width:990px;  padding: 0px 0px 0px 20px; font-size:0.9em; }
#paticka p{color: black;}
#paticka a{color: black;}
#paticka a:hover{color: black;}
.prava { text-align: right; }

/* třídy */
.search {background: url("../img/search.png") no-repeat left center; float:right;margin-top:9px;padding:4px 0 4px 30px;}
.hledej {border:5px solid #ffc031; font-size:0.9em; color:gray;}
.hledej:focus {color:black;}
.ok {border:none; background:none; font-size:0.9em; margin:0 5px; cursor: pointer; font-weight: bold;}
.menu li {position:relative;float:left; list-style-type: none; margin:0 5px;}
.menu li a {color:white; padding:0px 15px;}
.menu li a:hover {color:#ffe400;}
.menuLeva {background: url("../img/menuLeva.png") no-repeat left; width:3px; height:36px;float:left; display:block;margin-top:10px;}
.menuUprostred {background: url("../img/menuUprostred.png") repeat-x center;height:28px;float:left; display:block; padding-top:8px; margin-top:10px; }
.menuPrava {background: url("../img/menuPrava.png") no-repeat right; width:3px; height:36px;float:left; display:block;margin-top:10px;}
.menu li.active .menuLeva, .menu li:hover .menuLeva {background: url("../img/menuLevaActive.png") no-repeat center;}
.menu li.active .menuPrava, .menu li:hover .menuPrava {background: url("../img/menuPravaActive.png") no-repeat center;}
.menu li.active .menuUprostred, .menu li:hover .menuUprostred {background: black url("../img/menuPravaActive.png") no-repeat center;}

/* tabulky a inputy */
input {padding:4px;}


/* fonty */
#upText2 h4 {font-weight: normal;font-size:1em;}
#centerText p {margin:10px 0;}
#centerText a {color: orange;}
#centerText a:hover {color: #ff8c00;}
#novinky h4 {display:block; width:90px; padding:4px 0; height:20px; background-color:#d3d3d3; text-align:center;}
#novinkyText .newshead {font-size:1em;  font-weight: bold; }
#novinkyText p {padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted black; font-size:0.8em;}
#down p {font-size:0.8em; color:white;}
#down h3 {font-size:1.5em; color:#ffaf03;}
#down4 h2 {color:white; font-size:1.1em; font-weight:normal;}
#down4 p {margin:10px 0;color:white; font-size:0.9em;}
#down4 a {color:#ffe400; font-weight:bold;}
.menu a {text-decoration:none;}
#novinkyHorni h4 {color:black;font-size:1.5em; margin:5px;}