@font-face {
    font-family: Candara;
	src: url('../font/candarab.eot'); /* IE9 Compat Modes */
	src: url('../font/candarab.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/candarab.woff') format('woff'), /* Modern Browsers */
	     url('../font/candarab.ttf')  format('truetype'); /* Safari, Android, iOS */
	     /*url('webfont.svg#svgFontName') format('svg');*/ /* Legacy iOS */
	font-weight: bold;
}
@font-face {
    font-family: MyriadPro;
	src: url('../font/myriadpro-regular.eot'); /* IE9 Compat Modes */
	src: url('../font/myriadpro-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/myriadpro-regular.woff') format('woff'), /* Modern Browsers */
	     url('../font/myriadpro-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	     /*url('webfont.svg#svgFontName') format('svg');*/ /* Legacy iOS */
}
@font-face {
    font-family: MyriadPro;
    src: url(../font/myriadpro-bold.otf);
	font-weight: bold;
}
/*
img { border: 0 }


h1 { padding: 7px 0; font-size: 18px; color:#0087C1; height: 40px; text-transform: uppercase; }
h2 { clear: both; font-size: 16px; margin: 50px 0 15px 0; }
h2.po_h1 { margin: 0px 0 15px 0; }
h3 { font-size: 14px; margin-top: 25px; }




dt, dd { padding-left: 30px; margin: 0 }
dt { margin: 5px 0 5px 0; }
dd { margin: 0 0 15px 0; }
*/
/* layout */


/*#0097D7*/


#kontejner { width: 1300px; margin: 0 auto;  padding-bottom: 15px; position: relative; }

#hlavicka { width: 100%; height: 94px; background: #fff;  line-height: 100%; font-size: 38px; text-align: center; font-weight: bold; font-family: Candara, Helvetica, Arial, sans-serif; text-transform: uppercase; overflow: hidden }
#hlavicka a { color: #4582EC; background: #fff; }
#logo { float: left; text-align: left; margin: 27px 0 0 140px; color: #4582EC; text-decoration: none; }
#logo:hover { text-shadow: 1px 1px 1px rgba(0,0,0,.3) }
#logo img { height: 38px; float: left; margin: 0px 10px 0 0; }

/*#stred { position: relative; background: url(../img/lekari.jpg) no-repeat; }*/

#vyhledavani { position: absolute; width: 200px; z-index: 20; top: 5px; right: 5px }
/*#lekari { width: 100%; height: 570px; background: url(../img/lekari.jpg) no-repeat }*/


#menu li { float: left; display: table; padding: 0 0 22px 0; width: 178px; height: 184px; text-align: center; background: url(../img/menu-oboje-178px.png?v=5) no-repeat; position: relative; z-index: 0; list-style-type: none; line-height: 200% }
#menu li:hover { background-position: 0% 100%; z-index: 30; }
#menu li.active, #menu li.active:hover { background-position: 0% 100%; z-index: 30; }

#menu li a { display: table-cell; vertical-align: middle; padding-right: 18px; text-decoration: none; color: #fff; font-size: 18px; /*text-transform: uppercase;*/ }
#menu li a:hover { text-decoration: underline }

#obsah { background: #fff; }

#bannery div { display: block; background: #fff; width: 220px; height: 160px; overflow: hidden; text-align: center }
#bannery div img { vertical-align: middle; }

/*.bannery_hlavicka { background: #ddd }*/
/*
.helper { display: inline-block; height: 100%; vertical-align: middle; }
*/
#submenu ul { display: block; width: 100%; margin: 0; padding: 0; font-weight: 500 }
#submenu ul li { float: left; padding: 5px 50px 5px 0; font-size: 18px; list-style-type: none }
#submenu ul li a { color: #68A6EA; text-transform: uppercase; text-decoration: none }
#submenu ul li a:hover { text-decoration: underline; color: #1C648E }
#submenu ul li.active a { color: #1C70CC; font-weight: 700 }
#submenu ul li.active a:hover { color: #1C648E }

#prilohy { width: 250px; float: right; margin: 0 0 25px 25px; padding: 10px; border: 1px solid #ddd }
#prohlizec_dokumentu { clear: both; width: 100% }
/*
#vlastni_test ol { font-weight: bold; margin: 10px 0 10px 15px; padding-left: 0 }
#vlastni_test ol li { margin-left: 0; padding-left: 5px; text-align: justify }
*/

/* ostatn� */

ul.sekce { list-style-type: none; clear: both; margin-left: 0; padding-left: 0 }
ul.sekce li { float: left; margin-right: 25px }
ul.sekce li a, ul.sekce li b { display: block; float: left; padding-left: 20px; line-height: 16px; }

.akce { display: block; float: left; padding-left: 20px; line-height: 16px; margin-right: 25px }

/*
ul.obory { list-style-type: none;  }
ul.obory li { float: left; clear: left; font-size: 18px; text-transform: uppercase; }
ul.obory li a { display: block; padding: 5px 0; margin-bottom: 5px; text-decoration: none }
ul.obory li a:hover { text-decoration: underline }


ul.regiony { list-style-type: none; }
ul.regiony li { float: left; clear: left; font-size: 14px; text-transform: uppercase; }
ul.regiony li a { display: block; padding: 3px 0; margin-bottom: 0px; text-decoration: none }
ul.regiony li a:hover { text-decoration: underline }
*/
/*
div.gdl_vypis { float: right; width: 590px; margin-top: -20px }
div.gdl_vypis h2 { margin-top: 30px }
div.gdl_vypis h2:first-child { margin-top: 0 }
*/

a.dokument { clear: both; float: left; display: block; background: url(../img/dokument.png) 0% 50% no-repeat; line-height: 18px; padding: 4px 0 4px 30px; margin: 7px 0 }
a.webovky { clear: both; float: left; display: block; padding: 5px 0 10px 0 }

/*
.obsah { padding: 40px; margin-bottom: 80px }
.obsah p { text-align: justify }
*/



.pole { border: 1px solid #ccc; background: #f9f9f9; width: 380px; font-size: 16px; padding: 2px }

.tlacitko { font-size: 16px; font-weight: bold; color: #fff; background: #1C70CC; border: 0; padding: 6px 10px 6px 10px; border-radius: 2px; }
.tlacitko_velke { font-size: 18px; font-weight: bold; color: #fff; background: #1C70CC; border: 0; padding: 12px 24px; margin: 10px 0 30px; border-radius: 2px; }
.tlacitko:hover, .tlacitko_velke:hover { border: 0; background: #1C648E; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tlacitko:focus, .tlacitko_velke:hover { border: 0 }


/*
.linka { clear: both; background: #ddd; height: 1px; weight: 100%; margin: 15px 0 15px 0 }
*/
#uvodni_popis { margin-top: 120px; margin-left: 135px; color: #fff }
/*
table.seznam tr td, table.seznam tr th { vertical-align: middle }
*/
img.stav { width: 24px; height: 24px }

div.gadget-only { float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #00A39E }
/*
.otazka_blok { margin-bottom: 40px }
label.zalomit { display: block; clear: both; margin: 0 0 10px 22px }
label.zalomit input { float: left; margin-left: 0px }
label.zalomit div.popis { display: block; margin-left: 20px; }

label.nezalomit { float: left; margin-right: 30px }
label.nezalomit input { float: left; margin-left: 0px }
label.nezalomit div.popis { display: block; margin-left: 20px; }
*/
/*
label { clear: both }
label input { float: left; }
label div { float: left; display: block: width: 90%; }
*/

.clr, .clear { clear: both }
.zebra { background-color: #f5f5f5; }
.zebra_slabsi { background-color: #FAFAFA; }
.tucne { font-weight: bold }
.male { font-size: 11px; }
.zelene { color: #43A700 }
.cervene { color: #CB4100 }
.zahlavi { background-color: #f5f5f5; }
.zahlavi td { border-bottom: 1px solid #dddddd; }
.zvyrazni { color: #0078D4; font-weight: bold }



.error, .notice, .success { padding: 15px 24px 15px 24px; margin-bottom: 25px; border-left: 3px solid #ddd; font-size: 16px }
.error  { background: rgba(202, 53, 69, 0.15); border-color: rgba(202, 53, 69, 0.8); }
.notice {  background: rgba(255, 193, 7, 0.2); border-color: rgba(255, 193, 7, 0.8); }
.success { background: rgba(2, 184, 117, 0.15); border-color: rgba(2, 184, 117, 0.8); }


.error a, .notice a, .success a { background: none; padding: 0; margin: 0; text-decoration: underline }
.error a { color: #8a1f11 }
.notice a { color: #514721 }
.success a { color: #002B46 }
.error li, .notice li, .success li { margin-left: 20px }

.ochrana { display: none }

#testovaci_prostredi { width: 100%; background: #FFC107; color: #333; font-size: 14px; text-align: center; line-height: 250%; text-transform: uppercase }