@import url("thickbox.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-size: 80%;
  /*font-family: Tahoma,Verdana,Arial,lucida,sans-serif;
 	font-size: small;*/
	color: #333333;
	background: #00DCB4 url(../images/layout/bcg-body.jpg) repeat-x;
	text-align: center;
	margin: 0;
  line-height: 1.4em;

}

table
{
	width: 100%;
}

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

td
{
	vertical-align: top;
}

h1
{

	color: #005F4B;
	font-size: 170%;
	margin-bottom: 30px;
	font-weight: normal;
	padding-bottom: 20px;
	border-bottom: dotted 1px #009889;

}

h1 span
{

	font-size: 70%;
	font-style: italic;
	padding-left: 10px;

}

h2
{
	color: #005F4B;
	font-size: 130%;
	margin: 20px 0 5px 0;
	
	padding-bottom: 5px;
	border-bottom: dotted 1px #009889;
}

h3
{
	font-size: 110%;
	margin-top: 10px;

	padding: 0;
}



/* ... Links ... */
a
{
	color: #005F4D;
}

a:hover
{
	color: #F97812;
	text-decoration: none;
}

.Zoom, .Edit
{
	height: 32px;
	line-height: 32px;
	padding-left: 36px;
	background:url(../images/layout/zoom.png) no-repeat 0 50%;
	font-weight: bold;
	z-index: 1000;
	
}

.Edit
{
	background:url(../images/layout/edit.png) no-repeat 0 50%;
	margin: 10px 0;
	
}

.LinkBtn
{
	
	font-weight: bold;
  color: #E63B00;
}

a.LinkBtn:hover
{
	color: #005F4B;
	
}

.BtnDownload
{
	width: 120px;
}
.ExternalLink
 {

	background:url(../images/layout/external-link.png) no-repeat 100% 0;
	padding-right: 15px;


}

.LinkPDF,.LinkDOC,.LinkXLS,.LinkIMG,.LinkEMAIL,.LinkImage
{
 	padding-left: 20px;
	padding-top: 4px;
}

.LinkPDF
{
 	background:url(../images/layout/file-pdf.png) no-repeat 0 0;
}

.LinkDOC
{
 	background:url(../images/layout/file-doc.png) no-repeat 0 0;
}

.LinkXLS
{
 	background:url(../images/layout/file-xls.png) no-repeat 0 0;
}
.LinkImage
{
 	background:url(../images/layout/file-img.png) no-repeat 0 0;
}
.LinkEMAIL
{
 	background:url(../images/layout/file-email.png) no-repeat 0 0;
}

.MoreInfo
{
	text-align: right;
	margin-top: 10px;
	padding: 5px;


}
.MoreInfo a
{
	padding-right: 10px;
	text-decoration: none;

}

/* ... Text ... */
#Content p
{
	margin-bottom: 10px;
}

.Perex
{
	color: #005F4B;
	font-weight: bold;
	margin-bottom: 20px;
}

.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
{
	color: red;
  margin: 20px 0;
  font-size: 110%;
	font-weight: bold;
	padding: 17px 10px 17px 60px;
	border: solid 2px red;
	background: #FFF url(../images/layout/message-error.png) no-repeat 10px 50%;
}


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

.WarMessage
{
	color: #FF9900;
  margin: 20px 0;
  font-size: 110%;
	font-weight: bold;
	padding: 17px 10px 17px 60px;
	border: solid 2px #FF9900;
	background: #FFF url(../images/layout/message-war.png) no-repeat 10px 50%;
}

.OkMessage
{
	color: #009966;
  margin: 20px 0;
	font-size: 110%;
	font-weight: bold;
	border: solid 2px #009966;
	padding: 17px 10px 17px 60px;
	background: #FFF url(../images/layout/message-ok.png) no-repeat 10px 50%;
}

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

}

/* ... Images ... */

a img
{
	border: 0 none;
}
.img-left, .Perex img
{
	float: left;
	margin-right: 15px;
}
.img-right
{
	float: right;
	margin-left: 15px;
}



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

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


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

	background: #FFF url(../images/layout/bcg-page.jpg) no-repeat 0 100%;
	padding-bottom: 30px;

}

#PageIn
{

	text-align: left;
  background: url(../images/layout/bcg-page-in.jpg) no-repeat;
}

/* ... Top Bar ... */
#TopBar
{
	height: 30px;
}

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

}
#Header div
{
	text-align: left;
}


#Logo, #Slogan, #BlockBasketWrap
{
	float: left;
	height: 140px;
}
#Logo
{
  width: 380px;
}

#Header #Logo img
{
	position: relative;
	top: 65px;
	left: -20px;
	width: 183px;
	height: 38px;
}

#Slogan
{
	width: 360px;
	
  
}

#Slogan div
{
	
  position: relative;
	top: 73px;
	font-size: 16px;
	color: #E63C00;
}
#Slogan span
{
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

#BlockBasketWrap
{
	width: 218px;
}
#BlockBasket
{
	 position: relative;
	top: 73px;
}
#BlockBasketWrap .SideBasket
{
	background: url(../images/layout/bcg-basket.png) no-repeat 0 50%;
}


#BlockBasketWrap p
{
	text-align: right;
}

#BlockBasketWrap a
{
	color: #008E72;
}
#BlockBasketWrap a:hover
{
	color: #E63C00;
}

/* ... Navigation... */
#Navigation
{
	height: 40px;
	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-left.jpg) no-repeat;
	   margin-right: 3px;
}

#Navigation li a
{
  display: block;
  float: left;
	padding: 0 12px;
  text-decoration: none;
   background: url(../images/layout/bcg-navi-right.jpg) no-repeat 100% 0;
   font-weight: bold;
   color: #FFF;
   

}

#Navigation a:hover
{
  color: #005F4B;
}

#Navigation .CurPage
{
  background: url(../images/layout/bcg-navi-left-on.jpg) no-repeat;

}
#Navigation .CurPage a
{
    background: url(../images/layout/bcg-navi-right-on.jpg) no-repeat 100% 0;
    color: #005F4B;
    cursor: default;
}

/* ... 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;

}
#PageIndex #Content
{
  width: 600px;
	float: left;

}

.Layout_c #Content
{

	width: 960px;
	float: left;

}

#ContentIn
{

	margin: 0 20px;

}


#BreadCrumb
{
	font-size: 85%;
	color:#666666;
	text-transform:lowercase;
	line-height: 30px;
	
	font-weight: bold;
	color: #005F4B;
	margin-bottom: 40px;
}

#BreadCrumb a
{
	color: #005F4B;
	font-weight: normal;
}
#BreadCrumb a:hover
{
	color: #FFF;
}

/* ... Pagination ... */
.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 #00DCB4;
}

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

/* ... Catalog ... */

.CatalogBlock, .FreeBlock
{
 	width: 150px;
 	height: 250px;
 	float: left;
 	margin: 7px;
 	background: #DCFCF7;
 	line-height: 1em;
 	text-align: center;
  
}
.CatalogBlock:hover
{
 		background: #FDF3EA;
  
}

.CatalogBlock .CatalogBasket
{
 	
   margin: 5px auto;
  
}

.CatalogBasket
{
 	
   margin: 10px 0;
  
}

.FreeBlock
{
 	
  line-height: 1.4em;
  height: 270px;
  
}
.FreeBlock img
{
 	
  margin-bottom: 10px;
  
}

.FreeBlock p
{
 	
  margin: 0 10px !important;
  
}

.FreeBlock a
{
 	
  text-decoration: none;
  
}
.FreeBlock a:hover
{
 	
  text-decoration: underline;
  
}

/* ... Detail ... */

#TemplateInfo
{
  width: 50%;
  padding: 10px;
  background: #FDF0E7;
}

#TemplateInfo h3
{
  color: #005F4B;
  margin-bottom: 5px;
}

#TemplateInfo p span
{
  font-weight: bold;
}

#TemplateInfo h3
{
  color: #005F4B;
  margin-bottom: 5px;
}

#TemplateInfo p span
{
  font-weight: bold;
}

/* ... Basket ... */

#TblBasket th
{
  color: #FFF;
  background: #00DCB4;
  padding: 5px;
}

#TblBasket td
{
  background: #E9FDFB;
  padding: 10px;
  border-bottom: 2px solid #B4FEF1;
}
#BasketDelete
{
  line-height: 24px;
  padding-left: 28px;
   background: url(../images/layout/bcg-remove.png) no-repeat 0 50%;
}
#BasketContinue
{
  line-height: 24px;
  padding-left: 28px;
   background: url(../images/layout/bcg-back.png) no-repeat 0 50%;
}



#BasketTotal, #BasketCheckOut
{
  text-align: right;
  margin: 5px 0;
  
}

#BasketCheckOut a
{
  display: block;
  float: right;
  width: 109px;
  height: 35px;
  font-weight: bold;
  line-height: 35px;
  color: #FFF;
  background: url(../images/layout/bcg-order.jpg) no-repeat 0 50%;
  text-decoration: none;
  
}
#BasketCheckOut a:hover
{
  color: yellow;
  
}

#BasketCheckOut a span
{
  padding-right: 30px;
  
}

/* ... Order ... */
ul#StepsList
{
  margin-left: -15px;
  
}

ul#StepsList li
{
  list-style: none;
  display: block;
  width: 190px;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  padding: 5px;
  float: left;
  color: #005F5E;
}

ul#StepsList .CurrentStep
{
  font-weight: bold;
  background: #FC8F3A;
  color: #FFF;
}

a.OrderPrint
{
  display: block;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 34px;
  color: #FB882F;
  background: url(../images/layout/order-print.png) no-repeat 0 50%;
}
a.OrderPrint:hover
{
  text-decoration: underline;
  
}
/* ... Service ... */

.ServiceBar
{
  width: 260px;
  float: left;
}
.ServiceImg
{
  width: 314px;
}

.ServiceTop
{
  padding: 10px;
  border: solid 4px #00DCB4;
  
  /*background: #008F73 url(../images/layout/bcg-index-main.jpg) repeat-x;*/
}
.ServiceTop h3
{
  color: #FB7A15;
 background: url(../images/layout/favorite.png) no-repeat  0 50%;
 padding-left: 20px;
 margin-bottom: 10px;
}
.ServiceTop ul, .ServiceOther ul
{
  margin-left: -10px;
  
}

.ServiceTop ul li, .ServiceOther ul li
{
  list-style: none;
  border-bottom: solid 1px #B6FEF2;
  background: url(../images/layout/bcg-category.gif) no-repeat 0 7px;
  padding-left: 10px;
  padding-bottom: 5px;
}
.ServiceOther
{
  padding-left: 10px;
}
.ServiceOther h3
{
  color: #FB7A15;
 margin-bottom: 10px;
 margin-top: 0 !important;
}

#ServiceContact
{
  width: 300px;
  padding: 15px;
  font-size: 120%;
  line-height: 1.6em;
  color: #FFF;
  float: left;
  background: #008F73;
}
#ServiceContact strong
{
  color: #FCE468;
  
  
}
#PageService h2
{
  margin: 40px 0 20px 0;
  border-bottom: 0 none;
}

#PageService .Form
{
  width: 550px;
  float: right;
}

/* ... RSS news ... */
.RssSearch
{
  border:  solid 1px #B4FEF1;
  background: #DAFDF7;
  padding:  5px;
}

.RssSearch div
{
  float: left;
  width: 400px;
  
}

.RssSearch div a
{
  text-decoration:  none;
  padding-left: 20px;
  
}

#LangCS, .TitleLang_cs {background: url(../images/layout/flag-cs.gif) no-repeat 0 3px}
#LangEN, .TitleLang_en {background: url(../images/layout/flag-en.gif) no-repeat 0 3px}
#LangALL {padding-left: 0 !important;}

.RssSearch div a.CurrLang
{
  text-decoration:  underline;
  color: #F97812;
  font-weight:  bold;
  
}
.RssSearchForm
{
	float: right;
  width: 200px !important;
}

#InSearch
{
	border:  solid 1px #B4FEF1;
	padding: 3px;
}

.RssBlock
{
	/*font-size:  115%;*/
	padding: 10px;
	line-height:  1.5em;
}
#RssContent .EvenRow
{
	
	background: #EAFDF9;
}

.RssBlock:hover
{
	background:  #FDF3EA !important;
	padding: 10px;
	color: #000 !important;
}

#RssContent h2
{
	font-size: 120%;
	/*font-family: Georgia, Arial, Helvetica, Sans-serif;*/
	padding-left: 20px;
	margin-top: 0;
	line-height: 1.3em;
	/*font-weight:  normal;*/
	border-bottom: 0 none;
	

}
#RssContent h2 a
{
	text-decoration:  none;
	

}
#RssContent h2 a:hover
{
	text-decoration:  underline;
	

}

/* ... Wwb from TPL ... */

#WebFtplPerex
{
  padding-left: 130px;
  background: url(../images/layout/packing-icon.png) no-repeat  0 0;
  font-size: 105%;
  font-weight: bold;
  color: #005F4B;
  height: 100px;
  width: 400px;
}

#WebFtplLeft
{
  
}

#WebFtplLeft h2
{
  font-size:  150%;
  color: #FB882F;
  border-bottom: 0 none;
}

#WebFtplLeft div
{
  width: 416px;
  height: 160px;
  float:  left;
  padding: 0 10px 10px 10px;
  border: solid 1px #B2FEF1;
  margin: 10px;
  background: url(../images/layout/bcg-page-in.jpg) no-repeat 50% 0;
}

#WebFtplLeft div h3
{
  margin-top: 5px !important;
  color: #FFF !important;
  margin-bottom: 20px;
}

#WebFtplLeft div img
{
  float:  left;
  margin: 0 20px 50px 0;
}
#WebFtplReference
{
  
}

#WebFtplReference h2
{
  font-size:  150%;
  color: #FB882F;
  border-bottom: 0 none;
}

#WebFtplReference img
{
  border: solid 2px #00DDB4;
  
}

#WebFtplReference img:hover
{
  border: solid 2px #FB882F;
  
}

#WebFtplOrder
{
 width: 416px;
  float:  left;
  margin: 10px;
}

#WebFtplOrder h2
{
 font-size:  150%;
  color: #FB882F;
  border-bottom: 0 none;
}

#WebFtplForm
{
 width: 416px;
  float:  right;
  margin: 10px;
}

/* ... Bar and Secondary categories ... */

#Secondary h4
{
    color: #005F4B;
    
    font-size: 110%;
    margin-top: 20px;
    margin-bottom: 5px;
}

#Secondary li
{
    list-style: none;
    line-height: 1.6em;
    border-bottom: solid 1px #B6FEF2;
    background: url(../images/layout/bcg-category.gif) no-repeat 0 50%;
    padding-left: 10px;
}

#Secondary a
{
    text-decoration: none;
}

#Secondary a.CurCat
{
    font-weight: bold;
    color: #FB8428;
    cursor: default;
}





/* ... Secondary Content ... */
#Secondary
{
	float: right;
	width: 200px;
	
	margin-top: 30px;
	
}
.Layout_cr #Secondary
{
	width: 260px;
	_width: 230px;
}
#PageIndex #Secondary
{
	width: 360px;
}

#SecondaryIn
{
  border-left: dotted 1px #009889;
  padding: 0 10px;

}

#TopCategory
{
  border-bottom: solid 4px #B6FEF2;
}

#TopCategory h4
{
 color: #FB7A15;
 background: url(../images/layout/favorite.png) no-repeat  0 50%;
 padding-left: 20px;
}

#TopCategory li
{
  border-bottom: 0 none !important;
}

#RssCategory li
{
  /*border-bottom: 0 none !important;*/
  line-height: 37px;
  margin: 10px 0;
  padding-left: 36px;
  /*padding-bottom:  7px;*/
}

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

	font-size: 11px;
	clear: both;
	color: #005F4B;
	height: 35px;
	text-align: left;
  line-height: 35px;
  background: url(../images/layout/bcg-logo-icon.png) no-repeat  0 50%;


}

#FooterIn
{
	text-align: right;
	padding: 0 10px 0 40px;
}


/* ... Bottom Bar ... */
#BottomBar
{
	text-align: left;
	float: left;
	width: 450px;


}

#FooterLink
{
  float: right;
  width: 450px;
}
/*#BottomBar a
{
	text-decoration: none;
	color: #8AE4FF;
}
#BottomBar a:hover
{
	text-decoration: underline;
	color: #FFF;
}*/


#Created
{
	margin-top: 10px;

}

/* ... Form ... */
.ContentForm
{
  border: solid 4px #B2FEF1;
  background: #E7FDFA;
  padding: 10px;
}
fieldset
{
  border: 0 none;
}

.ContentForm label
{
  display: block;
  float: left;
  width: 30%;
  margin-bottom: 10px;
  color: #005F4B;
}

.ContentForm fieldset input,.ContentForm fieldset textarea
{
  display: block;
  float: left;
  width: 60%;
  border: solid 1px #B2FEF1;
  padding: 2px;
  margin-bottom: 10px;
}

#WebFtplForm fieldset input, #WebFtplForm fieldset textarea, #WebFtplForm label
{
  float: none !important;
  width: 100%;
}
#CheckinForm fieldset
{
  border: solid 4px #B2FEF1;
  background: #E9FDFB;
  padding: 10px;
}

#CheckinForm label
{
  display: block;
  float: left;
  width: 30%;
  margin-bottom: 10px;
  color: #005F4B;
}

#CheckinForm fieldset input,#CheckinForm fieldset textarea
{
  display: block;
  float: left;
  width: 60%;
  border: solid 1px #B2FEF1;
  padding: 2px;
  margin-bottom: 10px;
}

#CheckinForm fieldset input:hover,#CheckinForm fieldset textarea:hover
{
  border: solid 1px #DB2A34;
	color:#DB2A34;
}
#CheckButtons input
{
  width: 109px;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  border: 0 none;
}
.CheckSubmit
{
  text-align: right;
}
.CheckSubmit input
{
  background: url(../images/layout/bcg-order.jpg) no-repeat  0 50%;
}
.CheckBack input
{
  background: url(../images/layout/bcg-order-back.jpg) no-repeat  0 50%;
}

.IsRequired
{
  font-weight: bold;
}

label.error {
  /*margin-left: 10px;*/
  width: 100% !important;
  /*width: auto !important;*/
  display: block !important;
  color: red !important;
}
.SearchInput
{
  border: solid 1px #8FD5FF;
  color: #AFAFAF;
  padding: 2px;
  width: 130px;
}

.SearchInput:hover
{
  border: solid 1px #DB2A34;
  color:#DB2A34;
}
.BtnBasket
{
  cursor:pointer;
  border:outset 1px #ccc;
  color:#FFF;
  font-weight:bold;
  padding: 1px 2px;
   background: url(../images/layout/bcg-navi-left.jpg) no-repeat 50%;
}
.BtnBasket:hover
{
  border:inset 1px #ccc;
  background: #E3212C;
  color: #FFF;

}
.Element .Hightlight {
	border:2px solid red;
	background: url(../images/layout/iconCaution.gif) no-repeat 100% 2px ;
}


.Loading 
{
	/*float:right; */
	margin: 0 auto;
	background:url(../images/layout/ajax-loader.gif) no-repeat 50% 50%; 
	height:100px; 
	width:100px; 
	display:none;
}

.Done
{
  
	display:none;

}

/* ... 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;
	  
}

#screenshot{
	position:absolute;
	border:2px solid #FD8F01;
	background:#CCCCCC;
	/*padding:5px;*/
	display:none;
	/*color:#000;*/
	}
	
/* ------------ MSG BOX ------------ */

#nms_msg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
}

#nms_msg .popup {
	position: relative;
	margin-top: 20%;
}

#nms_msg_close {
	position: absolute;
	top: -10px;
	margin-left: 352px;
	height: 22px;
	width: 22px;
	background: transparent url(img/close_small.png);
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 100;
}

/* Personalize default box and content here */
#nms_msg .popup .content {
	margin: auto;
	width: 360px;
	padding: 3px;
	background: #EEE;
	color: #3366CC;
	font-size: 12pt;
	border: 3px solid #3366CC;
	
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
	
	opacity: .85;
	filter: alpha(opacity=85);
}
#nms_msg .popup .content table {
	width: 99%;
	padding-right: 10px;
}

#nms_msg .popup .content table tr{
	padding-right: 10px;
}

#nms_msg .popup .content img {
	padding-top: 3px;
}


/* Gray freezing background */
#nms_freezeBG {
	background: #444;
	width: 100%;
	height: 100%;
	opacity: .40;
	filter: alpha(opacity=40);
	position: fixed;
	top: 0px;
	left: 0px;
}

/* ------------ END MSG BOX ------------ */
code.nms {
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 5px;
	line-height: 1em;
	padding: 10px;
	text-align: left;
   display: block;
   overflow: auto;
   font: 500 0.8em/1em 'Lucida Console', 'courier new', monospace ;
   background-color: #EEE;
   border-left: 5px solid #E0DBC9;
}

 /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* Easy Slider */			

	#container{	
		margin:33px  auto 0 auto;
		position:relative;
		text-align:left;
		width:380px;
    height: 290px;	
		margin-bottom:2em;
			background:url(../images/layout/index-main-img.jpg) no-repeat; 
		}	
	

.JsDisplay{display:none;}

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:380px;
		height:290px;
		
		overflow:hidden; 
		}	
		
		#slider li img{ 
		width:372px;
		height:282px;
		border: solid 4px #00DDB4;
		
		
		}	
		
		
		#slider p{
		width:380px;
		margin-top: -40px;
		margin-left: 100px;
		/*font-weight: bold;*/
		font-size: 140%;
		color: #01624F;
    }	
    
	#prevBtn, #nextBtn{ 
		display:block;
		width:35px;
		height:110px;
		position:absolute;
		left:-40px;
		top:90px;
		}	
	#nextBtn{ 
		left:385px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:35px;
		height:110px;
		background:url(../images/layout/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/layout/btn_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */
/* ... Homepage ... */

#IndexMain
{
  font-size: 110%;
  background: #008F73 url(../images/layout/bcg-index-main.jpg) repeat-x;
  
}

#TdSlider
{
  padding: 0 50px;
  background: url(../images/layout/bcg-index-shadow.jpg) no-repeat 50% 300px;
  height: 400px;
  
}


.HiddenBlock
{
  display: none;
}

#IndexText
{
  text-align: left;
  padding: 33px 0 0 0;
  margin-right: 20px;
  font-size: 110%;
  color: #FFF;
}

#IndexText h1
{
  color: #FFF;
  font-size: 140%;
  font-weight: bold;
  border: 0 none;
  margin-bottom: -10px;
}
#IndexText h2
{
  color: #FCE468;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0;
  border-bottom: 0 none;
  
}
#IndexBenefit
{
  color: #DFFFF9 !important;
  font-weight: normal !important;
  padding-top: 10px;
  font-size: 120% !important;
  border-top: 1px dotted #DFFFF9;
}


#IndexText
{
  text-align: left;
  padding: 33px 0 0 0;
  font-size: 110%;
  color: #FFF;
}
#IndexText p
{
  margin-bottom: 10px;
}
#IndexSlogan
{
  color: #01624F;
  font-size: 120%;
  font-weight: bold;
  
}

#IndexMoney,#IndexTime,#IndexStarosti
{
  padding-right: 40px;
  margin-bottom: 20px;
  
}
#IndexMoney
{
 background: url(../images/layout/icon-money.png) no-repeat 100% 50%;
  
}

#IndexTime
{
 background: url(../images/layout/icon-time.png) no-repeat 100% 50%;
  
}
#IndexStarosti
{
 background: url(../images/layout/icon-starosti.png) no-repeat 100% 50%;
  
}
#PageIndex #Content
{
 margin-top: 50px;
  
}

.IndexTemplates
{
 margin-top: 10px;
 padding: 10px 10px 10px 10px;
 background: #E6FEFA url(../images/layout/bcg-index-templates.jpg) repeat-x;
  
}
.IndexTemplates h3
{
 	font-size: 110%;
	color: #007178;
	padding-left: 30px;
line-height: 24px;
margin-bottom: 5px;
	background: url(../images/layout/bcg-index-h3.png) no-repeat 0 50%;
  
}

#IndexTemplatesWrap h2
{
 	font-size: 110%;
	color: #007178;
	
margin: 30px 0 20px 0;
	padding-bottom: 15px;
	border-bottom: dotted 1px #009889;
  
}

.IndexFree
{
 	width: 150px;
 	height: 150px;
 	float: left;
 	margin: 5px;
 	border: solid 2px #C1FFF4;
  
}
.IndexFree:hover
{
 		border: solid 2px #FD8F01;
  
}

.IndexFree div
{
 	
   margin: 0 auto;
  
}

/*********** Banners *******************/
.SideBanner{
  margin: 20px 0;
}
#BannerMarketnet{
  background: #9F1515;
  padding-top:  20px;
  font-size: 120%;
  color: #FCDA8C;
  font-weight:  bold;
  text-align:  center;
  line-height: 1.6em;
  
}
#BannerMarketnet a{color: #FCDA8C;}
#BannerMarketnet .BannerText a:hover{text-decoration: underline;}
#BannerMarketnet .BannerText span {font-size:  140%;}