/* Autor: EDVENS MEDIA, e-mail:jan.dousek@edvens.cz */

/*	---------------------------------------------------------------------------------------
	Resetovani stylu a nastavovani vychozich stylu pro snadnejsi formatovani
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,body,div,span,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,caption,table,tr,th,td,thead,tbody,tfoot,p,blockquote,cite,q,abbr,acronym,address,a,em,strong,img,ins,del,dfn,kbd,pre,xmp,code,form,fieldset,legend,label,object,hr{margin:0; padding:0;}
*:focus{outline:0;}

html{background:#fff url('../design/bg-html.gif') 0 0 repeat-x;}
body{height: 100%;background: url('../design/bg-body.gif') 0 bottom repeat-x;text-align:center;font: 75%/1.5 Arial,Helvetica,sans-serif;color:#000;}

a{color:#014c04;}
a:hover,a:focus,a:active{text-decoration:none;}
img{vertical-align:middle;background:#eee;}
a img,fieldset{border:none;}
input,textarea{font-family:Tahoma;}
hr{display:none;}
ul{list-style:none;}

table{width:100%;border-collapse:collapse;}
td,th{padding:0.95em;}
abbr,acronym{padding:0 2px;background:#fffbdc;border-bottom:1px dotted #000;cursor:help;}

h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:100%;}
h5{font-size:89%;}
h6{font-size:60%;}

/*	---------------------------------------------------------------------------------------
	Styly pro snadnou implementaci standardnich prvku (co co dela je poznat z nazvu trid a identifikatoru)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cleaner{clear:both; } /* Cistic pod floatovane prvky */
.no-screen{display:none;} /* Prvky pro zobrazeni bez css */

.center-text{text-align:center;}
.right-text{text-align:right;}
.justify-text{text-align:justify;}

/*  Prekryvani textu obrazky nebo oble rohy a dalsi cool vecicky (sdilene styly) ----------------------------------- */

#hlavicka h1, #menu li a, #sloupec #bannery li{position: relative;overflow: hidden;}
#hlavicka h1 span, #menu li a span, #sloupec #bannery li a span{position: absolute;top: 0;left: 0;z-index: 1;display: block;cursor: pointer;}

/*	---------------------------------------------------------------------------------------
	Centrovany obal webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#obal{width:913px;margin:0 auto;overflow:hidden;text-align:left;}

/*	---------------------------------------------------------------------------------------
  Hlavicka webu (kvuli podkladu z obrazku a pristupnosti pri vypnutych obrazcich)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#hlavicka{padding:0 0 27px 0;overflow:hidden;background:#01910b url('../design/bg-hlavicka.jpg') 0 0 no-repeat;}

/*  Menu s jazykovymi verzemi (vlajecky) ----------------------------------- */

#hlavicka ul{height:100%;  height:18px;  margin:0 0 30px 0;  padding:12px 0 14px 0;  background:#393939 url('../design/bg-hlavicka-ul.jpg') 0 0 no-repeat;color:#ababab;vertical-align:middle;}
#hlavicka ul li{display:inline;margin:0 8px 0 0;}
#hlavicka ul li#ukazatel{margin:0 0 0 10px;}
#hlavicka ul li#ukazatel a{color:#ababab;}
#hlavicka ul li#ukazatel a:hover{color:#fff;}
#hlavicka ul li a img{padding:0;  vertical-align:middle;border:1px solid #000;color:#000;}
#hlavicka ul li a:hover img,#hlavicka ul li.aktivni a img{border-color:#8e8e8e;}

/*  Logo ----------------------------------- */

#hlavicka h1{width:303px;height:218px;font-size:1.8em;text-align:center;}
#hlavicka h1 a{height:100%;  display:block;  padding:175px 0 0 0;  background:#099d12;color:#fff;}
#hlavicka h1 a span{width:303px;height:218px;background:url('../design/bg-h1-logo-plain.gif') 0 0 no-repeat;}
/*	---------------------------------------------------------------------------------------
	Menu webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#menu{height:100%;overflow:hidden;  background:#014b04 url('../design/bg-menu.gif') 0 0 repeat-x;}
#menu li{float:left;  display:inline;padding:0 0 0 1px;background:url('../design/bg-menu-li.gif') 0 55% no-repeat;text-align:center;}
#menu li a{height:100%;padding:16px 11px 17px 11px;float:left;background:url('../design/bg-menu-li-a-ha.gif') center 200px no-repeat;text-decoration:none;color:#fff;}
#menu li a:hover,#menu li.aktivni a{background-color:#036c07;background-position:center 0;}
#menu li.bez-pozadi{background:transparent;}

/*	---------------------------------------------------------------------------------------
	Obsahovy sloupec webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#obsah{width:642px;  float:right;  display:inline;  margin:0 0 50px 0;}

/*  Formatovani obsahu ----------------------------------- */

#obsah h2{margin:15px 0 15px 0;  padding:0 0 6px 19px;  background:url('../design/bg-obsah-h2.gif') 0 bottom no-repeat;  font-size:1.2em;}
#obsah h3{margin:15px 20px 5px 19px;  clear:both;  font-size:1.3em;  color:#025706;}
#obsah h4{margin:15px 20px 5px 19px;  font-size:1.2em;}
#obsah del{text-decoration:line-through;}
#obsah ins{font-weight:bolder;  text-decoration:none;}
#obsah p{margin:5px 20px 10px 20px;  line-height:200%;}
#obsah address{margin:10px 20px;  line-height:200%;  font-style:normal;}
#obsah a.vice{float:right;  margin:0 0 20px 0;  padding:5px 20px 4px 20px;  background:#0e9817 url('../design/bg-obsah-vice.gif') 0 0 repeat-x;  color:#fff;  text-decoration:none;}
#obsah a.vice:hover{text-decoration:underline;}
#obsah ul,#obsah ol{margin:10px 55px;}
#obsah ul li ul,#obsah ol li ol{margin:10px 30px;color:#575757;}
#obsah ul li{margin:8px 0;line-height:140%;list-style:square;}
#obsah ol li{margin:8px 0;line-height:140%;}
#obsah img{border:0px solid #636363;}
#obsah a img{border:2px solid #014f04;}
#obsah a:hover img{border-color:#636363;}
#obsah img.vlevo{float:left;  margin:7px 11px 5px 0;}
#obsah img.vpravo{float:right;  margin:7px 0 8px 11px;}
#obsah table{width:600px;  margin:10px 19px;}
#obsah table thead tr td{background:#014b04 url('../design/bg-obsah-table-thead-td.gif') 0 0 repeat-x;  border-right:1px solid #fff;  border-bottom:1px solid #fff;  font-weight:bold;  color:#fff;}
#obsah table tr th,#obsah table tr td{background:#eee;  border-right:1px solid #fff;  border-bottom:1px solid #fff;}
#obsah table tr.sude th,#obsah table tr.sude td{background:#f6f6f6;}

/*	---------------------------------------------------------------------------------------
	Levy sloupec webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sloupec{width:254px;float:left;display:inline;margin:0 0 30px 12px;}

/*  Nadpisy ----------------------------------- */

#sloupec h3{margin:20px 0 0 0;  padding:0 0 6px 19px;  background:url('../design/bg-sloupec-h3.gif') 0 bottom no-repeat;  font-size:1.2em;}

/*  Klasicke formatovani (p, address, seznamy, obrazky (mapa)) ----------------------------------- */

#sloupec address{margin:15px 18px 15px 19px;  line-height:165%;  font-style:normal;}
#sloupec img{display:block;  margin:25px auto;}

/*  Bannery ----------------------------------- */

#sloupec #bannery{margin:29px 0 0 0;}
#sloupec #bannery li{width:254px;  height:118px;  margin:0 0 0 0;  background:#003703;  font-size:1.2em;  font-weight:bold;}
#sloupec #bannery li a{height:100%;  display:block;  padding:90px 10px 0 10px;  color:#fff;}
#sloupec #bannery li a:hover{background:#0c5b10;}
#sloupec #bannery li a span{width:254px;  height:118px;}
#sloupec #bannery li#dotacni-programy a span{background:url('../obrazky/bannery/dotacni-programy.jpg') no-repeat;}
#sloupec #bannery li#dotacni-programy-en a span{background:url('../obrazky/bannery/dotacni-programy-en.jpg') no-repeat;}
#sloupec #bannery li#dotacni-programy-de a span{background:url('../obrazky/bannery/dotacni-programy-de.jpg') no-repeat;}

/*	---------------------------------------------------------------------------------------
	Paticka webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#paticka{width:913px;  margin:0 auto;  overflow:hidden;  background:#014c04;  text-align:left;  color:#02960a;}
#paticka a{text-decoration:none;  color:#02960a;}
#paticka a.pristupne{text-decoration:underline;}
#paticka a:hover{text-decoration:underline;  color:#fff;}

/*  Spany pro zarovnani na strany ----------------------------------- */

#paticka .vlevo{float:left;  margin:20px 10px 19px 18px;}
#paticka .vpravo{float:right;  margin:20px 18px 19px 10px;}

/*  Vyvojove styly (na konci zakomentovat) ----------------------------------- */

/*
div{border:1px dotted red;}
hr{margin:0;display:block;}
#obal{background:#f1e3cd;}
#sloupec{background:#f1cdcd;}
#obsah{background:#cde4f1;}
*/