/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Main page styles */

/* reset margins and paddings */
body, html { margin:0 auto; padding:0 }

/* main page html and body definitions */
html { background:#fff }
body { font-family: Tahoma, Arial, Verdana, sans-serif; font-size:12px; text-align:center; background:url(../img/construct/bg-body.jpg) }

/* reset default image definitions */
img { border: 0 solid }

/* a tag definitions */
a { color:#142a60; text-decoration:none }
a:hover { text-decoration:underline }
#content-main a { color:#78234b }
#content-con a:hover { color:#78234b }

/* p tag definition */
p { margin:0; padding:0 0 10px 0 }

/*  clear element */
.clear { clear: both }

.cf:before, .cf:after,
.pagination:before, .pagination:after,
.items-leading:before, .items-leading:after,
.item-page:before, .item-page:after,
.social-share-buttons-share:before, .social-share-buttons-share:after
 { content: " "; display: table }
.cf:after, .pagination:after,
.items-leading:after, .item-page:after,
.social-share-buttons-share:after
 { clear: both }
.cf, .pagination,
.items-leading, .item-page,
.social-share-buttons-share
 { *zoom: 1 }

.left { float: left }
.right { float: right }

/* hide joomla control edit buttons/icons */
#content-main ul.actions { display:none!important; }

/* position fixed */
.position-fx { position:fixed } 

/* Custom fonts */
.search input, #main-nav li a,
{ font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px }

.tip-wrap { display:none!important; }

/*  Main page styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Top fancy line */

#top-line { height:7px; border-bottom:#e9eef8; background:url(../img/construct/bg-top-fancy-line.jpg) repeat-x }

/* Top fancy line */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page banner */

#main-nav #banner-con { position:relative; width:960px; height:0; margin:0 auto; }
#main-nav #page-banner { position:absolute; width:220px; right:-230px; top:239px; text-align:left; overflow:hidden; background:none }
#main-nav.position-fx #page-banner { top:45px; }

/* Page banner */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Header */

#header { height:130px; background:url(../img/construct/bg-header.jpg) no-repeat center top }

/* Container for header logo, tpo navigation and quick search */
#header-top { height:85px; width:960px; margin:0 auto; text-align:left }
/* Top navigation and search */
#top-nav-search { float:right; padding-top:25px }
.top-nav { float:left; padding-top:10px; padding-right:10px }
.top-nav ul { float:right; list-style:none }
.top-nav ul li { float:left; padding:0 15px; border-left:1px solid #142A60 }
.top-nav ul li:first-child { border-left:none }
/* Search */
.search { float:right; width:296px; height:37px; background:url(../img/construct/bg-search.png) no-repeat center center }
.search input { width:245px; padding:10px 40px 10px 10px; background:none; font-size:12px; border:none; color:#787878 }
.search input:focus { color:#233b78 }

/* Container for main page navigation */
#main-nav { width:960px; margin:0 auto; height:45px }
#main-nav.position-fx { width:100%; top:0px; }
#main-nav > div { width:960px; margin:0 auto; text-align:left }
#main-nav > div > div { z-index:12; background:url(../img/construct/bg-main-nav.png) repeat-x; }
#main-nav li { float:left; background:url(../img/construct/divider-main-nav.png) right top no-repeat }
#main-nav li a { display:block; padding:0 22px 0 22px; height:45px; line-height:42px; color:#fff; font-size:11px }
#main-nav .ux-menu a.ux-menu-link-parent { padding-right:41px; min-width:1px }
#main-nav .ux-menu-arrow { display:block; width:9px; height:6px; right:15px; top:20px; position:absolute; background:url(../img/icons/arrow-main-menu.png) no-repeat; font-size:0 }
#main-nav li a:hover { background:#78234B; text-decoration:none }
.ux-menu-item-main > .current { background:#011a42 }
.ux-menu-link-hover { background:#02285e }
.current > ul { display:block!important; z-index:1 }
#main-nav ul li:hover ul { z-index: 2 }
/* submenu */
#main-nav ul ul { background:#011a42; top:45px!important }
#main-nav ul ul a { height:35px; line-height:35px }
#main-nav ul ul li { background:none!important; width:auto!important }
ul.ux-menu { min-height:45px; width:100% }
.ux-menu ul { left:0px!important; right:0px!important; width:100%!important }

#main-nav ul:hover ul { display:none!important }
#main-nav ul .current:hover ul, #main-nav ul .ux-menu-item-parent:hover ul { display:block!important }

.ux-menu ul a, .ux-menu.ux-menu-vertical a { border-right:0; background:url(../img/construct/submenu-divider.png) no-repeat right bottom }

/* header login section */
.login-header { float:left; padding-top:27px }
/* login button */
.header-login-link { float:left; height:27px; line-height:27px; padding:0 10px 0 10px; text-decoration:none!important; border:1px solid #fff; background:url(../img/construct/bg-opacity-30.png) }
.header-login-link span { display:inline-block; height:27px; line-height:27px; padding-left:20px;background:url(../img/icons/user-icon.png) no-repeat left top }
.header-login-link:hover { color:#fff; border:1px solid #78234b; background:#78234b }
.header-login-link:hover span { background:url(../img/icons/user-icon.png) no-repeat left bottom }
/* logout */
.login-header .login-greeting, .login-header .logout-button { float:left; padding:0; }
.login-header .login-greeting { font-weight:normal; line-height:27px; height:27px; }
.login-header .logout-button .button { padding-left:10px; line-height:26px; height:26px; border:none; background:none; color:#78234b; font-weight:700; cursor:pointer; }
.login-header .logout-button .button:hover { text-decoration:underline; }
/* edit profil button */
a.edit-profil { padding-left:10px; color:#78234b; font-weight:700 }

/* Header */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page teaser */

#page-teaser { padding-bottom:20px; background:url(../img/construct/bg-page-teaser.png) repeat-x top center  }
/* Teaser outer shadows */
.teaser-shadows { min-height:179px; background:url(../img/construct/bg-teaser-shadows.png) bottom center no-repeat }
/* Teaser content */
.teaser-con { position:relative; width:960px; margin:0 auto; height:170px; background-color:#fff }

/* Main site logo - in header */
.site-logo { position:absolute; left:1px; top:30px; }

/* Page teaser */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page content container */

#content-con { width:940px; margin:0 auto; padding-bottom:15px; text-align:left }

/* Content columns definition */
#content-right { width:215px }
#content-main { float:left }
#content-right { float:right }
#content-main { width:690px; min-height:350px; padding:0 0 40px }
#content-main p { line-height:18px }

/* Right content column */
#content-right .moduletable { padding-top:10px; padding-bottom:10px }
#content-right p { padding:0 10px!important; }
#content-right img { width:100%; height:auto!important; padding-bottom:10px }

/* Content page with only one content column */
.one-content-col #content-main { padding:0; padding-bottom:30px; width:100%; }

/* Left and Right content columns modules */
#content-con .moduletable { border:1px solid #fff; background:#f3f3f3; margin-bottom:20px }
#content-con .moduletable.side-menu { margin-bottom:10px; background:#233b78; border:none }
#content-con .moduletable.side-menu h3 { padding:5px 10px; font-size:11px; font-weight:700; color:#fff }
/* Menu module */
.side-menu ul { border:1px solid #fff; background:#f3f3f3; }
/* first menu level */
.side-menu ul > li a { padding-left:20px; background:url(../img/icons/bullet-side-menu-first-level.png) no-repeat 0 -1px; font-weight:700; font-size:13px }
.side-menu ul > li a:hover { background-color:#e6e8ec }
/* parent item */
.side-menu ul li.active.parent > a { background-color:#233B78; background-image:none; color:#fff }
.side-menu ul li.active.parent > a:hover { background-color:#233B78; color:#fff!important; cursor:default; text-decoration:none }
.side-menu ul li:first-child { border-top:none }
.side-menu ul li a { display:block; padding-top:10px; padding-bottom:10px; padding-right:5px }
/* Submenu */
.side-menu ul ul { border:none }
.side-menu ul li { border-top:1px dotted #929dba }
.side-menu ul li.active.parent > a { background-color:#233B78; background-image:none; color:#fff }
.side-menu ul li.active.parent > a:hover { background-color:#233B78!important; color:#fff!important; cursor:default; text-decoration:none }
.side-menu ul li li.active.current > a, .side-menu ul li li.active.current > a:hover { background-color:#e8e9ec!important; text-decoration:none; color:#142A60!important; cursor:default; }
/* Module add banner */
.moduletable h3 { padding:10px 20px; color:#585858 }
.moduletable.adds .banneritem a { display:block; margin-top:7px }
.moduletable.adds .banneritem img { display:block }
.moduletable.adds .banneritem a:first-child { margin-top:0px }
/* blue menu version */
.side-menu.blue-version > ul { background-color:#dee0e6; padding-top:0; padding-bottom:0 }
.side-menu.blue-version ul > li a:hover { background-color:#dfd2d8 }

/* Main content column */
.item-page h2 { font-size:22px; color:#233b78; padding:0 0 5px 0; margin-bottom:15px; border-bottom:1px solid #9aa3b9; font-weight:normal }


/* Page content container */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Footer logos */

#footer-logos { background:url(../img/construct/bg-footer-logos.jpg) }
#footer-logos .top-bg, #footer-logos .bottom-bg { height:9px }
#footer-logos .top-bg { background:url(../img/construct/bg-footer-logos-top.jpg) repeat-x }
#footer-logos .bottom-bg { background:url(../img/construct/bg-footer-logos-bottom.jpg) repeat-x }
#footer-logos .logos { position:relative; width: 960px; margin:0 auto; text-align:left }
#footer-logos .logos > div { width: 48% }
#footer-logos h3 { padding:10px; color:#142a60; border-bottom:1px dotted #142a60 }
#footer-logos .custom { padding: 10px 0 }
#footer-logos .custom p { padding-bottom:0 }

/* History back button */
.back-button { position:absolute; left:5px; top:-45px; background:none; border:none; font-weight:normal; color:#506480; cursor:pointer }
.back-button:hover { text-decoration:underline }

/* Footer logos */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page footer */

#footer { background:#fff; padding:20px 0 }
#footer .inner { width:960px; margin:0 auto; text-align:left }

/* footer logo */
#footer .logo { float:left; padding-right:25px; border-right:1px dotted #142a60 }

/* footer menu */
.footer-menu-infos { float:left; padding-left:15px }
.footer-menu { padding-top:4px }
.footer-menu li { float:left; padding:0 15px; border-left:1px solid #142A60 }
.footer-menu li:first-child { padding-left:0; border-left:none }
.footer-menu-infos, .footer-menu li a { font-size:12px }
.footer-menu-infos .contact-info { padding-top:30px; color:#494949 }
.footer-menu ul ul { display:none!important }
#footer .moduletable p { padding-bottom:none }

/* Page footer */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Form elements */

/* inputs, textarea */
#content-con input[type="email"], #content-con input[type="text"], #content-con input[type="password"], #content-con textarea { padding:7px 10px; background:#fff; border:1px solid #9aa3b8; color:#707070 }
#content-con input[type="email"]:focus, #content-con input[type="text"]:focus, #content-con input[type="password"]:focus, #content-con textarea:focus,
  #content-con input[type="text"]:hover, #content-con input[type="password"]:hover, #content-con textarea:hover, #content-con input[type="email"]:hover
{ border-color:#78234b; color:#78234b }

/* buttons */
#content-con input.button, #content-con button, .btn-normal { padding:7px 15px; background:#233b78; border:0px; font-weight:700; color:#fff; text-align:center }
#content-con input.button:hover, #content-con button:hover, .btn-normal:hover { background:#78234b; cursor:pointer; text-decoration:none; color:#fff; }

/* Form elements */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Login modul */

.login-inputs { padding:15px; background:#dcdfe4 }
.login-inputs input[type="text"], .login-inputs input[type="password"] { width:163px; margin-bottom:10px }

.login-inputs input.button { padding:7px 0; width:100% }

.login-links { padding:15px; color:#142a60 }
.login-links span { display:block; padding-bottom:2px }

/* Logged box */
.login-greeting { padding: 5px 20px 0; font-weight:700 }
.logout-button { padding: 20px }

/* Login modul */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Login page */

.item-page.login .label-row { padding-bottom:3px }
.login-fields { padding-bottom:10px }

/* Reset password */
#content-main ul.reset-pass { padding-left:0; list-style-type:none  }
#content-main ul.reset-pass li { padding-top:15px }

.item-page.reset dl { padding-bottom:15px }
.item-page.reset dl label { padding-bottom:3px; display:inline-block; }

.item-page.reset-confirm p, .item-page.reset-complete p { padding-bottom:20px }
.item-page.reset-confirm input { width:225px!important; }

.item-page button, .item-page.reset button, .item-page.reset-confirm button { margin-top:10px }

/* Login page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Members page */

#content-con .moduletable.members-intro-decs { border:none; background:none }
.members-intro-decs h3 { font-size:22px; color:#233b78; padding:0 0 5px 0; margin-bottom:20px; border-bottom:1px solid #9aa3b9 }

/* Member maps */
#image-area-con { position:relative; width:461px; height:224px; padding:5px 5px 5px 4px; background:url(../img/members-map/map-bg.png) 4px 5px no-repeat }

/* Map wrapper */
.member-areas section { padding: 25px 0 25px 105px }

/* backgrounds */
.member-areas.ba #image-area-con { background:url(../img/members-map/selected-ba.png) 4px 5px no-repeat }
.member-areas.tt #image-area-con { background:url(../img/members-map/selected-tt.png) 4px 5px no-repeat }
.member-areas.nr #image-area-con { background:url(../img/members-map/selected-nr.png) 4px 5px no-repeat }
.member-areas.tn #image-area-con { background:url(../img/members-map/selected-tn.png) 4px 5px no-repeat }
.member-areas.za #image-area-con { background:url(../img/members-map/selected-za.png) 4px 5px no-repeat }
.member-areas.bb #image-area-con { background:url(../img/members-map/selected-bb.png) 4px 5px no-repeat }
.member-areas.po #image-area-con { background:url(../img/members-map/selected-po.png) 4px 5px no-repeat }
.member-areas.ke #image-area-con { background:url(../img/members-map/selected-ke.png) 4px 5px no-repeat }

#image-area-basic { position:absolute; left:4px; right:5px; top:5px; bottom:5px; z-index:2 }
#area_image { position:absolute; left:4px; right:5px; top:5px; bottom:5px; z-index:1 }

/* highlight on mouse hover */
#area_image.member-map-ba { background:url(../img/members-map/hover-ba.png) center center no-repeat }
#area_image.member-map-tt { background:url(../img/members-map/hover-tt.png) center center no-repeat }
#area_image.member-map-nr { background:url(../img/members-map/hover-nr.png) center center no-repeat }
#area_image.member-map-tn { background:url(../img/members-map/hover-tn.png) center center no-repeat }
#area_image.member-map-za { background:url(../img/members-map/hover-za.png) center center no-repeat }
#area_image.member-map-bb { background:url(../img/members-map/hover-bb.png) center center no-repeat }
#area_image.member-map-po { background:url(../img/members-map/hover-po.png) center center no-repeat }
#area_image.member-map-ke { background:url(../img/members-map/hover-ke.png) center center no-repeat }

/* member list */
.member-areas { padding-bottom: 20px }
/* member item */
.member-list dl { background:#f3f3f3; margin:2px 0; padding: 5px 10px }
.member-list dl:hover { background:#fff }
.member-list dl dd { float:left; padding-top:3px }
.member-list dl dd img { max-width: 60px; max-height: 45px }
.member-list dl dt { font-size:12px }
.member-list dl dt h5 { font-weight:700 }
.member-list dl dt p { padding-bottom:0; color:#474747 }
.member-list dl dt a { float:right }

/* Members page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Guaranteed members page */

/* item on preview page */ 
.g-member { float:left; width:255px; height:255px; margin:9px; padding:20px; background:#fff }
.g-member .logo { height:180px; padding-bottom:20px; text-align:center; overflow:hidden }
.g-member .logo a { height:180px; line-height:180px }
.g-member img { width:70%; vertical-align:middle }
.g-member h4 { height:16px; font-size:14px; padding-bottom:5px }
.g-member p { height:40px; padding:0; font-size:12px; color:#575757; overflow:hidden; }
.g-members-spacer { padding-bottom:30px }

/* member detail page */
.g-members-detail .details { float:left; width:660px; }
.g-members-detail .contacts { float:right; width:250px; border:1px solid #fff; background:#F3F3F3 }
.g-members-detail .contacts .logo { background:#fff; padding:20px; margin-bottom:20px; text-align:center; }
.g-members-detail .contacts .logo img { width:80%; margin:0 }
.g-members-detail .contacts h3 { font-size:14px; font-weight:700; color:#233B78; padding:0 20px 15px }
.g-members-detail .contacts .contact-details { padding:0 20px 20px; }
.g-members-detail .contacts .back-button { padding:0 20px 30px; }
.g-members-detail .contacts .btn-normal:hover { color:#fff!important; }

/* Guaranteed members page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Category blog list */

.blog .items-leading .item { padding:20px; margin-bottom:20px; border:1px solid #fff; background:#fafafa }
/* Hide image in intro text */
.blog .items-leading .item p img { display:none; }
/* item title */
.blog .items-leading .item h2 { padding-bottom:6px }
.blog .items-leading .item h2 a { font-size:17px; font-weight:normal; color:#7c2424 }
/* article detail information - create date atc. */
.article-info { padding-bottom:25px; color:#6f7991; font-size:11px }
.blog .items-leading .item .article-info { padding-bottom:10px }
.article-info dd.category-name { display:inline-block; }
.article-info dd.create { float:right; }
/* read more link */
.blog .items-leading .item .readmore { padding-top:10px }
.blog .items-leading .item .readmore a { display:inline-block; line-height:18px; height:18px; padding-left:24px; background:url(../img/icons/read-more.png) left top no-repeat }
.blog .items-leading .item .readmore a:hover { background:url(../img/icons/read-more.png) left bottom no-repeat }

/* remove number of comments from item */
.blog .items-leading .articleMeta { display:none; }

/* Custom layout for content with only one content col */
.one-content-col .blog .items-leading .item { width:410px; height:195px; float:left; margin: 9px }
/* Item custom definition */
.one-content-col .blog .items-leading .item .article-wrapper { height:140px; overflow:hidden }
.one-content-col .blog .items-leading .item .readmore { padding-top:15px }
/* Hide content image for intro text */
.one-content-col .blog .items-leading .item .article-wrapper p:first-child { padding-top:5px }
.one-content-col .blog .items-leading .item .article-wrapper p:first-child .podnadpismodry { padding-top:0 }
.one-content-col .blog .items-leading .item img { display:none!important }
.one-content-col .blog .items-leading .item .img-intro-right img,
  .one-content-col .blog .items-leading .item .img-intro-right img { display:block!important }


/* Category blog list */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Social media - share buttons / on article detail page */

.social-share-buttons-share { margin:0 -10px; padding: 10px 10px 2px; background:#f3f3f3 }

/* Social media - share buttons / on article detail page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Content elemets */

/* images in main article content */
.article-detail-content { padding-bottom:30px }
.article-detail-content img, .g-members-detail img { margin:25px; margin-top:5px; padding:5px; background-color:#fff }

/* teaser images */
.img-intro-right { float:right; margin:0 0 15px 15px } 
.img-intro-left { float:left; margin:0 15px 15px 0 }
.img-intro-right, .img-intro-left { width:120px; border:3px solid #ebebeb }
.img-intro-right img, .img-intro-left img { width:100%; display:block }

/*  Content elemets */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Article comments */

/* articel container */
#udjaCommentsWrapper { display:none; padding-top:0px; }

/* container title */
h3.commentsTitle { padding-bottom:5px; margin-bottom:15px; padding-top:30px; font-size: 14px; color:#3c3c3c; border-bottom:1px dotted #919191 }

/* comment form */
.name-email-wrapper, .comment-wrapper { padding-bottom:15px }
.name-wrapper { float:left; width:40%; }
.email-wrapper { float:left; width:40%; }
.name-email-wrapper input, .comment-wrapper input { width:207px; }
.comment-wrapper textarea { width:665px; }
.commentFields label { display:block; padding-bottom:5px }

/* comment item */
#content-main ul.parentLayer { padding-top:25px; margin-top:15px; padding-bottom:0; padding-left:0; border-top:1px dotted #919191; list-style:none }
.parentLayer li { margin-bottom:10px; border-left:3px solid #78234b; padding:15px 20px!important; background:#fff; }
.commentDetails .commentby, .commentDetails .commentName { display:inline; color:#787878; font-weight:700 }
.commentDetails .commentDate { float:right; color:#787878; }
.commentDetails .clear { height:5px; }
.commentDetails p { padding-bottom:0; font-size:14px }

/*  Article comments */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Sitemap */

#xmap > ul { padding-left:10px!important; }
#xmap ul { padding-bottom:0!important }
#xmap > ul > li > a { font-weight:700 }

/*  Sitemap */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Search page */

#search-page .search { height:auto; width:auto; float:none; background:none; padding-bottom:30px }
.search-box label { padding-bottom:5px; display:block; }
#search-page .button-search { padding:15px 0; }
#searchForm { padding-bottom:20px }

/* search results */
.result-title a { font-weight:700 }
.result-text { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #787878 }

/* Search page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Pagination */

.pagination { padding-top:25px; text-align:center }
.pagination .counter { display: none }
#content-main .pagination ul { padding:0; margin:0 }
#content-main .pagination ul li { display:inline-block }

.pagenav { margin:0 5px; display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; border:1px solid #142A60 }
a.pagenav:hover { background:#78234B; color:#fff!important; text-decoration:none; border:1px solid #78234B } 
.pagination-start .pagenav, .pagination-prev .pagenav,
  .pagination-next .pagenav, .pagination-end .pagenav 
{ border:none; width:auto; margin:0 8px; }
.pagination-start .pagenav:hover, .pagination-prev .pagenav:hover,
  .pagination-next .pagenav:hover, .pagination-end .pagenav:hover
{ background:none; text-decoration:underline; color:#78234B!important; border:none }
/* current page */
span.pagenav { background:#142A60; color:#fff }
#content-main .pagination-start span.pagenav:hover,
  #content-main .pagination-prev span.pagenav:hover,
  #content-main .pagination-next span.pagenav:hover,
  #content-main .pagination-end span.pagenav:hover { text-decoration:none!important; color:#4B4B4B!important }
/* override inactive styles */
.pagination-start span.pagenav, .pagination-prev span.pagenav,
  .pagination-next span.pagenav, .pagination-end span.pagenav 
{ background:none; color:#4b4b4b; }

/*  Pagination */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  EMPLOYEES page */

.employees { text-align:center; }

/* divider */
.employees article.novy-riadok { clear:both }

.employees article.zahlavie { padding-bottom:5px; padding-top:20px; text-align:left; }
.employees article.zahlavie:first-child { padding-top:0 }
.employees article.zahlavie header { font-size:18px; color:#233b78; padding:0 0 5px 0; margin-bottom:15px; border-bottom:1px solid #9aa3b9; font-weight:normal }

.employees article.bunka-jedna-v-riadku, .employees article.bunka-dve-v-riadku, .employees article.bunka-tri-v-riadku { width:180px; height:235px; padding:10px; margin:10px; display:inline-block; background:#F3F3F3; overflow:hidden }
.employees article.bunka-jedna-v-riadku header, .employees article.bunka-dve-v-riadku header, .employees article.bunka-tri-v-riadku header { padding-bottom:5px; font-size:13px; color:#233B78; font-weight:700 }
.employees article .position { display:block; padding-bottom:15px; font-size:11px; color:#282828; font-weight:700 }
.employees article .photo { display:block; padding-bottom:10px }
.employees article img { height:120px; }
.employees article .desc { font-size:11px; color:#606060; }
.employees article .desc p { line-height:14px!important }

/*  EMPLOYEES page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  PROFIL EDIT page */

.profile-edit dt { padding-bottom:5px }
.profile-edit dd { padding-bottom:15px }

/*  PROFIL EDIT page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
/*  OUR TEAM page */

.our-team article .photo { float:left; width:130px; }
.our-team article .photo img { width:100%; }
.our-team article .desc { float:right; width:498px; }
.our-team article .desc h4 { padding-bottom:5px; color: #7C2424; font-size: 18px; font-weight: normal }
.our-team article .position { padding-bottom:15px; font-size:15px; color:#494949 }

/*  OUR TEAM page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
/*  CONTACT page */

.contact-left { float:left; width:200px; }
.contact-right { float:right; width:450px; }

/*  CONTACT page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/