/*více info k css na stránce http://www.jakpsatweb.cz/css/*/
@media screen,projection {
* {
	margin: 0;
	padding: 0;
}

body {  /*nastavení vlastností platných pro celou stránku, tzn. tam kde není definováno něco jiného platí toto*/
	font-family: Tahoma, Arial, sans-serif;
	/*
	typ fontu, jedna z těchto možností:
		font-family: Tahoma, Arial, sans-serif;	(původní z estranky.cz)
		font-family: "Times New Roman" , Times , serif;	(patkové písmo)
		font-family: Arial , Helvetica , sans-serif; (bez-patkové písmo)
		font-family: "Courier New" , Courier , monospace; (neproporcionální písmo)
	*/
	color: black;
	/*
	barva písma, několik možností zápisu:
		anglické názvy barev: red, blue, black apod.
		hexazápis ve formátu rgb: #a054b3 (pomůže nějaký generátor)
		dekadický zápis v rgb: rgb(200,120,50)
	*/
	text-align: center;
	/*
	zarovnání písma:
		left: doleva, center: na střed, right: doprava, justify: text se roztáhne na celý řádek (jako v novinách)
	*/
   font-size: small;
	/*
	velikost písma, lze určit různě:
		xx-small,x-small,small,medium,large,x-large,xx-large
		v pixelech: např. 8px,12px atd.
		v různých dalších jednotkách: %, mm, cm, em, ex a další, doporučuji pixely
	*/
	fo\nt-size: middle;
	/*tímto autoři pravděpodobně obcházejí chybu nějakého prohlížeče (tzv. hack) */
	background: #A4D5FF url("http://www2.estranky.cz/img/user/02background.png") repeat-x;
/*místo "http://www2.estranky.cz/img/user/02background.png" absolutní cesta*/
	/*barva pozadí (viz barvy),
          obrázek na pozadí (nepříliš standardní způsob zápisu)
          a způsob jeho opakování (repeat-x znamená vodorovné opakování, repeat-y svislé, repeat je opakování oběma směry a no-repeat znamená bez opakování) */
}
#lista .listaprbg { /* na stránkách nepoužito */
  background-color: #F1F7FD; /**/
} /**/
a{ /*všechny odkazy*/
	color: #2C73B2; /*a jejich barva...*/
}
a:hover{ /*odkaz, na který právě ukazujete myší */
	text-decoration: none; /*tato vlastnost může nabývat těchto hodnot:
				 underline - podtrženo
				 overline - "nadtrženo"
				 line-through - přeškrtnuto
				 blink - blikání (nevhodné, navíc nepodporuje IE
				 none - žádná dekorace */
	/*možno doplnit i další vlastnosti, např. color (tzn. barvu odkazu, odkaz tak bude mít pod kursorem jinou barvu */
}
#page {  /*vlastnosti hlavního bloku (to co je v bílém, tedy i menu a logo)*/
	width: 760px;
	font-size: 85%; /*viz výše*/
	margin: 20px auto 0 auto; /*vv*/
	text-align: left;  /*vv*/
	background: white;  /*barva podkladu stránky, viz barvy*/
}
* html #page { /* donastavení velikosti písma pro některé prohlížeče (neměnit)*/
	font-size: 70%;
	fo\nt-size: 80%;
}
#logo { /*vlastnosti loga, tzn. hlavního obrázku*/
	height: 220px; /*výška obrázku + okraje */
	heig\ht: 140px; /* nějaký hack */
	padding: 80px 0 0 190px;  /*padding určuje vnitřní šířku okraje prvku, protože je prvek #logo prázdný (obrázek je na pozadí, ne jako objekt), jsou takto vyřešeny rozměry objektu*/
	background: white url("http://www.medtec-vop.cz/archiv/logo/377382.jpg") 50% 10px no-repeat; /*pozadí - bílá barva, obrázek loga, pozice (50% znamená uprostřed vertikálně, 10px znamená 10pixelů zleva), no-repeat znamená, že obrázek se neopakuje, je tam jenom jednou*/
	font-family: Georgia, serif; /*font nadpisu, viz fonty výše*/
}
#logo a{ /*vlastnosti odkazu na logu (nadpis = odkaz)*/
	text-decoration: none;
	color: white;
}
#nazev{ /* vlastnosti nadpisu na pozadí loga (obdobné s #logo a) */
	font-size: 250%;
}
#submenu {  /*vlastnosti levého menu*/
	width: 190px; /*šířka v px*/
	float: left;  /*plouvoucí objekt, tuto vlastnost bych rozhodně neměnil...*/
	font-size: 100%; /*velikost písma*/
}
#main { /* vlastnosti všeho od loga dolů (krom loga)*/
	background: white url("http://www2.estranky.cz/img/user/02linka.png") repeat-y;  /*pozadí menu (opakování vertikální, pozice v levém horním rohu (implicitně)*/
	margin-bottom: 10px; /*vnější okraj 10px dole*/
}
* html #main { /*neměnit*/
	height: 10px;
}
#submenu-in { /* není třeba měnit*/
	margin-top: 20px;
}
#obrazek { /* není třeba měnit*/
	margin-bottom: 15px;
}
#submenu .img { /*vlastnost okrajů obrázku, neměnit*/
	margin: 20px auto;
	text-align: center;
}
#submenu #posledni {  /*na stránce nepoužito*/
	text-align: center;
}
#submenu .ilustrace {  /*na stránce nepoužito*/
	margin: 10px 0 10px 0;
}
#submenu .ilustrace img, #submenu .img img {  /*na stránce nepoužito*/
	padding: 20px 10px 20px 10px;
	background-color: #E4F0FA;
	border: 1px solid #B5D8F7;
	margin-bottom: 3px;
}
#submenu .navysku{ /*na stránce nepoužito*/
	height: auto !important;
}
.box {  /*vlastnost každého bloku pod nadpisem v menu (např. blok pod nadpisem Menu, tzn. seznam položek menu*/
	margin: 3px 0 15px 0; /*vnější okraje v pořadí: horní, pravý, dolní, levý*/
	padding: 3px 0;
}
#submenu h3{  /*formát nadpisů v levém menu (Menu, Oblíbené odkazy atd.)*/
	background: white url("http://www2.estranky.cz/img/user/02linka-nadpis.png") repeat-y; /*obrázek na pozadí*/
	border-top: 2px solid #CAE1F6;  /*horní linka - vlastnosti v pořadí - tloušťka, styl, barva*/
		/*možnosti stylu linky: solid - plný, dotted - tečkovaný, dashed - čárkovaný, double - dvojitý, groove - "příkop", ridge - "val", inset - "ďolík", outset - "návrší", none - žádný*/
	border-bottom: 2px solid #CAE1F6;  /*dolní linka*/
	padding: .4em 0 .4em 20px;
	font-size: 120%;
	color: #E5002B;
	font-family: Georgia, serif;
}
#submenu li{ /*vlastnosti jednotlivých položek v menu (Úvod, O firmě atd. a taky např. www.idea.cz a další oblíbené odkazy)*/
	margin: 3px 0 3px 35px;  /*okraje v pořadí horní pravý dolní levý, levý okraj se počítá od začátku textu, nikoliv od tečky před textem*/
	list-style-image:   url("http://www2.estranky.cz/img/user/02tecka.gif"); /*obrázek před každou položkou*/
	/*místo list-style-image lze použít list-style-type:*/
	/*list-style-type:disc; - puntík*/
	/*list-style-type:circle; - kolečko(prázdné)*/
	/*list-style-type:square; - čtvereček*/
}
#submenu a{ /*odkazy v menu*/
	color: #005EB1;
}
#kalendar { /*vlastnosti kalendáře (který na stránkách není*/
	text-align: center;
}
#kalendar table{ /* -"- */
	font-size: 90%;
	color: #808080;
	width: 170px;
	text-align: left;
	margin: 0 auto;
}
#kalendar table strong{ /* -"- */
	color: #005EB1;
}
#kalendar table td{ /* -"- */
	text-align: center;
}
#kalendar table th{ /* -"- */
	text-align: center;
	font-weight: bold;
	color: #005EB1;
}
#text {  /*vlastnosti bloku s textem (hlavní blok, tam kde je veškerý souvislý text*/
	float:right; /*neměnit*/
	margin-left: -190px; /*neměnit*/
	width: 100%;
	color: #333333;
}
#text-in {
	margin-left: 190px;
	padding: 15px 10px 0 11px;
	position: relative;
	top: -50px;
	line-height: 150%;
	background-color: white;
}
#path{
	border-bottom: 1px solid #CCE1F3;
	padding: 0 0 7px 2px;
	margin-bottom: 11px;
	color: #2C73B2;
}
#path strong{ /*zvýraznění aktuální sekce v zpětném navigačním menu (např. Úvod >> Sanity civilní sektor    - zvýrazněný je Sanitní civilní sektor*/
	color: #FF6699;  /*barva textu*/
	font-weight: normal;  /*tloušťka písma*/
		/*tloušťka písma může mít tyto hodnoty: normal (normální tloušťka) a bold (tučně)*/
}
#text .nadpis{  /*formátování nadpisu každé stránky*/
	padding: 25px 0 5px 7px;
	font-size: 220%;
	line-height: 110%; /*výška řádku, v procentech oproti standardní tloušťce rádku*/
	margin: 3px 0;
	color: #E5002B;  /*barva*/
	clear: both;  /*neměnit*/
	font-weight: normal;  /*toušťka písma - normal nebo bold (viz výše)*/
	font-family: Georgia, serif;  /*použitý font - viz výše*/
}
#text .nadpis a{  /*formátování nadpisu každné stránky jako odkazu*/
	color: #E5002B;	/*barva*/
	text-decoration: none;  /*nepodtrženo*/
}
#text .podnadpis{ /*formátování podnadpisu u každé stránky*/
	font-size: 220%;
	padding: 0 0 5px 7px;
	margin: 20px 0 0 0;
	color: #E5002B;
	clear: both;
	font-weight: normal;
	font-family: Georgia, serif;
}
#text .content{  /*formátování vlastního textu každé stránky*/
	margin: 3px 0 15px 0;
	padding: 3px 7px;
	line-height: 170%;
}
#text .spot{  /*zřejmě nikde nepoužito*/
	background: white url("http://www2.estranky.cz/img/user/02hr.png") 0 100% no-repeat;
	padding-bottom: 35px;
}
* html .content{  /*neměnit*/
	height: 10px;
}
#text .content p{ vlastnosti odstavců
	margin-bottom: 5px;
}
#text .datum{  /*vlastnosti datumu (nepoužito)*/
	float: left;
	padding-right: 15px;
	color: #999999;
}
#text .ilustrace{  /*vlastnosti ilustrací (nepoužito)*/
	float: left;
	padding: 0 10px 0 0;
}
#text .ilustrace img, #text .obrazek img, #text img.obrazek{  /* -"- */

	border: 4px solid #DBEEFE;
}
#text .spotfoot{  /*nepoužito*/
	padding: 3px 0;
	clear: both;
	color: #999999;
}
#text .spotfoot a, #text .spotfoot strong{  /* -"- */
	color: #FF6699;
}
#text .spotfoot span{  /* -"- */
	padding: 0 5px;
}
#uvod {  /*speciální formátování hlavního textu úvodní stránky (na stránkách je text černě, na úvodní stránce modře na světle modrém pozadí, zde je to možné modifikovat*/
	background-color: #F1F7FD;  /*barva pozadí*/
	color: #2C73B2;  /*barva textu*/
	padding: 7px;
}
.fotogalerie{  /*formát okýnek s náhledem jednotlivých fotogalerií v sekci fotogalerie*/
	width: 250px;
	widt\h: 240px;
	border: 1px solid #E6E6E7;
	padding: 10px 0 10px 10px;
	margin: 9px;
	min-height: 10em;
	float: left;
	display: inline;
}
* html #fotogalerie{ /*neměnit*/
	height: 10px;
}
#fotogalerie .content{ /* doplnění vlastností .fotogalerie */
	margin: 0;
	padding: 0;
	white-space: nowrap; /*způsobí, že se nebude zalamovat text*/
}
* html .fotogalerie{ /*neměnit*/
	height: 12em;
}
.fotogalerie h4{  /*formát nadpisů jednotlivých fotogalerií*/
	font-size: 120%;
	margin-bottom: 10px;
	font-family: Georgia, serif;
}
.fotogalerie ul { /*formát popisků fotogalerie (datum, počet fotografií apod.*/
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
}
.fotogalerie li { /* -"- */
	list-style-type: none; /*určuje že u jednotlivých prvků seznamu nebudou žádné značky */
	margin: 0 0 4px 0;
}
.fotogalerie .ilustrace{ /*formát obrázku u fotogalerie*/
	float: left;
	padding: 0;
	height: 9em;
}
#album .content{  /* formát celé textové části kategorie s fotogaleriemi (zbytečné měnit) */
	margin: 0;
	padding: 0;
}
.galerie{  /*formát části kategorie označené jako "Fotoalbum - přehled rubrik"*/
	float: left;
	background:   url("http://www2.estranky.cz/img/user/02galerie.gif") 0 10px no-repeat;
	padding: 10px 5px 0 30px;
	width: 175px;
	wid\th: 145px;
	min-height: 5em;
}
* html .galerie{ /*neměnit*/
	height: 5em;
}
.galerie h4{  /*formát nadpisů fotogalerií v čáasti označené jako "Fotoalbum - přehled rubrik"*/
	font-size: 110%;
	margin-bottom: 5px;
	white-space: nowrap;
}
#komentare{  /*neměnit*/
	margin-top: 25px;
}
#komentare .content{  /* -"- */
	margin: 0;
	border: solid #CCE2F6;
	border-width: 0 1px 1px 1px;
	background-color: #F5FAFF;
}
#komentare .nadpis{  /* -"- */
	color: #2078C7;
}
#komentare .podnadpis{  /* -"- */
	color: #FF6699;
	font-size: 140%;
	padding-bottom: 5px;
}
.pridat{  /* -"- */
	margin: 3px 0 15px 0;
	padding: 3px 7px;
	line-height: 130%;
	color: #107FDD;
}
* html .pridat{ /* -"- */
	height: 10px;
}
.pridat label {  /* -"- */
	display: block;
	float: left;
	width: 50px;
	padding: 3px 5px;
	clear: both;
}
.pridat input, .pridat textarea {  /* -"- */
	border: 1px solid #B6D9F6;
}
.pridat .button{  /* -"- */
	border: 1px solid #107FDD;
	background-color: #0065BF;
	color: white;
	margin: 10px 0 0 62px;

}
#jmeno, #nadpis, #txt { /* -"- */
	display: block;
	margin-left: 60px;
	width: 450px;
}
.inf {  /* -"- */
	padding: 3px 5px;
}
.comment {  /* -"- */
	font-size: 110%;
	font-weight: bold;
	background-color: #E4F0FA;
	border: solid #CCE2F6;
	border-width: 2px 1px 0 1px;
	padding: 2px 0 2px 7px;
	margin: 15px 0 0 0;
	color: #E5002B;
	clear: both;
}
* html .comment {  /* -"- */
	height: 10px;
}
.comment span{
	color: #005EB1;
	display: block;
	font-weight: normal;
	font-size: 90%;
}
.fotky{  /*velikost okrajů kolem náhledů fotek v konkrétní fotogalerii (první hodnota - nahoře a dole, druhá - vlevo a vpravo*/
	margin: 20px 0;
}
.fotky img{  /*formát náhledů*/
	border: 2px solid white;  /*rámeček kolem fotky-tloušťka, styl, barva*/
}
.image{  /*vlastnosti rámečků kolem fotek*/
	width: 95px;  /*šířka*/
	height: 95px;  /*výška*/
	heig\ht: 75px;  /*neměnit,*/
	text-align: center;  /*zarovnání textu (resp. obrázku) na střed*/
	float: left;
	display: inline;
	margin: 0 5px 10px 5px;
	border: 1px solid #B5D8F7;  /*vlastnosti vnějšího rámečku */
	padding-top: 20px;
	background-color: #E4F0FA;  /*barva pozadí*/
}
.navysku{  /*formát náhledů, které jsou na výšku*/
	padding-top: 10px;
	height: 95px;
	heig\ht: 85px;
}
.fotka{  /*formát fotky - ve fotogalerii, již konkrétní velká zobrazená fotka*/
	text-align: center;  /*zarovnání na střed*/
	background: white url("http://www2.estranky.cz/img/user/02hr.png") 0 100% no-repeat;  /*vlastnosti pozadí*/
	padding-bottom: 35px;  /*spodní vnější okraj*/
}
.vfotka{  /*další vlastnosti fotky*/
	background-color: #E4F0FA;
	margin-top: 5px;
	padding: 15px 0 10px 0;
}
.fotka p{  /*vlastnosti textu u fotky (nepoužito)*/
	padding: 0 40px 0 35px;
	color: #666666;
}
.navfoto{  /*vlastnosti náhledů fotek pod velkou fotkou*/
	width: 95px;
	height: 95px;
	heig\ht: 75px;
	text-align: center;
	float: left;
	display: inline;
	margin: 0 4px 10px 4px;
	border: 1px solid #B5D8F7;
	padding-top: 20px;
	background-color: #E4F0FA;
}
.navfoto img{  /*vnitřní rámeček u náhledů fotek*/
	border: 2px solid white;
}
.fotka .navysku{  /*formát náhledů pod velkou fotkou na výšku*/
	padding-top: 10px;
	height: 95px;
	heig\ht: 85px;
}
.fotka h2{  /*formát popisu velké fotky (např. MB 004.jpg)*/
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 10px;
	color: #666666;
}
.fotka .nav{  /*formát celého oddílu s náhledy pod velkou fotkou*/
	margin: 20px auto;
	height: 100px;
}
.fotka .seznam{ /*nepoužito?*/
	margin: 20px auto;
	width: 530px;
	overflow: auto;
	overflow-y: visible;
	white-space: nowrap;
}
.fotka .spotfoot{
	background-color: #E4F0FA;  /*barva lišty pod náhledy (s možnostmi zpět, zpět do fotogalerie, vpřed, Automatické procházení*/
}
#foto-1 {  /*neměnit*/
	width: 540px;
}
.fotka .tac{  /*neměnit*/
	margin: 0 10px;
}
.fotka .spotfoot a{  /*barva odkazů v liště s Zpět, Zpět do fotogalerie atd.*/
	color: #005EB1 !important;	/*!important upravuje prioritu, neměnit*/
}
.seznam img{  /*neměnit*/
	border: 2px solid white;
	margin-right: 14px;
}
.tac {  /*neměnit*/
	text-align: center;
}
.clear {  /*neměnit*/
	clear: both;
}
#footer { /*vlastnosti patičky stránky*/
	clear: both;
	text-align: center;
	background: #A4D5FF;  /*barva - měla by odpovídat barvě pozadí celé stránky*/
	padding: 3px 0 20px 0;
}
img {  /*obecná vlastnost obrázků*/
	border: none;  /*bez rámečku*/
}
hr {  /*vlastnost vodorovné čáry <hr>*/
  display: none;  /*nezobrazuje se*/
}
.left {  /*neměnit*/
  float: left;
}
.right {  /*neměnit*/
  float: right;
}
.vlevo-float{  /*neměnit*/
  float: left;
	margin: 5px 15px 5px 0;
}
.vpravo-float{  /*neměnit*/
  float: right;
	margin: 5px 0 5px 15px;
}
.vpravo{  /*neměnit*/
  text-align: right;
	margin: 5px 0;
	width: 530px;
}
* html .vpravo, * html .vlevo, * html .uprostred, , * html .seznam, * html .table{  /*neměnit*/
	padding-bottom: 20px;
}
.vlevo{  /*neměnit*/
  text-align: left;
	margin: 5px 0;
	width: 530px;
}
.uprostred{  /*neměnit*/
  text-align: center;
	margin: 5px 0;
	width: 530px;
}
.obrazek{  /*neměnit*/
	overflow: auto;
	overflow-y: visible;
}
.table{  /*neměnit*/
	margin: 5px 0;
	width: 530px;
	overflow: auto;
	overflow-y: visible;
}
.clear{  /*neměnit*/
	clear: both;
	height: 1px;
	font-size: 1px;
}
.userarea ul, .userarea ol{  /*neměnit*/
	margin-left: 30px;
}
.userarea font{  /*neměnit*/
  line-height: 110%;
}
.userarea h1, .userarea h2, .userarea h3, .userarea h4, .userarea h5, .userarea h6{
	line-height: 130%;  /*neměnit*/
}
.overflow{  /*neměnit*/
                overflow: hidden;
	width: 100%;
        text-overflow: ellipsis;
}
.userarea .safemargin{  /*neměnit*/
  margin-right: 2px;
}
fieldset{  /*neměnit*/
  border: none;
}
#searchbox fieldset {  /*vlastnosti položky vyhledávání v levém menu*/
  border:none;
  width:100%;
  text-align:center;
  padding: 5px 0;
}
#searchbox br{ /*neměnit*/
  display:none;
}
#searchbox #key{    /*neměnit*/
  width:80%;
  margin: 0 auto 5px auto;
}
}
#searchbox #sendsearch{  /*neměnit*/
  cursor:pointer;cursor:hand;padding: 2px 5px;}
}
}