/** HEADER **/
HEADER { position:relative; height:98px; border-bottom:8px solid #cdcdcd; z-index:4; }
HEADER:after { content:""; position:absolute; left:0px; right:0px; bottom:-5px; width:100%; height:5px; background: rgb(0,172,215);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI5NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(0,172,215,1) 0%, rgba(0,41,87,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,172,215,1)), color-stop(100%,rgba(0,41,87,1)));
	background: -webkit-linear-gradient(left,  rgba(0,172,215,1) 0%,rgba(0,41,87,1) 100%);
	background: -o-linear-gradient(left,  rgba(0,172,215,1) 0%,rgba(0,41,87,1) 100%);
	background: -ms-linear-gradient(left,  rgba(0,172,215,1) 0%,rgba(0,41,87,1) 100%);
	background: linear-gradient(to right,  rgba(0,172,215,1) 0%,rgba(0,41,87,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd7', endColorstr='#002957',GradientType=1 );
}
HEADER .wrap { position:relative; padding:0 0 0 220px; height:90px; line-height:50px; }
HEADER .logo { position:absolute; top:0px; left:0px; display:block; float:left; width:220px; height:90px; padding:20px 45px 20px 15px; border-right:1px solid #f0f0f0; }
HEADER .logo IMG { display:block; max-width:100%; height:auto; }
HEADER .top-portal { display:inline-block; max-width:100%; height:auto; }
HEADER #doctor { position:relative; height:90px; margin:0; padding:20px; border-left:1px solid #f0f0f0; line-height:normal; font-family:'Bree Serif',Times,sans; font-size:18px; }
HEADER #doctor STRONG { color:#297bc6; }
HEADER .zone A { display:block; font-size:12px; text-decoration:none; }
HEADER .zone A:before { content:"-"; display:inline-block; padding-right:5px; }

/** FLAGS **/
.flags { position:absolute; top:0px; right:0px; width:59px; margin:0; padding:15px 15px 15px 20px; border-left:1px solid #f0f0f0; }
.flags LI { display:block; margin:0; padding:0; width:25px; height:30px; line-height:30px; text-align:center; }
.flag-icon { position:relative; display:inline-block; width:22px; height:17px; line-height:17px; border:1px solid #dcdcdc; background-size:contain; background-position:50%; background-repeat:no-repeat; text-indent:-9999px; }
.flag-icon:hover { border:1px solid #002856; }
.flag-icon:before { content:"\00a0"; }
.flag-icon-cz { background-image:url(../css/flags/4x3/cz.svg); }
.flag-icon-sk { background-image:url(../css/flags/4x3/sk.svg); }
.flag-icon-en { background-image:url(../css/flags/4x3/gb.svg); }
.flag-icon-de { background-image:url(../css/flags/4x3/de.svg); }
.flag-icon-fr { background-image:url(../css/flags/4x3/fr.svg); }
.flag-icon-it { background-image:url(../css/flags/4x3/it.svg); }
.flag-icon-es { background-image:url(../css/flags/4x3/es.svg); }
.flag-icon-hu { background-image:url(../css/flags/4x3/hu.svg); }
.flag-icon-ru { background-image:url(../css/flags/4x3/ru.svg); }
.flag-icon-pl { background-image:url(../css/flags/4x3/pl.svg); }

/** CONTENT **/
#page { height:calc(100% - 148px); background:#f5f5f5; }
#page .wrap { position:relative; height:100%; background:#fff; }
#page .wrap.no-padding, .no-sidebar .wrap { padding:0 !important; }
#page #content { width:100%; padding:20px 0px 20px 220px; height:100%; vertical-align:top; overflow:auto; }

#sendForm { position:relative; margin:-20px 0 20px -220px; padding:20px 20px 20px 220px; background:rgba(0,40,86,.15);}
#sendForm LABEL { position:absolute; left:20px; width:200px; }
#sendForm TEXTAREA { width:100%; height:150px; font-size:13px; resize:vertical;}
#sendForm #attachQueue { width:calc(100% - 150px); height:68px; margin-bottom:5px;  border:1px solid #aaa; background:#eaeaea; overflow:auto; }
#sendForm .uploadifive-button { float:right; padding:18px 0; line-height:16px !important; }
#sendForm .uploadifive-button SMALL { font-size:10px; }
#sendForm .uploadifive-queue-item { float:left; width:33.3333%; }
.message { position:relative; margin:0 20px 20px 0; padding:10px 20px; }
.message:last-child { margin-bottom:0; }
.message.patient { background:rgba(72,206,31,.25); }
.message.doctor { background:rgba(41,123,198,.25); }
.message:before { content:""; position:absolute; top:0px; left:-200px; right:100%; }
.message.patient:before { border-top:2px solid rgba(72,206,31,.25); }
.message.doctor:before { border-top:2px solid rgba(41,123,198,.25); }
.message .questions { margin:0 0 5px; border-bottom:1px dotted #333; overflow:hidden; }
.message .questions P { float:left; width:50%; line-height:normal; margin:0; padding:0 0 5px; font-size:14px; }
.message .questions P.w-full { float:none; width:100%; clear:both; }
.message .questions P EM { font-size:12px; }
.message .files { padding-top:10px; }
.message .files, .message .files A { font-size:14px; text-decoration:none; }
.message .sended { position:absolute; display:block; top:5px; left:-190px; width:170px; font-size:12px; }
.message .sender { position:absolute; display:block; top:20px; left:-190px; width:170px; font-size:10px; color:#777; }

#wait { display:flex; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.25); flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; z-index:9999; }
#wait DIV { text-align:center; }
#wait DIV #wait-msg { font-family:'Bree Serif',Times,sans; font-size:18px; }
#wait * { color:#fff; }

/** FOOTER **/
#footer { padding:40px 0; }
#footer .col > DIV { padding:0 15px; }
FOOTER { position:relative; height:50px; padding:15px 0; background:#008bb7; z-index:9; }
FOOTER .wrap { line-height:20px; }
FOOTER * { color:#fff; font-size:13px; }
FOOTER A { display:inline-block; padding-left:15px; text-decoration:none; }
FOOTER A:hover { color:#fff; text-decoration:underline; }

/** SPECIAL **/
.btn-pohotovost { position:relative; display:inline-block; width:100%; height:50px; line-height:30px; margin-top:30px; padding:10px 20px; background:#ef2148; color:#fff; font-family:'Bree Serif',Times,sans; font-size:20px; text-align:left; text-decoration:none; }
.btn-pohotovost:after { content:"!"; position:absolute; top:10px; right:25px; height:30px; line-height:30px; color:#b91937; font-size:26px; font-weight:bold; }
.btn-pohotovost:hover { background:#b91937; color:#fff; text-decoration:none; }
.btn-pohotovost:hover:after { color:#fff; }

.totem .widget-content { position:relative; text-align:center; }
.totem A { display:inline-block; width:45%; padding:1%; vertical-align:middle; }
.totem A IMG { display:block; width:100%; height:auto; }
.totem A.half { width:20%; }

#reg-doctor { background:#00add8; }
#reg-doctor .wrap { padding:15px; line-height:40px; color:#fff; font-family:'Bree Serif',Times,sans; font-weight:normal; font-size:20px; }
#reg-doctor .button { float:right; }

.widget-item { position:relative; margin:0 20px 0 15px; padding:15px 0; border-bottom:1px solid #00add8; }
#footer .widget-item, #doctors-top .widget-item { border-bottom:0 none; }
.widget-item H2 { padding-bottom:10px; color:#002856; font-family:'Bree Serif',Times,sans; font-size:18px; font-weight:normal; }
.widget-item .widget-content, .widget-item .widget-content * { font-size:14px; } 

.widget-item .article-last UL LI { margin:0; padding:15px 0; border-top:1px solid #00add8; background:none; }
.widget-item .article-last UL LI A { color:#777; text-decoration:none; }
.widget-item .article-last UL LI A:hover { color:#002856; }
.widget-item .article-last A.button { display:inline-block; text-decoration:none; }

IFRAME[name="google_conversion_frame"] { width:0px !important; height:0px !important; border:0 none !important; line-height:normal; display:none; }

.header-filter-top { position:relative; border-bottom:1px solid #c8c8c8; background:#fff; z-index:1001; }
.header-filter-top .align-left, .header-filter-top .align-right { padding:20px; }
.header-filter-top .align-left { width:66%; }
.header-filter-top .align-right { width:34%; }
.header-filter-top H2 { margin-bottom:15px; font-size:20px; }
.header-filter-top.filter-3col .align-left { width:33%; }

.filter-loc { position:relative; list-style-type:none; margin:0; padding:0; columns:3; -moz-columns:3; -webkit-columns:3; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; }
.filter-loc:after { content:""; display:block; clear:both; }
.filter-loc LI { display:block; margin:0; padding:0; line-height:20px; }
.filter-loc LI A { color:#777777; font-size:16px; text-decoration:none; }
.filter-loc LI.grouped A { color:#323232; font-weight:bold; }
.filter-loc LI.back A:before { content:"«"; display:inline-block; padding-right:5px; }
.filter-loc LI A:hover { color:#00add8; text-decoration:none; }
.filter-spec, .filter-loc-sel, .filter-name { width:100%; height:40px; line-height:40px; padding:2px 0 2px 4px; border:1px solid #dcdcdc; font-size:16px; font-weight:600; }
.filter-loc-sel, .filter-3col .filter-loc { display:none; }
.filter-3col .filter-loc-sel { display:inline-block; }

.header-list-header, .page-route { position:relative; background:#fff; z-index:5; border-bottom:1px solid #c8c8c8; box-shadow:0px 1px 5px #c8c8c8; }
.header-list-header .active-category, .header-list-header .filter-buttons, .page-route UL { float:left; width:45.6%; min-height:49px; line-height:49px; margin:0; padding:0 10px 0 20px; }
.page-route UL { float:left; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; width:65%; }
.page-route .align-right { width:35%; }
.frame-tpl .page-route .wrap { padding:0; height:49px; }
.header-list-header .active-category LI, .page-route UL LI { display:inline-block; margin:0; padding:0; color:#00add8; font-size:14px; font-weight:600; }
.page-route UL LI { height:auto; line-height:normal; }
.header-list-header .active-category LI:before, .page-route UL LI:before { content:" - "; display:inline-block; padding:0 7px; color:#323232; }
.header-list-header .active-category LI:first-child:before, .page-route UL LI:first-child:before { content:""; display:none; }
.header-list-header .active-category LI A, .page-route UL LI A { color:#00add8; font-size:14px; font-weight:600; text-decoration:none; }
.header-list-header .active-category LI A:hover, .page-route UL LI A:hover { color:#002856; text-decoration:none; }
.header-list-header .calendar-days { float:left; width:25.55%; min-height:49px; border-right:1px solid #c8c8c8; }
.header-list-header .calendar-days .day { float:left; width:33.3333333%; line-height:17px; padding:7px 10px 8px; border-left:1px solid #c8c8c8; color:#323232; font-size:14px; font-weight:600; text-align:center; }
.header-list-header .list-order { float:left; width:28.85%; min-height:49px; }
.no-sidebar.header-list-header .active-category, .no-sidebar.header-list-header .filter-buttons { width:64.1%; height:49px; margin-top:0px; }
.no-sidebar.header-list-header .calendar-days { width:35.9%; border-right:0 none; }
.no-sidebar.header-list-header .list-order { display:none; }
.header-list-header .filter-buttons { height:52px; line-height:40px; margin-top:-3px; padding:3px 20px 9px 38px; background:#fff; }

.pages         { display:block; padding:20px 0 10px; text-align:center; clear:both; }
.pages A,
.pages SPAN    { display:inline-block; margin:0 2px; padding:2px 4px; min-width:24px; width:auto !important; ?width:24px; height:24px; font-size:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#eaeaea; text-decoration:none; }
.pages A       { background:#00add8; color:#ffffff; }
.pages SPAN    { background:#eaeaea; color:#aaaaaa; }
.pages .active, .pages A:hover { background:#002856; color:#ffffff; font-weight:bold; }


/** OLD **/

.top-big-banner { position:relative; height:90px; line-height:80px; font-size:50px; font-weight:bold; text-align:center; }
.top-big-banner SPAN { position:absolute; line-height:normal; bottom:5px; right:5px; font-size:14px; font-weight:normal; }

#tools { margin:5px 0 0 0; padding:3px 10px 3px 20px; }
#tools .page-path { color:#c0c0c0; font-size:14px; line-height:18px; }
#tools .page-path A { color:#297bc6; font-size:14px; text-decoration:none; }

/*#content H1 { margin:0; padding:7px 18px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; background:#eaeaea; font-size:28px; font-weight:bold; line-height:32px; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; } */

#widgets-homepage { min-height:500px; height:auto !important; height:500px; }
#widgets-left { display:block; position:absolute; top:0px; left:0px; width:250px; padding:0 0 15px; }
#widgets-right { display:block; position:absolute; top:0px; right:0px; width:250px; padding:0 0 15px; }

#browser-alert { position:absolute; width:430px; top:5px; right:5px; padding:10px 15px; border:3px double #ffffff; background:#ff0000; color:#ffffff; font-weight:bold; text-align:justify; z-index:10000;}
#browser-alert A { color:#ffffff; }

@media (max-width: 767px) {
	#page .wrap { padding:0; }
	#page #content { padding-left:0; }
	#sendForm { margin:-20px 0 20px; padding:20px; }
	#sendForm LABEL { position:static; display:block; width:100%; }
	.message { margin:40px 0 10px; }
	.message:before { top:-30px; height:30px; left:0; }
	.message.doctor:before { border-top:0 none; border-left:10px solid rgba(41,123,198,.25); }
	.message.patient:before { border-top:0 none; border-left:10px solid rgba(72,206,31,.25); }
	.message .sended { top:-30px; left:20px; width:calc(100% - 40px); }
	.message .sender { top:-15px; left:20px; width:calc(100% - 40px); }
}