@import url("_tabs.css");
@import url("_thickbox.css");
@import url("_jquery.treeview.css");
@import url("news.css");
@import url("side.css");
@import url("partners.css");
@import url("download.css");
@import url("catalog.css");
@import url("homepage.css");
@import url("gallery.css");
@import url("form.css");
@import url("jquery.jcarousel.css");
@import url("puzzle.css");
/* ---------------------------------------------------------------
Main Style Sheet
author: Martin Vach
email: info@vades.cz
website: www.vades.cz
--------------------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}

/* ... Body ... */
body
{
	/*font-family: "verdana", "arial ce", "helvetica ce", verdana, arial, helvetica, sans-serif; */
  font-family: Tahoma,Verdana,Arial,lucida,sans-serif;
	font-size: small;
	color: #00107F; 
	background: #25A8FE url(../images/layout/bcg-body.jpg);
	text-align: center;
	margin: 0;
  line-height: 1.4em;

}

table
{
	width: 95%;
}

table, th, td
{
	font-size: 100%;
}

td
{
	vertical-align: top;
}

h1
{
	
	color: #B4023C;
	font-size: 150%;
	margin-bottom: 10px;
	
	
	background: url(../images/layout/bcg-heading.gif) no-repeat 0 50%;
}

h2
{
	font-size: 130%;
	color: #CD1D56;
	margin: 20px 0 10px 0;
	padding-left: 30px;
	background: url(../images/layout/bcg-h2.gif) no-repeat 0 50%;
}

h2.CloseH
{
	cursor: pointer;
	margin-bottom:  30px;
}

/* ... Links ... */
a
{
    color: #B4023C;
	
   
}

a:hover
{
    color: #1D38C5;
   
}
.MoreInfo
{
	text-align: right;
	margin-top: 10px;
	padding: 5px;
	
	
}
.MoreInfo a
{
	padding-right: 10px;
	text-decoration: none;
	
}

.JsDisplay
{
	visibility:hidden;
}

/* ... Text ... */
#ContentIn
{
	line-height: 1.6em;
}
#ContentIn p
{
	margin-top: 10px;
}

.Perex
{
	color:  #B4023C;
	font-weight: bold;
	
}

.BoldText
{
	font-weight: bold;
	color: #005725;
}

.CenterText
{
	text-align: center;
}


/* ... List ... */
#Content ul li
{
	margin-left: 15px;
}

/* ... Help ... */
.NoScreen
{
  display: none;
}

hr.Cleaner
{
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}
#Counter
{
	display: none;
	text-align: center;
}


/* ... Messages ... */

.ErrorList
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: solid 2px red;
	background-color: #FFE1E1;
}

.ErrorList h2
{
	font-size: 120%;
	color: #FFF;
	background: red;
	padding: 5px;
	margin-bottom: 5px;
}

.ErrorMessage
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: solid 2px red;
	background-color: #FFE1E1;
	text-align: center;
}


.DeleteForm
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: solid 2px red;
	background-color: #FFE1E1;
	text-align: center;
}

.WarMessage
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #FF9900;
	background-color: #FFEACA;
	text-align: center;
}

.OkMessage
{
	margin: 20px 0;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #009966;
	background-color: #D7FFD7;
	text-align: center;
}

.DeveloperMess
{
	margin: 20px 0;
	font-size: 150%;
	padding: 10px;
	border: 1px solid #CCC;
	
}

/* ... Images ... */

a img
{
	border: 0 none;
}
.img-left
{
	float: left;
	margin-right: 15px;
}
.img-right
{
	float: right;
	margin-left: 15px;
}
.CaptchaImg
{
	border: solid 1px #31B3FF;
}



/* //////////////////////////////// LAYOUT //////////////////////// */

#Page, #HeaderIn, #Navigation, #Footer, #BottomBar
{
	width: 960px;
	margin: 0 auto;
		
}


/* ... Page ... */
#Page
{

	background: #FFF url(../images/layout/pozadiweb.jpg) repeat-y 50% 0;
}

#PageIn
{

	text-align: left;
	/*padding: 0 10px;*/
}



/* ... Header ... */
#Header
{
	height: 387px;
	background: url(../images/layout/bcg-header.jpg) no-repeat 50% 0;

}
#HeaderIn
{
	text-align: left;
}


#Header img
{
	position: relative;
	top: 10px;
	left: 20px;
}

#Slogan
{
	position: relative;
	/*left: 600px;*/
	top: -20px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
#Slogan span
{
	font-size: 18px;
	/*color: #F5821F;*/
	color: #FFF;
}

/* ... Navigation... */
#Navigation
{
	height: 40px;
	background: #CCC;
	line-height: 40px;
	/*background: url(../images/layout/bcg-navi.gif) repeat-x;  */
}

#Navigation li
{
    list-style: none;
    float: left;
    white-space: nowrap;
    text-align: center;
	/*background: url(../images/layout/bcg-navi-line.gif) no-repeat 100% 50%;*/
}

#Navigation li a
{
  display: block;
  float: left;
	padding: 0 15px;
  text-decoration: none;

}

#Navigation a:hover
{
  color: #FFFFFF;
}

#Navigation a.CurPage_1
{
  color: green;
	font-weight: bold;
	text-align: center;
	cursor:default;

}
#Navigation a.CurPage_1:hover
{
    /*color: #FFF;*/
}

/* ... Content ... */
#ContentBox
{
	float: right;
	width: 760px;
}
.Layout_web2 #ContentBox
{
	float: left;
	width: 760px;
}


#Content
{

	float: left;
	width: 560px;
}
.Layout_lc #Content
{
  width: 700px;
	float: right;

}
.Layout_cr #Content
{
  width: 700px;
	float: left;

}

.Layout_c #Content
{

	width: 960px;
	float: left;

}

#ContentIn
{

	/*margin: 30px;*/

}


#BreadCrumb
{
	font-size: 90%;
	color:#FFF;
	text-transform:lowercase;
	height: 33px;
	line-height: 33px;
	padding-left: 20px;
	background: #B4023C url(../images/layout/bcg-bread.jpg) repeat-x;
}

#BreadCrumb a
{
	color: #FFF;
}

#BreadCrumb a:hover
{
	color: #FDFF46;
}

#PagePerex
{
	/*background: url(../images/layout/bcg-perex.jpg) no-repeat 50% 100%;*/
	padding: 20px 20px 30px 20px;
	margin-right: 5px;
}

#PageText
{
	margin: 20px;
}

.SharpenText
{
	color:#B4023C ;
	margin: 10px;
	padding: 15px 15px 15px 30px;
	background: url(../images/layout/bcg-sharpen-text.jpg) no-repeat 0 50%;
	font-weight: bold;
	
}

.Pagination
{
	margin-top: 20px;
	text-align: center;
}
.Pagination a
{
	text-decoration: none;
}
.Pagination a:hover
{
	text-decoration: underline;
}
.Pagination .pagenumlink
{
	padding: 3px;
	border: solid 1px #31B3ED;
}

.Pagination span
{
	padding: 3px;
	color: #FFF;
	background: #31B3ED;
	border: solid 1px #31B3ED;
}
.Pagination p
{
	margin-bottom: 10px;
}

.NewsBlock,.GbookMessages
{
	background:url(../images/layout/bcg-jeziskovinky-bottom.jpg) no-repeat 50% 100%;
	padding-bottom: 40px;
	margin-bottom: 20px;
}



.NewsBlock h2
{
	background:0 none;
	
	padding-left: 0px;
}

.GameBlock
{
	padding: 5px;
}
.GameBlock h2
{
	font-size: 90%;
}

.GameBlock img
{
	border: solid 4px #8DD4F0;
	
}
.GameBlock img:hover
{
	border: solid 4px #B4023C;
	
}

/* ... Bar and Secondary categories ... */
#Bar h4, #Secondary h4
{
	font-size: 90%;
	color: #FFF;
	margin-top: 10px;
	background: red;
	background: url(../images/layout/bcg-h4-blue.jpg) no-repeat 0 50%;
	height: 35px;
	margin-bottom: 10px;
	line-height: 35px;
	text-align: right;
}

#Bar h4 span, #Secondary h4 span
{
	display: block;
	background: url(../images/layout/bcg-h4-blue-right.jpg) no-repeat 100% 50%;
	padding: 0 7px;
	
}
.BarH4_leftMenu
{
	cursor: pointer;
}

.BarH4_leftMenu:hover
{
	color: red;
}

#Secondary h4
{
	background: url(../images/layout/bcg-h4-pink.jpg) no-repeat 0 50%;
	
}

#Secondary h4 span
{
	background: url(../images/layout/bcg-h4-pink-right.jpg) no-repeat 100% 50%;
	
}

.OpenH{background: url(../images/layout/bcg-h4-pink.jpg) no-repeat 0 50% !important;}
.OpenH span{background: url(../images/layout/bcg-h4-pink-right.jpg) no-repeat 100% 50% !important;}

#Bar ul li, #Secondary ul li  
{
    list-style: none;
    line-height: 1.6em;
	
	border-bottom: solid 1px #c6e3ff;
	
	
}



#Bar ul li a, #Secondary ul li a
{
    display: block;
	color: #B4023C;
	text-decoration: none;
	padding: 3px 3px 3px 20px;
	background: url(../images/layout/bcg-menu-li.jpg) no-repeat 0 7px;
	
	
	
}

#Bar ul li a:hover, #Secondary li a:hover
{
    text-decoration: underline;
	background: url(../images/layout/bcg-menu-li-over.jpg) no-repeat 0 7px;
	
}

#Bar .CurPage a, #Secondary .CurPage a
{
    font-weight: bold;
	 color: #34B0EC;
	cursor:default;
	background: url(../images/layout/bcg-menu-li-on.jpg) no-repeat 0 7px;
}
#Bar .CurPage a:hover, #Secondary .CurPage a:hover
{
     color: #34B0EC;
	cursor:default;
	background: url(../images/layout/bcg-menu-li-on.jpg) no-repeat 0 7px;
	text-decoration:none;
}

#leftBox_17Wrap
{
	background:url(../images/layout/bcg-jeziskovinky-side.jpg) no-repeat;
	margin-top: 30px;
	padding-top: 45px;
}

.NewsSummary
{
   margin-bottom: 20px;
   padding-bottom: 10px;
   background: url(../images/layout/bcg-right-wave.gif) no-repeat 50% 100%;
   
}

.NewsTitle
{
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
   
}
.NewsTitle a
{
    color: #E35482;
	
   
}

.NewsTitle a:hover
{
    color: #1D38C5;
   
}

.NewsDate, .GbookPanel
{
   background: url(../images/layout/bcg-news.gif) no-repeat 0 50%;
   line-height: 16px;
   padding-left: 20px;
   font-weight: bold;
   
}

.NewsSummary
{
   margin-bottom: 5px;
   
}



/* ... Bar ... */

#Bar
{
	float: left;
	width: 200px;
  background: #F1FAFF;
}
.Layout_web2 #Bar
{
  float: right;
}

.Layout_lc #Bar
{
	width: 260px;
}

#BarIn
{

	margin: 0 10px;
}

/* ... Secondary Content ... */

#Secondary
{
	float: right;
	width: 200px;
   background: #F1FAFF;
}
.Layout_cr #Secondary
{
	width: 260px;
}

#SecondaryIn
{
		margin: 0 10px;
}
.NewsSummary
{
   margin-bottom: 5px;
   
}


#SidePartners img, #SideMpartners img
{
	border: solid 1px #8DD4F0;
	padding: 10px 9px;
	background: #FFF;
	margin: 5px 0;
}
#SidePartners img:hover, #SideMpartners img:hover
{
	border: solid 1px #B4023C;
	
}

#SideAction
{
	text-align: center;
	font-size: 110%;
	padding: 10px;
	line-height: 1.6em;
	
}

#SideAction
{
	text-align: center;
	font-size: 110%;
	padding: 10px;
	line-height: 1.6em;
    padding-bottom: 10px;

}

#ActionFotolab
{
	font-size: 110%;
	padding: 10px;
	line-height: 1.6em;
    padding-bottom: 10px ;

}

#SideWeblinks img
{
	border: solid 1px #8DD4F0;
	margin: 2px 2px 2px 0;
}
#SideWeblinks img:hover
{
	border: solid 1px #B4023C;
	
}



/* ... Footer ... */
#Footer
{

	font-size: 11px;
	clear: both;
	border-top: 4px solid #DF6F96;
	background: #8F0031;
	color: #F1FAFF;
	height: 50px;
	text-align: left;
	line-height: 50px;


}

#FooterIn
{
	text-align: right;
	padding: 0 10px;
}
#Footer a
{
	color: #F1FAFF;
	text-decoration: none;
}
#Footer a:hover
{
	color: #FEFE44;
	text-decoration: underline;
}

/* ... Bottom Bar ... */
#BottomBar
{
	font-size: 11px;
	color: #F1FAFF;

	padding: 5px 0;
}
#BottomBar a
{
	text-decoration: none;
	color: #F1FAFF;
}
#BottomBar a:hover
{
	text-decoration: underline;
	color: #FEFE44;
}


#Created
{
	margin-top: 10px;

}

/* ... Form ... */

fieldset
{
	border: 0 none;
}


#SideForm fieldset textarea, #SideForm fieldse input
{
	width: 180px;
}

.SearchForm
{
	margin-bottom: 30px;
}

.BtnSearch, .BtnVote
{
	cursor:pointer;
	border:outset 1px #ccc;
	color:#FFF;
	font-weight:bold;
	padding: 1px 2px;
	background:#eb590c url(../images/layout/btn-search.jpg) repeat-x left top;
}
.BtnSearch:hover, .BtnVote:hover
{
	border:inset 1px #ccc;
	color: #EFFC4A;
	
}

.SearchInput
{
	border:solid 2px #639AFF;
	padding: 2px;
	background:url(../images/layout/bcg-input.gif) no-repeat;
	width: 100px;
	
	
}

.SearchInput:hover
{
	border:solid 2px #B4023C;
	
	
}
.VoteRadio:hover
{
	cursor:pointer;
}
.VoteRadio:hover
{
	cursor:pointer;
}

form.ContentForm
{
	width: 560px;	
}

form.ContentForm fieldset {
  margin: 10px;
  border: 0 none;
  padding: 10px;
  /*background: url(../images/layout/bcg-form.jpg) left bottom repeat-x;*/
  border-top: 1px solid #31B3FF;
  border-bottom: 4px solid #31B3FF;
}


form.ContentForm fieldset input, form.ContentForm fieldset textarea {
 border: solid 1px #10A0FF;
 
}

form.ContentForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.ContentForm fieldset li {
  list-style: none;
  padding: 10px 5px;
  margin: 0;
  background: url(../images/layout/bcg-form-line.gif) left bottom repeat-x;
  float: left;
}

form.ContentForm fieldset li.ImgCaptcha {
  padding-left: 170px;
}

form.ContentForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}


form.ContentForm fieldset label {
  width: 150px;
  display: block;
  line-height: 1.8;
  padding-left: 15px;
  float: left;
}

form.ContentForm fieldset input {
  width: 200px; 
  display: block;
  line-height: 1.8;
  padding: 3px;
  float: left;
  background:url(../images/layout/bcg-input.gif) no-repeat;
}

form.ContentForm fieldset textarea {
  width: 300px; 
  display: block;
  line-height: 1.8;
  padding: 3px;
  float: left;
  background:url(../images/layout/bcg-input.gif) no-repeat;
}

form.ContentForm fieldset textarea:hover, form.ContentForm fieldset input:hover {
  border:solid 1px #B4023C;
}

form.ContentForm fieldset .WishTextArea textarea{
  float: none;
  width: 500px;
}

form.ContentForm fieldset .WishTextArea label{
  float: none;
  width: 400px;
}

.IsRequired {
  font-weight: bold;
  color: #B02E3F;
  background: url(../images/layout/icon-required.gif) no-repeat 0 3px;
}


.BtnSubmit, .BtnBack 
{
  width: 109px;
  height: 35px;
  background: url(../images/layout/bcg-submit.jpg)  no-repeat 50% 50%;
  border: 0 none;
  cursor: pointer;
  color: #FFF;
  font-weight: bold;
   text-transform: uppercase;
   
	font-size: 95%;
}

.BtnBack
{
  background: url(../images/layout/bcg-back.jpg)  no-repeat 50% 50%;
  
}

.BtnSubmit:hover,.BtnBack:hover
{
  color: #F6FF40;
}

#WishCheckText, #ReadWish
{
	padding: 200px 100px 20px 100px;
	margin: 10px;
	font-size: 120%;
	background: url(../images/layout/bcg-wish.jpg)  no-repeat 50% 0;
	height: 500px;
	line-height: 1.6em;
	
}

#ReadWish
{
	padding-left: 130px;
}

#WishCheckText p, #ReadWish p
{
	/*text-align: right;*/
	font-style: italic;
	color: #B4023C;
}

#SendFromRead
{
}

.dodosTextCounterDisplay
{
	padding-left: 170px;
}
label.error {
	margin-left: 10px;
	width: 300px !important;
	display: block;
	float: left;
	clear: both;
	color: red  !important;
}

/* --------------------- Poll ------------------------- */

/* --- Side --- */


#SideVoteWrap
{
	margin-top: 20px;
	background: url(../images/layout/bcg-poll-bottom.jpg) no-repeat 50% 100%;
}

#SideVote
{
	padding: 50px 0 30px 0;
	background: url(../images/layout/bcg-poll-top.jpg) no-repeat 50% 0;
}

.SideVoteTitle
{
	text-align: center !important;
	color: #1F3BC0;
	padding-bottom: 5px;
	border-bottom: solid 1px #15C9F2;
	margin-top:  20px;
	
}


.VoteFooter
{
	margin-top: 10px;
	
	padding: 3px;
	text-align: center;
	line-height: 1.4em;
}
.SideVoteAnswer
{
	border-bottom: solid 1px #15C9F2;
	padding: 3px 0;
	padding-right: 5px;
}
.SideVoteNum
{
	display:  block;
	margin-top: -10px;
	font-size: 90%;
}
.SideVoteChart
{
	position: relative;
	top: -10px;
}
.SideVoteLink
{
	display: block;
	margin: 20px;
	text-align: center;
}

/* --- Page --- */

.PageVoteTable
{
	width: 550px;
	border: solid 1px #15C9F2;
	background: #F1FAFF;
	padding: 5px;
	margin: 10px;
}

.PageVoteTable th
{
	text-align: center !important;
	color: #1F3BC0;
	padding-bottom: 5px;
	border-bottom: solid 1px #15C9F2;
}

.PageVoteTable td
{
	padding: 5px;
}

.PageVoteChart
{
	position: relative;
	top: -10px;
}

.PageVoteAnswer
{
	border-bottom: solid 1px #15C9F2;
	
	
}

.PageVoteNum
{
	border-bottom: solid 1px #15C9F2;
	background: #CAEFF9;	
	
}

/* ... Tables ... */

#DownloadTable
{
	width: 97%;
}
#DownloadTable tr
{
	border-bottom: solid 1px #05C4EF;
	background: #F1FAFF ;
}

#DownloadTable tr:hover
{
	background: #91CFF4;
}

#DownloadTable th
{
	background: #30B3EB;
	color: #FFF;
	padding: 2px 5px;
	text-transform:lowercase;
}
#DownloadTable td
{
	padding: 2px 5px;
	
}

#DownloadTable .DownloadType
{
	width: 90px;
}



/* ... UT ... */

.ToolTip {
	background: #EFEFEF;
	width: 170px;
	position: absolute;
	top: 40px;
	padding: 10px;
	font-style: normal;
	display: none;
	border: solid 2px #F5821F;
	font-size: 90%;
	text-align: center !important;
	  
}
/*#mycarousel li
{
  list-style: none;
  float: left;
  width: 120px;
  height: 120px;
}*/

/* jQuery Countdown styles 1.5.3. */
.hasCountdown {
	/*border: 1px solid #2FB4EC;
	background-color: #8FCFF5;*/
	color:#C61F55;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 100%;
}
.countdown_show2 .countdown_section {
	width: 49.5%;
}
.countdown_show3 .countdown_section {
	width: 33%;
}
.countdown_show4 .countdown_section {
	width: 24.75%;
}
.countdown_show5 .countdown_section {
	width: 19.8%;
}
.countdown_show6 .countdown_section {
	width: 16.5%;
}
.countdown_show7 .countdown_section {
	width: 14.1%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}