html { font-size: 100.01%; }
body {
  font-size: 75%;
  color: #414141;
  background: #fff;
  text-align: center;
  background: #e0e4ea url('../images/bg.gif') repeat-x;
  font-family: Arial, sans-serif;
  margin: 0;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #414141; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; color: #2e3292; }
h3 { font-size: 1.35em; line-height: 1.3; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('/fonts/aller/aller_rg-webfont.eot');
	src: local('☺'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#webfont9nvddGHj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerBold';
	src: url('/fonts/aller/aller_bd-webfont.eot');
	src: local('☺'), url('/fonts/aller/aller_bd-webfont.woff') format('woff'), url('/fonts/aller/aller_bd-webfont.ttf') format('truetype'), url('/fonts/aller/aller_bd-webfont.svg#webfontjSCGeVWI') format('svg');
	font-weight: normal;
	font-style: normal;
}

.Aller {font-family: 'AllerRegular', arial, serif; }
.Aller-Bold {font-family: 'AllerBold', arial, serif; font-weight: bold;}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }

/* Link 
-------------------------------------------------------------- */
a {text-decoration: underline; color: #910f1b;}
a:hover {text-decoration: none;}
a img {border: 0;}

/* Lists
-------------------------------------------------------------- */
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: square; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */
table { border: 1px solid #d9d9d9; border-collapse: collapse; font-size: 1em; margin-bottom: 1.4em; }	
th, td { padding: 5px 10px; vertical-align: center; text-align: left; border: 1px dotted #d9d9d9; }
th { background: #ececec; color: #414141; }


/* Code and such */
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr {display: none;}

/* Layout design
-------------------------------------------------------------- */                                                                
#cms_container {width: 1028px; margin: 0 auto; text-align: left; position: relative;}

#cms_header {height: 120px; padding: 0 20px; position: relative;}
#cms_header h1 {overflow: hidden; position: absolute; top: 24px; width: 306px; height: 68px; margin: 0;}
#cms_header h1 span {display: block; width: 306px; height: 68px; left: 0; top:0; position: absolute; background-image: url('../images/logo_suip.gif');}
#cms_header ul, #cms_header li {margin: 0; padding: 0; list-style-type: none;}
#cms_header ul {float: right; margin: 89px 0 0 0;}
#cms_header li {float: left;}
#cms_header li a {float: left; text-transform: uppercase; text-decoration: none; height: 31px; line-height: 31px; color: #FFF;}
#cms_header li a.active {color: #17185b;}
#cms_header li a.mapa-stranek {width: 75px; color: #17185b; background: url('../images/handle-sitemap.gif') top left no-repeat; padding: 0 0 0 21px;}
#cms_header li a.kontakt {width: 72px; background: url('../images/handle-contact.gif') top left no-repeat; padding: 0 0 0 17px;}

#cms_top {height: 90px; padding: 0 20px;}
#cms_top .right {float: right; width: 237px; height: 90px;}

.focus {left: 20px; position: absolute; top: 95px;}
.focus a, .focus span {left: 0; position: absolute; top: -150px; white-space: nowrap; z-index: -10;}
.focus a:focus, .focus a:active {background: #FFFFFF; padding:2px 5px 4px 6px; top: -10px; z-index: 2;}

#top_menu_box {float: left; width: 751px; padding: 0; overflow: hidden;}
#top_menu_box .row {float: left;} 
#top_menu_box .middle {margin: 0 57px 0 70px;}
#top_menu_box ul, #top_menu_box li {margin: 0; padding: 0; list-style-type: none;}
#top_menu_box li {background: url('../images/circle.gif') center left no-repeat; margin: 8px 0 7px 0;}
#top_menu_box li a {padding: 0 0 0 13px; text-decoration: none; color: #FFF; text-shadow: 0px 1px 1px #505050;}
#top_menu_box li.active a {color: #acaeea;}

#top_search_box {width: 185px; height: 43px; padding: 0 0 0 52px; background: url('../images/handle-white.gif') top left no-repeat; float: right;}
#top_search_box form {margin: 17px 0 0 0;}
#top_search_box .input {width: 135px; border: 0; padding: 0; color: #b8b7b7;}
#top_search_box .submit {color: #657fb8; border: 0; background: 0; cursor: pointer; cursor: hand; width: 30px;}

#top_language_box {height: 47px;}
#top_language_box ul, #top_language_box li {margin: 0; padding: 0; list-style-type: none;}
#top_language_box ul {float: right; margin: 18px 0 0 0;}
#top_language_box li {float: left; margin: 0 0 0 7px;} 
#top_language_box li a {float: left; display: block; width: 16px; height: 11px; text-indent: -2000px; overflow: hidden; background-image: url('../images/flag.gif');}
#top_language_box li .fr {background-position: -144px 0;}
#top_language_box li .ru {background-position: -128px 0;}
#top_language_box li .cz {background-position: -112px 0;}
#top_language_box li .en {background-position: -96px 0;}
#top_language_box li .pl {background-position: -80px 0;}
#top_language_box li .ua {background-position: -64px 0;}
#top_language_box li .de {background-position: -48px 0;}
#top_language_box li .bg {background-position: -32px 0;}
#top_language_box li .ro {background-position: -16px 0;}
#top_language_box li .vn {background-position: 0 0;}

#cms_content {background: url('../images/bg_content.gif') repeat-y;}
#cms_content .top {background: url('../images/bg_content_top.gif') top left no-repeat;}
#cms_content .bottom {background: url('../images/bg_content_bottom.gif') bottom left no-repeat; padding: 12px 32px 32px 32px;}
#cms_content .left {float: left; width: 224px;}
#cms_content .left h3 {height: 37px; line-height: 37px; padding: 0 0 0 16px; margin: 0; text-transform: uppercase; font-size: 1.2em;}
#cms_content .left ul, #cms_content .left li {margin: 0; padding: 0; list-style-type: none;}
#cms_content .right {float: right; width: 724px;}

#cms_footer {background: url('../images/bg_foot.gif') top left repeat-x; margin: 0 0 16px 0; height: 178px; color: #859de2; font-weight: bold;}
#cms_footer a {font-weight: bold; color: #FFF;}
#cms_footer .left, #cms_footer .right {height: 92px; width: 501px; padding-top: 86px;}
#cms_footer .right {width: 401px;}
#cms_footer .left {background: url('../images/bg_foot_left.gif') top left no-repeat; float: left; padding-left: 63px;}
#cms_footer .left p {margin: 0;}
#cms_footer .right {background: url('../images/bg_foot_right.gif') top right no-repeat; float: right; padding-right: 63px;}
#cms_footer .right ul, #cms_footer .right li {list-style-type:none; margin: 0; padding: 0;}
#cms_footer .right ul {float: right;}
#cms_footer .right ul li {background: url('../images/bg_foot_sep.gif') left 3px no-repeat; float: left; margin:0; padding: 0 8px;}
#cms_footer .right a {color: #FFF !important; text-decoration: underline !important;}
#cms_footer .right ul li.first {background: 0; padding-left:0;}

#left_menu_box {margin: 0 0 12px 0; background: #859de2 url('../images/corner-bottom-lightblue.gif') bottom left no-repeat;}
#left_menu_box h3 {color: #2e3192; background: #FFF url('../images/handle-lightblue.gif') top left no-repeat;}
#left_menu_box ul {background: url('../images/corner-lightblue.gif') top right no-repeat;}
#left_menu_box ul li {background: url('../images/line-lightblue.gif') repeat-x; display: block;}
#left_menu_box ul li.first {background: none;}  
#left_menu_box ul ul li {background: url('../images/line-lightblue.gif') repeat-x !important;}                                                                   
#left_menu_box a {display: block; color: #FFF; padding: 6px 10px 6px 0; display: inline-block; font-size: 1.1em;}
#left_menu_box ul li a {background: url('../images/arrow-lightblue-black.gif') 16px center no-repeat; padding-left: 31px; text-decoration: none;}
#left_menu_box ul ul li a {background: url('../images/arrow-lightblue-white.gif') 26px center no-repeat; padding-left: 38px; text-decoration: none; font-size: 0.95em;}
#left_menu_box ul li a:hover {text-decoration: underline;}
#left_menu_box ul li a.active, #left_menu_box ul ul li a.active {color: #2e3192; font-weight: bold;}
#left_menu_box ul ul.closed {display: none;}
#left_menu_box ul ul.opened {display: block;}
#left_menu_box ul ul {background: #859de2;}

#left_warning_box {margin: 0 0 12px 0; background: #910f1b url('../images/corner-bottom-red.gif') bottom left no-repeat;}
#left_warning_box h3 {color: #FFF; background: #FFF url('../images/handle-red.gif') top left no-repeat;}
#left_warning_box ul {background: url('../images/corner-red.gif') top right no-repeat;}
#left_warning_box ul li, #left_warning_box ul ul li {background: url('../images/line-red.gif') repeat-x;}
#left_warning_box ul li.first {background: none;}  
#left_warning_box ul ul li {background: url('../images/line-red.gif') repeat-x !important;}                                                                   
#left_warning_box a {color: #FFF; padding: 6px 10px 6px 0; display: inline-block; text-decoration: none; font-size: 1.1em;}
#left_warning_box a:hover {text-decoration: underline;}
#left_warning_box ul li a {background: url('../images/arrow-red.gif') 16px center no-repeat; padding-left: 31px;}

#left_poll_box {margin: 0 0 12px 0;}
#left_poll_box .box_bottom {background: url('../images/corner-bottom-red-border.gif') bottom left no-repeat;}
#left_poll_box .box {background: url('../images/red-border.gif') top left repeat-y;}
#left_poll_box h3 {color: #000; background: url('../images/handle-red-border.gif') top left no-repeat;}
#left_poll_box #poll_box {background: url('../images/corner-red-border.gif') top right no-repeat;}


#poll_box {padding: 10px 16px; color: #000;}
#poll_box p {margin: 0 0 0.8em 0;}
#poll_box a {color: #910F1B;}

#left_link_box {margin: 0 0 12px 0; background: #2e3192 url('../images/corner-bottom-blue.gif') bottom left no-repeat;}
#left_link_box h3 {color: #859de2; background: #FFF url('../images/handle-blue.gif') top left no-repeat;}
#left_link_box ul {background: url('../images/corner-blue.gif') top right no-repeat;}
#left_link_box ul li, #left_link_box ul ul li {background: url('../images/line-blue.gif') repeat-x;}
#left_link_box ul li.first {background: none;}  
#left_link_box ul ul li {background: url('../images/line-blue.gif') repeat-x !important;}                                                                   
#left_link_box a {color: #FFF; padding: 6px 10px 6px 0; display: inline-block; text-decoration: none; font-size: 0.95em;}
#left_link_box a:hover {text-decoration: underline;}
#left_link_box ul li a {background: url('../images/arrow-blue.gif') 16px center no-repeat; padding-left: 31px;}

#mapa-cr {width: 724px; height: 299px; position: relative; margin: 0 0 10px 0; line-height: normal; background-image: url('../images/mapa.jpg');}

.mapa-00 {background-position: 0 0;}
.mapa-01 {background-position: 0 -299px;}
.mapa-02 {background-position: 0 -598px;}
.mapa-03 {background-position: 0 -897px;}
.mapa-04 {background-position: 0 -1196px;}
.mapa-05 {background-position: 0 -1495px;}
.mapa-06 {background-position: 0 -1794px;}
.mapa-07 {background-position: 0 -2093px;}
.mapa-08 {background-position: 0 -2392px;}
.mapa-09 {background-position: 0 -2691px;}


.oblast {position: absolute;}
.mapa-nic {position: absolute; top: 0; left: 0px; border: 0;}

h2.news {color: #FFF; height: 53px; line-height: 53px; background: #2e3192 url('../images/bg_h2_left.gif') top left no-repeat;}
h2.news span {display: block; background: url('../images/bg_h2_right.gif') top right no-repeat; padding: 0 0 0 18px;}

/* Fotogalerie
-------------------------------------------------------------- */
#gallery_box .gallery_thumbs {line-height: normal;} 
#gallery_box .gallery_thumb_img a {display: inline-block;}
#gallery_box .gallery_thumb_name a {font-size: 0.8em;}
#gallery_box .gallery_thumb_img a img {vertical-align: top;}
#gallery_box .gallery_thumbs .small {height: auto;}
#gallery_box .gallery_thumb_name {height: 90px;}
#gallery_box .gallery_thumb_img {height: 126px;}    
#gallery_box .gallery_thumbs {margin: 1em 0;}
.GB_header .caption {font-size: 1em !important;}

/* Cesta - drobečková navigace
-------------------------------------------------------------- */
#path {font-size: 0.9em;}


#post_box {padding: 0;}
#post_box .article_content {line-height: 1.4;}               
#post_box .article_content .text {font-size: 1em;}       

#post_box .preview_article .preview_datecreated {background: url('../images/calendar.gif') no-repeat;
color: #333333; display: block; font-size: 0.9em; font-weight: bold; height: 35px; float: left; overflow: hidden; padding: 15px 10px 10px 0; text-align:center; width:46px;}             
#post_box .preview_article .tray { color: #2e3192; font-size: 0.9em; } /* barva fontu, ktere bude mit datum */
#post_box .preview_article { background: 0; border-bottom: #d0d0d0 solid 1px; padding: 0;} /* jak vypada clanek*/
#post_box .preview_article .preview_text p { font-size: 1em; }
#post_box .preview_article .link_to_full_article {margin: 0 0 10px 0;}
#post_box .preview_article .right-text {float: right; width: 668px;}

#search_form_results p {background: #ECECEC;}

#download_files ul, #download_files ul li, .download_files ul, .download_files ul li {list-style-type: none; padding: 0;}
#download_files ul li, .download_files ul li {border-bottom: #d0d0d0 solid 1px; padding: 10px 0; }

#rss_box .item {padding: 0 0 0 39px; background: url('../images/rss.gif') 5px 0 no-repeat;}

/* anketa */
#poll_results li {font-size: 0.917em; margin-bottom: 8px !important;}

/* grid */
.clearfix {zoom:1;}
.clearfix:after {display:block; width:0; height:0; visibility: hidden; clear:both; font-size:0; line-height:0; content:".";}


/* Accordian */
.faq {
	margin: 0 0 1rem 0;
}

.faq div.q {
	cursor: pointer;	
}

.faq div.q i {
	margin: 0 0.5rem 0 0;
}

.faq div.q:not(:first-of-type) {
	margin: 1rem 0 0 0;
}

.faq div.a {
    display: none;
	margin: 0.5rem 0 0 0;
}