/*	---------------------------------------------------------------------------------------
	Inocem
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Basic styles and layout
	Media:				screen, projection
	Datum:				18. 12. 2008
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	---------------------------------------------------------------------------------------*/

@import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html, body { height: 100%; }
body { color: #000; background-color: #fff; }

h3 { font-size: 135%; }
a { color: #00b7dd; }

.sm { width: 470px; font-size: 90%; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* Main ---------------------------------------------------------------------------------*/

#main { position: relative; height: auto !important; height: 100%; min-height: 100%; }

.in { width: 955px; margin: 0 auto; }

/* Header -------------------------------------------------------------------------------*/

#header { height: 72px; padding-top: 10px; background: url('../images/header.png') 50% 0 no-repeat; }

#logo { width: 75px; height: 60px; line-height: 60px; font-size: 140%; font-weight: normal; }
#logo a { text-decoration: none; }
#logo a:hover, #logo a:focus, #logo a:active { color: #000; }
#logo span { background-image: url('../images/logo.png'); }
#logo strong { font-weight: normal; }

#header .ac { left: px; top: px; width: px; height: px; }
#header .ac:focus, #header .ac:active { z-index: 1; }

/* Menu ---------------------------------------------------------------------------------*/

#menu { position: absolute; right: 0; top: -82px; }
#menu li { float: left; line-height: 82px; }
#menu a { float: left; text-decoration: none; }
#menu a em { display: block; padding: 0 8px 0 25px; font-weight: normal; color: #00c7dd; background: url('../images/menu-li.gif') 9px 50% no-repeat; cursor: pointer; }
#menu .active, #menu a:hover, #menu a:focus, #menu a:active { color: #fff; background-color: #00b6dc; }
#menu .active em, #menu a:hover em, #menu a:focus em, #menu a:active em { color: #fff; background-image: url('../images/menu-li-active.gif'); }

/* Maincontent --------------------------------------------------------------------------*/

.maincontent { position: relative; padding-bottom: 240px; }
.maincontent p, .maincontent ul { margin-bottom: 20px; }
.maincontent em { font-style: normal; color: #00b7dd; }

/* Headline -----------------------------------------------------------------------------*/

.headline { position: relative; height: auto !important; height: 386px; min-height: 386px; padding: 110px 0 0 496px; }

.desc { width: 258px; height: 39px; margin: -48px 0 22px; line-height: 19px; text-transform: uppercase; font-weight: bold; color: #d1d1d1; }
.desc em { float: left; width: 95px; margin-right: 12px; border-right: 1px solid #d1d1d1; line-height: 39px; font-size: 160%; font-style: normal; color: #d1d1d1; }
.desc span { background-image: url('../images/desc.png'); }

.headline h2 { margin-bottom: 20px; text-transform: uppercase; font-size: 300%; color: #000; }
.headline h2 em { display: block; font-style: normal; color: #00b7dd; }

.pribaltesi { width: 377px; height: 98px; line-height: 49px; }
.pribaltesi span { background-image: url('../images/pribaltesi.png'); }

.desc-long { width: 408px; height: 84px; line-height: 21px; font-size: 130%; color: #999; }
.desc-long span { background-image: url('../images/desc-long.png'); }

.illustration { position: absolute; left: 78px; top: -82px; width: 378px; height: 560px; background: url('../images/illustration.jpg') 0 0 no-repeat; }

/* Content ------------------------------------------------------------------------------*/

.block { overflow: hidden; width: 100%; padding-top: 22px; background: url('../images/block.jpg') 50% 0 no-repeat; }
.col { float: left; width: 220px; padding-right: 18px; }
.col h3 { width: 220px; height: 22px; margin-bottom: 20px; line-height: 22px; color: #333; background-position: 0 0; background-repeat: no-repeat; }
.col ul { margin: 0; }
.col li { padding-left: 24px; color: #00b7dd; background: url('../images/plus.gif') 5px .5em no-repeat; }
.col li a { text-decoration: none; }
.col li a:hover, .col li a:focus, .col li a:active { text-decoration: underline; }

.c-pravidelne span { background-image: url('../images/ir-pravidelneockovanie.png'); }
.c-odporucene span { background-image: url('../images/ir-odporuceneockovania.png'); }
.c-zahranici span { background-image: url('../images/ir-ockovaniadozahranicia.png'); }
.c-sluzby span { background-image: url('../images/ir-poskytovanesluzby.png'); }

.action { width: 340px; margin: 45px 0 0 -10px;}
.action img { position: relative; margin-top: -2px; }
.action p { padding-left: 80px; color: #515151;}
.action p span {background:#FFF4A3;}

/* Footer -------------------------------------------------------------------------------*/

#footer { position: absolute; bottom: 0; width: 100%; height: 174px; padding-top: 28px; color: #fff; background: #333 url('../images/footer.gif') 0 100% repeat-x; }
#footer address { color: #666; }

/*	---------------------------------------------------------------------------------------
	IMAGE REPLACING
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.h-sluzby { width: 177px; }
.h-sluzby span { background-image: url('../images/headline-sluzby.png'); }
.h-rady { width: 507px; }
.h-rady span { background-image: url('../images/headline-rady.png'); }
.h-oinstitutu { width: 242px; }
.h-oinstitutu span { background-image: url('../images/headline-oinstitutu.png'); }
.h-kontakt { width: 188px; }
.h-kontakt span { background-image: url('../images/headline-kontakt.png'); }
.h-aktuality { width: 220px; }
.h-aktuality span { background-image: url('../images/headline-aktuality.png'); }

.pravidelneockovanie { width: 204px; }
.pravidelneockovanie span { background-image: url('../images/ir-pravidelneockovanie.png'); }
.odporuceneockovania { width: 218px; }
.odporuceneockovania span { background-image: url('../images/ir-odporuceneockovania.png'); }
.ockovaniadozahranicia { width: 229px; }
.ockovaniadozahranicia span { background-image: url('../images/ir-ockovaniadozahranicia.png'); }
.poskytovanesluzby { width: 181px; }
.poskytovanesluzby span { background-image: url('../images/ir-poskytovanesluzby.png'); }

/*	---------------------------------------------------------------------------------------
	SUBPAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#sub #logo { z-index: 999; width: 144px; height: 60px; }
#sub #logo span { background-image: url('../images/logo-sub.png'); }

#sub em, #sub strong { font-style: normal; font-weight: bold; color: #000; }
#sub strong { padding: 2px 7px 2px 3px; background-color: #ccf3f7; }

.wrapper { position: relative; overflow: hidden; width: 100%; }
#sub h2 { margin-bottom: 10px; line-height: 26px; font-size: 24px; font-weight: normal; color: #00b7dd; }
#sub h2 object { position: relative; margin-bottom: -10px; }

#sub .subillustration { position: absolute; left: 90px; top: -82px; width: 380px; height: 320px; background: url('../images/illustration-sub.jpg') 0 0 no-repeat; }

#sub .maincontent { padding-top: 1px; }
#sub .subheadline { height: 108px; background: url('../images/subheadline.png') 100% 100% no-repeat; }
#sub h1 { float: right; height: 65px; margin: 17px 0 13px; line-height: 65px; text-transform: uppercase; font-size: 300%; color: #000; }

.submenu { position: relative; float: left; width: 204px; padding-bottom: 10px; color: #fff; background: #00b7dd url('../images/submenu-bottom.jpg') 0 100% no-repeat; }
.submenu ul { margin: 0; padding-top: 18px; background: url('../images/submenu-top.jpg') 0 0 no-repeat; }
.submenu li { width: 204px; line-height: 22px; }
.submenu a { display: block; width: 195px; padding: 9px 0 9px 9px; text-decoration: none; color: #fff; background: url('../images/submenu-dotted.gif') 0 100% repeat-x; }
.submenu .last a { background: none; }
#sub .submenu a em { display: block; width: 160px; padding: 0 5px 0 30px; font-weight: normal; color: #fff; background-repeat: no-repeat; cursor: pointer; }
#sub .submenu a:hover, #sub .submenu a:focus, #sub .submenu a:active, #sub .submenu .active { color: #000; background: #fff url('../images/submenu-active.gif') 0 100% repeat-x; }
#sub .submenu a:hover em, #sub .submenu a:focus em, #sub .submenu a:active em, #sub .submenu .active em { color: #000; }

.ico-pravidelneockovanie em { background-image: url('../images/ico-pravidelneockovanie.png'); }
.ico-odporuceneockovania em { background-image: url('../images/ico-odporuceneockovania.png'); }
.ico-ockovaniadozahranicia em { background-image: url('../images/ico-ockovaniadozahranicia.png'); }
.ico-poskytovanesluzby em { background-image: url('../images/ico-poskytovanesluzby.png'); }
.ico-cestovnalekarnicka em { background-image: url('../images/ico-cestovnalekarnicka.png'); }
.ico-otazka em { background-image: url('../images/ico-otazka.png'); }
.ico-obchodnyregister em { background-image: url('../images/ico-obchodnyregister.png'); }
.ico-napistenam em { background-image: url('../images/ico-napistenam.png'); }
.ico-aktuality em { background-image: url('../images/ico-aktuality.png'); }

.content { position: relative; float: right; width: 712px; padding: 20px 0 0 20px; background: #fff url('../images/content.png') 0 0 no-repeat; }
.header { overflow: hidden; width: 100%; padding-bottom: 10px; background: url('../images/dotted.gif') 0 100% repeat-x; }
#sub .header h2 { float: left; width: 530px; margin: 0; }
.header p { float: right; margin: 6px 12px 0 0; line-height: 22px; font-weight: bold; color: #333; }
.header p a { float: right; padding-left: 30px; color: #333; background: url('../images/info.png') 0 0 no-repeat; }
.services .header a { background-image: url('../images/ico-napistenam.png'); }

p.first { padding: 25px 0 15px; background: url('../images/dotted.gif') 0 0 repeat-x; }
#sub h2.first, #sub .colbox h2 { margin-bottom: 25px; padding-bottom: 10px; background: url('../images/dotted.gif') 0 100% repeat-x; }

table.text { margin-bottom: 20px; }
table.text td { padding-left: 15px; }

.panel { overflow: hidden; width: 100%; padding: 9px 0; line-height: 24px; text-transform: uppercase; font-size: 90%; background: url('../images/dotted.gif') 0 100% repeat-x; }
.panel li { float: left; margin-right: -1px; background: url('../images/panel-li.gif') 100% 50% no-repeat; }
.panel li.last { background: none; }
.panel a { float: left; text-decoration: none; }
#sub .panel em { float: left; padding: 0 10px 0 9px; font-weight: normal; }
.panel a:hover, .panel a:focus, .panel a:active, .panel a.active { background: url('../images/panel-a.gif') 0 0 no-repeat; }
#sub .panel a:hover em, #sub .panel a:focus em, #sub .panel a:active em, #sub .panel a.active em { color: #fff; background: url('../images/panel-em.gif') 100% 0 no-repeat; }

/*	---------------------------------------------------------------------------------------
	SLUZBY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

table { margin-bottom: 6px; line-height: 1.5; }
th, td { padding: 7px 0 8px; text-align: left; }
th { border-top: 5px solid #000; text-transform: uppercase; font-size: 90%; font-weight: normal; }
td { border-bottom: 1px solid #fff; color: #000; background-color: #ccf3f7; }
.second td { background-color: #a9eaf1; }

.clt { background: #ccf3f7 url('../images/clt.png') 0 0 no-repeat; }
.crt { background: #ccf3f7 url('../images/crt.png') 100% 0 no-repeat; }
.content .clb { background: #ccf3f7 url('../images/clb.png') 0 107% no-repeat; }
.content .crb { background: #ccf3f7 url('../images/crb.png') 100% 107% no-repeat; }
.content .clbs { background: #a9eaf1 url('../images/clbs.png') 0 107% no-repeat; }

.ills { padding-top: 40px; }
.ills li { overflow: hidden; width: 100%; padding-bottom: 40px; }
.ills .l { width: 530px; color: #000; }
.ills .l, .ills .dispensing { margin-top: 16px; }
.ills .l p { margin-bottom: 0; }

.notp { padding-top: 0; }
.notp li { padding-bottom: 20px; }
.notp .header { margin-bottom: 16px; }

.dispensing { float: right; width: 163px; background: #ccf3f7 url('../images/box-blue-top.png') 0 0 no-repeat; }
.d-in { overflow: hidden; width: 147px; padding: 21px 8px 17px; background: url('../images/box-blue-bottom.png') 0 100% no-repeat; }
.dispensing dt, .dispensing dd { margin-bottom: 2px; line-height: 19px; color: #000; }
.dispensing dt { float: left; width: 60px; font-weight: bold; color: #000; background: #fff url('../images/imp.png') 0 0 no-repeat; }
.dispensing dt em { float: left; width: 60px; text-align: center; color: #000; background: url('../images/imp-in.png') 100% 0 no-repeat; }
.dispensing dd { float: right; width: 80px; font-size: 90%; }

.services li { padding-bottom: 10px; }
.services ul { float: left; width: 460px; }
.services ul li { padding: 0 0 10px 22px; background: url('../images/plus-services.gif') 0 .5em no-repeat; }
.services .imp { float: right; width: 230px; font-weight: bold; color: #00b7dd; }

.highimp { width: 705px; height: 52px; margin-top: 15px; line-height: 52px; text-transform: uppercase; color: #fff; background: #00b7dd url('../images/highimp.png') 0 0 no-repeat; }
.highimp a { margin: 0 14px 0 42px; color: #fff; }

/*	---------------------------------------------------------------------------------------
	RADY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.colbox { margin-top: 35px; }
#sub .colbox h2 { margin-bottom: 20px; }

.risk,.remember { padding-bottom: 10px; }
.risk { float: left; width: 274px; }
.riskbox { color: #fff; background: #00b7dd url('../images/box-risk-top.png') 0 0 no-repeat; }
.riskbox ul { padding: 15px 20px; background: url('../images/box-risk-bottom.png') 0 100% no-repeat; }
.riskbox li { padding: 0 0 5px 15px; color: #fff; background: url('../images/risk-li.png') 0 .5em no-repeat; }

.remember { float: right; width: 410px; }
.remember ul { margin-bottom: 0; }
.remember li, #sub .num10 li { overflow: hidden; width: 100%; padding: 0; background: none; }
#sub .num10 li { width: 422px; padding: 12px 24px 12px 15px; border: none; background: url('../images/num10-li.png') 0 100% repeat-x; }
#sub .num10 li.second { background-color: #a9eaf1; }

#sub .remember .ir, #sub .num10 .ir { float: left; display: inline; width: 27px; height: 27px; margin-top: 4px; line-height: 27px; text-align: center; font-size: 200%; color: #fff; background-color: #6acedc; }
#sub .num10 .ir { width: 30px; height: 30px; line-height: 30px; }
.p1 span { background-image: url('../images/p1.png'); }
.p2 span { background-image: url('../images/p2.png'); }
.p3 span { background-image: url('../images/p3.png'); }
.p4 span { background-image: url('../images/p4.png'); }
.remember p { float: right; width: 365px; margin: 0; padding-bottom: 15px; font-size: 90%; color: #000; }
.num10 p { margin: 0; padding-left: 60px; font-size: 100%; }

.n1 span { background-image: url('../images/n1.png'); }
.n2 span { background-image: url('../images/n2.png'); }
.n3 span { background-image: url('../images/n3.png'); }
.n4 span { background-image: url('../images/n4.png'); }
.n5 span { background-image: url('../images/n5.png'); }
.n6 span { background-image: url('../images/n6.png'); }
.n7 span { background-image: url('../images/n7.png'); }
.n8 span { background-image: url('../images/n8.png'); }
.n9 span { background-image: url('../images/n9.png'); }
.n10 span { background-image: url('../images/n10.png'); }

#sub .num10 { width: 461px; }
#sub .num10 ul { padding-bottom: 0; }
#sub .num10 .last { border: none; background: #a9eaf1 url('../images/box-num10-bottom.png') 0 100% no-repeat; }
#sub .num10 .odd { border: none; background: url('../images/box-points-bottom.png') 0 100% no-repeat; }

#sub .personaly { width: 215px; padding-top: 10px; }
.personaly h3 { margin-bottom: 20px; }
.personaly p, .personaly address { margin-bottom: 5px; }
.personaly address, #sub .personaly address em { color: #949494; }

.boxwrapper { overflow: hidden; width: 100%; margin-bottom: 15px; background: url('../images/dotted.gif') 0 100% repeat-x; }

/*	---------------------------------------------------------------------------------------
	O INSTITUTU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.about { margin-bottom: 30px; }

.points { float: left; width: 461px; background: #ccf3f7 url('../images/box-points-top.png') 0 0 no-repeat; }
.points ul { margin-bottom: 0; padding-bottom: 18px; background: url('../images/box-points-bottom.png') 0 100% no-repeat; }
.points li { position: relative; padding: 12px 40px 12px 75px; border-bottom: 2px solid #fff; background: url('../images/points-li.png') 20px 16px no-repeat; }
.points li.last { border: none; }

.people, .personaly { float: right; width: 235px; }
.people img { float: left; }
.people .r { float: right; width: 145px; }
.people .r h3, .personaly h3 { line-height: 1.2; }
.people .r p { margin-bottom: 10px; font-size: 90%; }
.people .r .more, .people .r p em { text-transform: uppercase; color: #00b7dd; }
#sub .people .r p em { font-weight: normal; color: #a3a3a3; }

.writeus { padding-top: 7px; }
.writeus dl { clear: both; width: 100%; }
.writeus dl.l { clear: none; float: left; width: 240px; }
.writeus dl.last { width: 212px; }
.writeus dt label { display: block; padding: 8px 0 3px; font-weight: bold; }
.writeus dl input, .writeus textarea { width: 212px; height: 16px; padding: 6px 6px 7px; border: none; line-height: 16px; font-size: 90%; color: #000; background: #dcf7fa url('../images/input.png') 0 0 no-repeat; }
.writeus textarea { width: 452px; height: 146px; margin-bottom: 10px; background-image: url('../images/textarea.png'); }

/*	---------------------------------------------------------------------------------------
	KONTAKT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.contact img { margin: 0; }
.contact address, .c1 { float: right; width: 220px; margin-top: 3px; }
.c1 { margin-top: 0; }
.contact address a { color: #000; }
.contact .more { clear: both; padding-top: 10px; font-size: 90%; color: #00b7dd; }

.c2 { width: 464px; }
#sub .c1 h2 { margin-bottom: 34px; }
#sub .c1 table { margin-bottom: 20px; }
#sub .c1 th, #sub .c1 td { padding: 0; line-height: 22px; font-size: 100%; }
#sub .c1 th { border: none; text-transform: uppercase; font-weight: bold; }
#sub .c1 td { padding: 0 2px; background: #fff; }
.lowimp { font-size: 90%; color: #949494; }
.w3 {color: #949494; }

/*	---------------------------------------------------------------------------------------
	AKTUALITY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.news { overflow: hidden; width: 100%; padding-bottom: 15px; }
.news h3, .news p { margin-bottom: 10px; padding-left: 70px; }
.news h3 { margin-bottom: 6px; }
.news .date { float: left; width: 50px; height: 61px; margin-top: 7px; padding: 3px 8px 0 0; line-height: 21px; text-transform: uppercase; text-align: center; font-size: 90%; color: #fff; background: #00b7dd url('../images/date.png') 0 0 no-repeat; }
#sub .date strong { display: block; padding: 0; line-height: 40px; font-size: 240%; color: #fff; background: none; }
.news .author { font-size: 90%; color: #9e9e9e; }

/*	---------------------------------------------------------------------------------------
	STYLES IN POPUP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.popup-table { overflow: hidden; width: 495px; background: #fff url('../images/popup-top.png') 0 0 no-repeat; }
.popup-in { overflow: hidden; width: 100%; padding: 3px 0; background: url('../images/popup-bottom.png') 0 100% no-repeat; }

#sub .popup-table th, #sub .popup-table td { padding: 10px 0; border: none; vertical-align: top; background: url('../images/popup-dotted.gif') 0 100% repeat-x; }
#sub .last th, #sub .last td { padding-bottom: 5px; background: #fff; }
#sub .popup-table th { width: 150px; padding: 10px; }
#sub .popup-table td { padding-right: 10px; }
#sub .popup-table th em { display: block; padding-left: 40px; text-transform: none; font-size: 110%; font-style: normal; background: url('../images/popup-plus.gif') 15px .3em no-repeat; }
#sub .popup-table p { margin: 10px 15px 15px; }