@import url("templates.css");
/********************** LAYOUT WEBu ************************/
body { font-family: 'Roboto', sans-serif; font-size: 11px; margin: 0px; color: #86939B; background: #FFFFFF; }
#page { position: relative; /*width: 950px; height: 500px; margin-left: auto; margin-right: auto; background: #FFFFFF;*/ }
#Cast_01 { height: 160px; width: 1270px; background-image: linear-gradient(to bottom,#4A83C2,#7AA4D2); margin-left: auto; margin-right: auto;}
#Cast_011 { width: 1270px; height: 65px; background-image: linear-gradient(to bottom,#F9FBFD,#E6EEF6);  z-index: 200; margin-left: auto; margin-right: auto;}
#Cast_02 { display: none;}
#Cast_03 { width: 1270px;  border: 0px solid green; min-height: 100px; background:  #EFF4FA; margin-left: auto; margin-right: auto;}
#Cast_04 {display: none;}
#Cast_05 { width: 1270px; height: 120px; border: 0px solid blue; background-image: linear-gradient(to bottom,#4A83C2,#7AA4D2); margin-left: auto; margin-right: auto;}

.homepage #Cast_02 { width: 1270px; display: block; height: 400px; border: 0px solid green; background:  #EEF1F6;  margin-left: auto; margin-right: auto;}
/*.homepage #Cast_04 { min-width: 1270px; display: block; min-height: 100px; border: 0px solid yellow; background: #EFF4FA; }*/

/********************** BASIC SETTINGS ************************/
a img {border: 0px; padding: 0px 20px 0xp 0px;}
a.itemlink  { text-decoration: none; color: #63C4FB; }
a.itemlink:hover { text-decoration: underline; }
h1 { color: #4A83C2; font-size: 24px; font-family: 'Roboto Condensed', sans-serif;}
h2 { color: #63C4FB; font-size: 18px; font-family: 'Roboto Condensed', sans-serif;}
h3 { color: #63C4FB; font-size: 16px; font-family: 'Roboto Condensed', sans-serif;}

img.anotace.left{margin-right:5px; float:left;}
img.anotace.right{margin-left:5px; float:right;}
img.flagsmall { height: 14px; width: 21px; }
img#questsiimage { position: relative; height: 60px; float: right; right: 280px; }

#captcha { width: 700px; }
#captcha a { color: #4A83C2; text-decoration: none; }
#captcha a:hover { color: #2A2F34; text-decoration: underline; }
#captcha_new { float: right; }

#mailform .invalid { border: 1px solid #FF7F66; background-color: #C4C8C9; }
#mailform h7 { color: #FF7F66; }

/***************************************************/
/********************** TOP ************************/
/***************************************************/
#top { position: relative; width: 1270px; height: 10px;  /*background: url(../images/bg_top.jpg) bottom repeat-x;*/ }
#top #logo_box { float: left; width: 218px; height: 93px; background: url(../images/bg_logo.jpg) repeat-x; }
#top #logo {position: absolute;left: 40px;top: 40px;}
#top #logo_box #logo_title { position:absolute; left:78px; top:55px; text-transform:uppercase; font-size:6pt;letter-spacing:5px;color: #BFBFBF;}
#top #top_line { position: absolute; width: 732px; height: 0px; background-color: #4A83C2; bottom: 0px; right: 0px; }

#welcome_txt  {position: absolute; text-align: right; left: 500px; top: 60px; width: 450px; text-align: center;
              line-height: 1.3; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; color: #FFFFFF; text-transform:uppercase;}

/********************** BANNER - pouze na HomePage ************************/
#banner { position:relative; height: 400px; width: 1270px; margin-left: auto; margin-right: auto; }
#banner .slideshow { border: 0px solid red; position: relative; display:block; /*left: 0px;*/ float: center; overflow: hidden; width: 1270px; height: 400px; }
#banner .slideshow #slider { position: relative; width: 10800px; height: 400px; }

#slideshow-img-1 { position: absolute; top: 0px; left: 0px; }
#slideshow-img-2 { position: absolute; top: 0px; left: 1270px; }
#slideshow-img-3 { position: absolute; top: 0px; left: 2540px; }
#slideshow-img-4 { position: absolute; top: 0px; left: 3810px; }
#slideshow-img-5 { position: absolute; top: 0px; left: 5080px; }
#slideshow-img-6 { position: absolute; top: 0px; left: 6350px; }
#slideshow-img-7 { position: absolute; top: 0px; left: 7620px; }
#slideshow-img-8 { position: absolute; top: 0px; left: 8890px; }
#slideshow-img-9 { position: absolute; top: 0px; left: 10160px; }
#slideshow-img-10 { position: absolute; top: 0px; left: 11430px; }
#slideshow-img-11 { position: absolute; top: 0px; left: 12700px; }
#slideshow-img-12 { position: absolute; top: 0px; left: 13970px; }
#slideshow-img-13 { position: absolute; top: 0px; left: 15240px; }
#slideshow-img-14 { position: absolute; top: 0px; left: 16510px; }
#slideshow-img-15 { position: absolute; top: 0px; left: 17780px; }
#slideshow-img-16 { position: absolute; top: 0px; left: 19050px; }
#slideshow-img-17 { position: absolute; top: 0px; left: 20320px; }

#prevslide { height: 52px; width: 52px; background: url(../images/back.png) no-repeat; cursor: pointer; position: absolute; left: 1050px; top: 200px;
             border: 1px solid #4A83C2; }
#prevslide:hover {border: 1px solid #C0C1BF; background: url(../images/back_hover.png) no-repeat;}

#nextslide { height: 52px; width: 52px; background: url(../images/more.png) no-repeat; cursor: pointer; position: absolute; left: 1120px; top: 200px;
             border: 1px solid #4A83C2; }
#nextslide:hover {border: 1px solid #C0C1BF; background: url(../images/more_hover.png) no-repeat;}

/********************** MENU ************************/
#menu { margin-left: 30px;   }
#menu a { padding-top: 20px; vertical-align: bottom; height: 45px; float: left;  padding-left: 20px;  padding-right: 20px; text-align: center; font-weight: normal; font-size: 21px;
        text-transform: uppercase; text-decoration: none; border-right: 1px solid #7AA4D2; color: #3679BB; font-family: 'Roboto Condensed', sans-serif;}
#menu a:hover {color: #FFFFFF; background: url(../images/menu_hover.png) bottom no-repeat #79C3EE;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
#menu a:selected {color: #4A83C2; background: url(../images/menu_hover.png) bottom no-repeat;}

/*********************************************************************/
/********************** MIDDLE CONTENT OF WEB ************************/
/*********************************************************************/
#middle { width: 1270px; display: block; /*min-height: 250px;*/ padding-bottom: 0px; margin-left: auto; margin-right: auto; }

/********************** LEFT (MAIN) ************************/
#left { float: left; display: block; /*width: 1152px; min-height: 200px; */ padding: 20px; }
#left_item { float: left; min-height: 470px; _height: 470px; padding-left: 24px; padding-top: 12px; }
#left .item { padding-left: 20px; padding-right: 10px; padding-bottom: 35px; text-align: justify; }
#left .item img { display: block; border: 1px solid #D6D7D8; }
#left .item .text { float: left; margin-left: 15px; width: 390px; line-height: 1.3; }
#left .padd { width: 250px; padding: 0px 10px 0px 20px; }
.homepage #left { float: center; }

/********************** RIGHT (SECONDARY) ************************/
#rightimg { position: absolute; right: 20px; bottom: 25px; width: 10px; z-index: -1; }

#right { float: right; width: 0px; height: 0px; /* background: url(../images/bg_right.jpg) repeat-x; color: #7E7E7E; /*padding-bottom: 200px;*/ }
#right .h1 {margin-bottom: 12px;}
#right .padd {padding: 0px 15px 0px 15px;}
#right p {margin-top: 10px;margin-bottom: 20px;line-height: 1.5;text-align: justify;}
#right .navigation {padding: 0px 3px 0px 5px;}
#right .navigation ul {margin-left: 0px; padding-left:10px; }
#right .navigation a {color: #626262; text-decoration:none;}
#right .navigation a:hover {text-decoration: underline;}
#right .navigation .selected {color: #63C4FB;}
#right li { line-height: 1.5; list-style:none; margin-bottom:10px; margin-top:5px; padding-left:20px; padding-right:3px; background: url(../images/li.jpg) 0px 0px no-repeat;
            color: #626262; font-weight:bold; }
#right ul ul li { font-size: 10px; font-weight: normal;	text-decoration: none;	background: url(../images/li.jpg) 0px 4px no-repeat;	color: #626262;	}
#right .decor { position: absolute; bottom: 20px; right: 0px; width: 316px; height: 232px; margin-top: 100px; background: url(../images/decor.jpg) no-repeat; }

.homepage #right { display: none; width: 0px;}
.homepage #right .padd {padding: 0px 0px 0px 0px;}

/******************************************************/
/********************** FOOTER ************************/
/******************************************************/
#footer { bottom: 0px; width: 1200px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; font-size: 10px; }
#footer .navigation{ position: relative; top: 20px; color: #FFFFFF; font-size: 20px; width: 1000px;}
#footer .navigation a { color: #FFFFFF; text-decoration: none; font-family: 'Roboto Condensed', sans-serif;}
#footer .navigation a:hover { text-decoration: underline; color: #A8D1FE; }
#footer .divider { margin-left: 6px; margin-right: 6px; }

.copyright { position: relative; top: 30px; font-size: 16px; padding-top: 10px; color: #FFFFFF; width: 800px;}
.copyright:hover { text-decoration: none; color: #A8D1FE; }

#social_net { position: relative; top: 0px; width: 200px; height: 50px; float: right; right: 0px; }

#s_1, #s_2, #s_3, #s_4 { padding-right: 10px; height: 36px; width: 36px; cursor: pointer; display: inline-block;}
#s_1 {background: url(../images/icons/soc_fb.png) no-repeat;}
#s_2 {background: url(../images/icons/soc_ln.png) no-repeat;}
#s_3 {background: url(../images/icons/soc_tw.png) no-repeat;}
#s_4 {background: url(../images/icons/soc_g+.png) no-repeat;}
#s_1:hover {background: url(../images/icons/soc_fb_hover.png) no-repeat; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
#s_2:hover {background: url(../images/icons/soc_ln_hover.png) no-repeat; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
#s_3:hover {background: url(../images/icons/soc_tw_hover.png) no-repeat; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
#s_4:hover {background: url(../images/icons/soc_g+_hover.png) no-repeat; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}

/********************** FOTOGALERIE ************************/
.thumb { width: 270px;  height: 180px; border: 1px solid #4A83C2; margin: 13px; overflow: hidden; display: block; float: left; }
.thumb:hover { border: 1px solid #FFFFFF; }
.thumb img { width: 270px; }

/********************** IKONY FAST LINKS ************************/
#fast_links { float: right; padding-top: 10px; padding-bottom: 8px; padding-right: 20px; display:block;}
#fast_links a img { padding-right: 8px; }

.homepage #fast_links {margin-left:0px; }

/********************** LOGIN ************************/
#login { width: 210px; }
#login_form { margin-left: 100px; border: 1px solid #C8D8E8; padding: 15px; background-color: #F8FAFD; width: 300px;}
#login_form label{ display: block; color: #63C4FB; margin-top: 0px; margin-bottom: 5px; }
#login_form input { height: 15px; font-size: 10px; border-top: 2px solid #4A83C2; border-left: 2px solid #4A83C2; border-right: 1px solid #4A83C2;
                    border-bottom: 1px solid #4A83C2; background: #F3F3F3; width: 280px; }
#login label { display: block; color: #63C4FB; margin-top: 5px; margin-bottom: 5px; }
#login_reglink { color: rgb(85, 197, 208); text-decoration: none; }
#login input { height: 15px; font-size: 10px; border-top: 2px solid #717171; border-left: 2px solid #717171; border-right: 1px solid #B4B4B4;
               border-bottom: 1px solid #B4B4B4; background: #F3F3F3; width: 280px; }
#login .submit { position: relative; cursor: pointer; width: 11px; height: 6px; top: 0px; left: 3px; background: url(../images/lock.png) no-repeat; border: 0px; }

/********************** LOGIN_INFO ************************/
#logininfo { font-size: 10px; float: right; display: block; padding-top: 10px; padding-right: 20px; /*width: 400px;*/ }
#logininfo {color: #FFBB54; text-decoration:none}
#logininfo:hover {color: #A8D1FE; text-decoration:none}

#logininfo td {padding-right: 10px;}
#logininfo .user {	font-size: 11px;	font-weight: bold; }
#logininfo .label {font-size:10px; margin-right:5px;}
#logininfo table,#login_info td, #login_info tr { background-color: #FFFFFF; }

/********************** LANG ************************/
#lang_flags { padding: 2px 5px 2px 5px; position: absolute; top: 5px; right: -10px; height: 20px; font-size: 10px; z-index: 2; }
#lang_flags div.flagdiv { display: inline-block; width: 30px; border: 0; position: relative; }
#lang_flags img.flag { height: 14px; width: 21px; border: 3px solid white; }
#lang_flags img.activelang { border: 3px solid #72706F; !important; }

#lang_text { float: left; padding-top: 10px; padding-left: 20px; height: 15px; font-size: 10px; z-index: 2000; }
#lang_text a.selected { font-weight: bold; }
#lang_text a { text-decoration: none;  margin-right: 20px;  padding-left: 7px;  color: #FFFFFF;  background: url(../images/arrow_right.png) 0px 5px no-repeat;}
#lang_text a:hover {color: #A8D1FE; text-decoration: underline;}

/********************** TOPINFO ***********************/
#topinfo { padding-bottom: 0px; font-weight: bold; color: #4A83C2; border-bottom: 0px solid #FFFFFF; background-color: #C0C1BF; }
#topinfo div.inner { width: 1270px; margin-left: auto; margin-right: auto;  padding: 3px 10px 3px 10px;  white-space: nowrap; }
#topinfo #topslider { display: inline-block; overflow: hidden; position: absolute; width: 1050px; float: left; margin-left: 10px; }
#topinfo #topslidercontent { position: absolute; top: 0px; left: 0px; }
#topinfo a { background: url('../images/li2.jpg') left 5px top 3px no-repeat; padding-left: 20px; padding-right: 5px; display: inline-block; color: #4A83C2; /*text-decoration: none;*/ }
#topinfo a:hover { color: #FFFFFF; text-decoration: none; }
#topinfo img { margin-left: 10px; margin-right: 10px; }

/**************************************** SITEMAP ************************/
.sitemap { font-size: 12px; line-height: 18px; color: #3A3E43; text-transform: uppercase; }
.sitemap ul li { padding-left: 20px; list-style: none; font-weight: bold; background: url(../images/li2.jpg) 3px no-repeat;}
.sitemap a { margin-left: 10px; color: #86939B; text-decoration: none; }
.sitemap a:hover { color: #A8D1FE; text-decoration: underline; }

/********************** SEARCH FORM + RESULTS ************************/
#search { position: absolute; display:block; right: 20px; top: 100px; width: 180px; height: 35px; /*background: url(../images/bg_search.jpg) repeat-x;*/ }
#search form { display: inline; height: 40px; }
#search form a { font-size: 10px; color: #DADADA; text-decoration: none; background: url(../images/arrow_gray.png) 0px 4px no-repeat; }
#search form a:hover { text-decoration: underline; }
#search label { display: block; color: #FFBB54; font-size: 12px; font-weight: bold; margin-bottom: 3px; }
#search input { width: 150px; height: 16px; font-size: 11px; border: 1px solid #FFBB54; background: #FFFFFF; margin-bottom: 5px; }
#search .submit { width: 21px; height: 17px; padding: 4px; border: 0px; background: url(../images/submit.png) no-repeat; }

#searchresults .preview { margin-top: 10px; margin-bottom: 10px; }
#searchresults a.title { font-weight: bold; color: #4A83C2; font-size: 16px; text-decoration: none; }
#searchresults hr { color: #18252A; height: 1px; margin-top: 5px; margin-bottom: 5px; }
#searchresults a:hover { color: #18252A; text-decoration: underline; }

/********************** NOTIFY ************************/
.err,.not { display:block; padding:12px; padding-left:47px; background: #FFBB54; border: 1px solid #3F464E;
            width: 939px; margin-bottom:20px; color: #FFFFFF; }
.not { color: #FFFFFF; background-color: #79C3EE; border: 1px solid #3F464E; width: 939px; }


/********************** COL1, COL2 ************************/
#col1, #col2 { display: inline; float: left; min-height: 400px; _height: 400px; margin-left: 12px; _margin-top: 20px; padding-top: 12px; line-height: 1.7;
               background: url(../images/grad2.jpg) repeat-x; }
#col1 { width: 250px; padding: 0px 10px 0px 20px; }

#col2 .links {	margin-top: 70px; width: 275px;	padding-left: 5px;}
#col2 .links a{ color: #55C5D0;	text-decoration: none;}
#col2 .links a:hover {text-decoration: underline;}

/********************** LINES ************************/
#lines { width: 950px; background: #F4F4F4; font-size: 1px; }
#lines { padding-top: 1px; padding-bottom: 1px; }
#lines .line1 { float: left; width: 725px; height: 8px; background: #55C5D0; }
#lines .line2 { float: left; width: 224px; height: 8px; margin-left: 1px; background: #B3C0C2; }

.homepage #lines .line1 {width: 633px;}
.homepage #lines .line2 {width: 316px;}

/********************** SUPPORT - OTHERS ************************/
.right { display: block; text-align: right; }

.more { font-size: 9px; text-decoration: none; padding-right: 10px; color: #5C5C5C; background: url(../images/arrow_orange.png) 28px 5px no-repeat; }
.more:hover { text-decoration: underline; }

.cleaner { clear: both; }

.news { display: inline; float: left; padding: 15px 15px 0px 15px; min-height: 120px; _height: 120px; margin-left: 9px; margin-right: 26px;
        background: url(../images/grad1.jpg) repeat-x; text-align: justify; }
.news .date { display: block; font-size: 12px; font-weight: bold; color: #55C5D0; }
.news .name { display: block; font-size: 11px; font-weight: bold; color: #545454; }
.news .more, .box .more { display: block; margin-top: 12px; padding-left: 20px; height: 15px; width: 25px; background: url(../images/arrow_square.png) no-repeat; }

.orange { color: #4A83C2; }
.orange:hover { text-decoration: none; }

.box { display: block; width: 270px; min-height: 120px; _height: 130px; margin-top: 55px; padding: 5px; }
.box .title { display: block; margin-bottom: 13px; font-size: 12px; font-weight: bold; color: #55C5D0; }

.grad3 { background: url(../images/grad3.jpg) repeat-x; }

/********************** SLIDESHOW - PROLNUTI ************************/
div#slideshowwrapper {border: 0; padding: 0; margin: 0;}
div#slideshowwrapper a {color: #d0d0d0;}

#slideshow {position: relative;	width: 1270px;	height: 400px;}

#slideshow #lowerlayer {position: absolute;	top: 0px;	left: 0px; width: 1270px; height: 400px;	z-index: 1;}
#slideshow #upperlayer {position: absolute;	top: 0px;	left: 0px; width: 1270px; height: 400px;	z-index: 2;}
#slideshow #preloader {position: absolute; width: 1px; height: 1px;}

div#slideshow div#swnavig { position: absolute; height: 20px; width: 800px; z-index: 3; bottom: 15px; left: 10px;}
div#slideshow div#swnavig div.swnavbtn {display: inline-block; zoom: 1; *display:inline; width: 20px; height: 20px; padding: 3px; float: left; cursor: pointer;}
div#slideshow div#swnavig div.swnavinactive {width: 6px; height: 6px; padding: 0px; background-color: #A8D1FE; border: 1px solid #FFBB54; margin: 7px;}
div#slideshow div#swnavig div.swnavactive { width: 14px; height: 14px; padding: 0px; background-color: #4A83C2; border: 1px solid #FFBB54; margin: 3px;}