html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong,
ol, ul, li,
table, tr, th, td,
form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button{
  overflow: visible;
  font: normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

.content strong
{
   color: #333;
}

html {
  overflow: auto;
}
html, body {
  
}
body.mceContentBody
{
	font: normal 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #C4E2EC;
}
body{
	font: normal 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
   background: #ffffff url(/res/bg.png) repeat-x top left;
	color: #1E323B1;
	margin: 0px;
	padding: 0px;
	height: 1100px;
}
h2, h3, h4, h5, h6
{
	padding-bottom: 10px;
	padding-top: 15px;
}
h1{font-size: 130%;}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

h1
{
	color: #fff;
	width: 800px;
	float: right;
	margin-top: 45px;
	height: 47px;
	line-height: 47px;
   text-align: right;
   overflow: hidden;
}

p{margin: 5px 3px;}
a,
.ref-date a,
.a{	color: #1758FE;
}

 

a:hover{ text-decoration: none; }
a img{ border: none; } /* , a:link img */

.tdhead
{
	background-color: #01B6FA;
	font-weight: bold;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.tdbody{
   background-color: #ECF5FD;
   border-bottom: 2px solid #fff;
}

table{ font-size: 100%; }
table td{
	padding: 4px;
}
/* tabulky */
table.standard{
	border-right: none;
	border-bottom: none;
}
table.colored
{
	border: none;
	border-right: none;
	border-bottom: none;
}
table.standard th{
	background: #515151;
	color: white;
}
table.standard th,
table.standard td{
}
table.colored th,
table.colored td{
	border-right: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}
table.colored th{
	background-color: #ff7f00;
	color: white;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td{
	padding: 4px;
}

ul
{
   /*list-style-image: url(li.jpg);*/
   list-style: none;
   color: #333;
   margin: 0px;
   padding: 0px;
}
ul li
{
   list-style: none;
   margin: 0px;
   padding: 0px;
   background: transparent url(/res/li.gif) no-repeat left center;
   /*background: #ffffff url(/res/img.png) no-repeat 0px -487px;*/
   padding-left: 10px;
}
ol{
	color: #333;
}

dl
{
   color: #333;
   margin: 0px;
   padding: 0px;
}
dt
{
   margin: 0px;
   padding: 0px;
   background: transparent url(/res/li.gif) no-repeat left center;
   padding-left: 10px;
   font-weight: bold;
}
dd
{
   font-size: 9px;
   margin-left: 10px;
}
/* layout */

.main
{
	width: 100%;
	height: 963px;
   background: url(bg-long.jpg) no-repeat center 204px;
margin: 0px;
padding: 0px;
}

.main .in
{
	width: 995px;
	margin: 0px auto;
	text-align: left;
	height: 960px;
}

.header
{
	width: 995px;
	height: 217px;
}
.logo
{
	margin-top: 42px;
}
ul.page-menu{

   list-style: none;
   padding: 0px;
   margin: 54px 0px 0px 0px;
   float: left;
}
ul.page-menu li{
	float: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
}
ul.page-menu li a{
	position: relative;
	color: #fff;
	width: 104px;
	height: 68px;
	display: block;
}
ul.page-menu li a span{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	background: url(/res/menu.jpg) no-repeat 0 0;
}
ul.page-menu li.uvod a span{
	background-position: 0px -68px;
}
ul.page-menu li.uvod a.active span,
ul.page-menu li.uvod a:hover span{
   background-position: 0px 0px;
}
ul.page-menu li.kontakt a span{
	background-position: -104px -68px;
}
ul.page-menu li.kontakt a.active span,
ul.page-menu li.kontakt a:hover span{
   background-position: -104px 0px;
}
ul.page-menu li.reference a span{
	background-position: -208px -68px;
}
ul.page-menu li.reference a.active span,
ul.page-menu li.reference a:hover span{
   background-position: -208px 0px;
}
ul.page-menu li.sluzby a span{
	background-position: -312px -68px;
}
ul.page-menu li.sluzby a.active span,
ul.page-menu li.sluzby a:hover span{
   background-position: -312px 0px;
}
ul.page-menu li.reklama a span{
	background-position: -416px -68px;
}
ul.page-menu li.reklama a.active span,
ul.page-menu li.reklame a:hover span{
   background-position: -416px 0px;
}
ul.page-menu li.o-nas a span{
	background-position: -520px -68px;
}
ul.page-menu li.o-nas a.active span,
ul.page-menu li.o-nas a:hover span{
   background-position: -520px 0px;
}

ul.page-menu li.lab a span{
	background-position: -624px -68px;
}
ul.page-menu li.lab a.active span,
ul.page-menu li.lab a:hover span{
   background-position: -624px 0px;
}
ul.page-menu li.mobilni-aplikace a{
	width: 154px;
}
ul.page-menu li.mobilni-aplikace a span{
	background-position: -728px -68px;
}
ul.page-menu li.mobilni-aplikace a.active span,
ul.page-menu li.mobilni-aplikace a:hover span{
   background-position: -728px 0px;
}
/*ul.page-menu li a span
ul.page-menu li a:hover span*/



.cols{
	/*zpusobuje bili dole zmensit:) */
	position: relative;
	width: 995px;
	/*height: 738px;*/
	height: 746px;
	background: url(/res/bg-page.gif) repeat top center;
}
.cols .in{
	float: left;
	border: none;
	height: 530px;
}
.hp-content{
	width: 254px;
	height: 235px;
	/*margin-top: 23px;*/
	margin-top: 13px;
	margin-right: 160px;
   overflow: hidden;
	background: url(/res/hp-content.jpg) no-repeat center center;
}
.hp-content .in{
	margin: 7px;
	width: 240px;
	height: 221px;
   line-height: 18px;
}
* html .hp-content{
	margin-right: 80px;
}
.hp-content p{
	margin: 5px 15px;
   text-align: justify;
}
/* services */
.content{
	margin: 50px 0px 0px 23px;
	width: 972px;
	height: 481px;
   font: normal 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
   line-height: 16px;
}
ul{
   list-style: none;
   color: #000;
   margin: 0px;
   padding: 0px;
   float: left;
}
ul li{
   margin: 0px;
   padding: 0px;
}

ul li {
   list-style: none;
   background: transparent url(/res/li-dot.gif) no-repeat left center;
   padding-left: 10px;
   font-size: 12px;
   color: #58626B;
	line-height: 16px;
}
ul li a{
	text-decoration: none;
	color: #58626B;
}
ul li a:hover{
	text-decoration: underline;
}
.lft{
	width: 552px;
}
.mid{
	margin-left: 10px;
	width: 200px;
}
.rgt{
	width: 200px;
}
.content-foot
{
	margin: 5px 0px 10px 23px;
	width: 972px;
	height: 195px;
}
* html .content-foot{
	margin-left: 11px;
}
.foot-img{
	margin: 0px 10px 0px 0px;
}
.foot-img img{
	border: 3px solid #fff;
}
/* END services */
.foot-box{
	float: left;
	margin-top: 13px;
	margin-left: 21px;
	width: 250px;
	height: 195px;
}
.foot-box h3{
	margin-bottom: 8px;
}
.foot-box ul{
	float: none;
   list-style: none;
   color: #000;
   margin: 0px;
   padding: 0px;
   height: 80px;
}
.foot-box ul li{
   margin: 0px;
   padding: 0px;
}

.foot-box ul li {
   list-style: none;
   background: transparent url(/res/li-dot.gif) no-repeat left center;
   padding-left: 10px;
   font-size: 12px;
   font-weight: bold;
   color: #58626B;
	line-height: 16px;
}
.foot-box ul li a{
	text-decoration: none;
	color: #58626B;
}

.footer-top a 
{
   color: #ffffff;
}

.foot-box ul li a:hover{
	text-decoration: underline;
}
.foot-box .price{
	width: 175px;
	height: 55px;
   text-align: center;
   line-height: 55px;
   margin: 0px 8px;
   font-size: 13px;
   font-weight: bold;
}
.price1{background: url(/res/button-box1.jpg) no-repeat center center;}
.price2{background: url(/res/button-box2.jpg) no-repeat center center;}
.price3{background: url(/res/button-box3.jpg) no-repeat center center;}
.col-left
{
	float: left;
	width: 201px;
}

.col-center
{
	float: left;
	width: 560px;
	margin-left: 10px;
}
.col-right
{
	float: right;
   width: 201px;
   /*width: 465px;*/
   overflow-x: hidden;
}
.footer
{
	/*float: left;*/
	width: 995px;
	height: 137px;
   font-size: 11px;
	color: #808080;
}
.footer-top
{
	height: 52px;
}
.copy
{
	color: #fff;
	line-height: 50px;
}

.service-tab
{
   width: 770px;
}

.service-tab h2, .service-tab h2 a
{
   text-decoration: none;
   color: #000;
   padding-top: 5px;
}

.service table td 
{
   padding: 1px; 
}

.service table th 
{
   padding: 1px;
   font-style: italic;
   padding-left: 20px; 
   font-weight: normal;
}

.footer-bottom
{
	margin-top: 20px;
	line-height: 20px;
}
.footer-bottom a
{
	color: #808080;
}
.left{}
.pager
{
	text-align: right;
   font-size: 12px;
	margin: 3px 0px;
}

.pager ul li
{
   background: url();
}

.pager a
{
	text-decoration: none;
	padding: 2px 5px;
   background-color: #FF3D7A;
   color: #fff;
   font-weight: bold;
}
.pager ul
{
   list-style: none;
   color: #333;
   margin: 0px;
   padding: 0px;
}
.pager ul li
{
	display: inline;
   margin: 0px;
   padding: 0px;
}
.pager a:hover,
.pager .active
{
   background-color: #3EACE7;
}
.pager .next
{

}
.pager .previous
{
}
.page{}

.uvod-text
{
	/*margin: 45px 0px 0px 0px;*/
	margin: 35px 0px 0px 0px;
}
.top-text-box{
	margin-top: 70px;
	width: 260px;
	height:  115px;
   text-align: justify;
}
.hp-line{
	width: 995px;
	height: 2px;
   font-size: 2px;
	background: url(/res/hp-line.jpg) no-repeat center center;
	margin-top: 15px;
}
/* Prvky kontaktniho formulare */
label{
   font-size: 11px;
   font-weight: bold;
}
#ContactForm{
	/*margin-top: 56px;*/
	margin-top: 44px;
}
.input{
	width: 226px;
	/*height: 35px;*/
	background: url(/res/form3.jpg) no-repeat;
	border: none;
padding: 11px 6px;
}

.input-wet{
	width: 226px;
	/*height: 35px;*/
	background: url(/res/form4.png) no-repeat;
	border: none;
padding: 11px 6px;
}


.input2{
   background-position: 0px -35px;
}
.input3{
   background-position: 0px -70px;
}
.textarea1{
	width: 366px;
	height: 80px;
   background-position: 0px -105px;
}

.textarea-wet{
	width: 378px;
	height: 80px;
   background-position: 0px -35px;
}

.submit1{
	width: 175px;
	height: 55px;
   background-position: 0px -207px;
   margin: -3px 0px 0px 0px;
}

.submit-wet{
	width: 175px;
	height: 35px;
   background-position: 0px -137px;
   margin: 5px 0px 0px 0px;
}

.form-content{
	float: right;
	margin: 40px 50px 0px 0px;
	width: 400px;
   font-size: 13px !important;
}
/* Stranka s referencemi */
.h163{
	width: 550px;
	height: 163px;
	margin-left: 8px;
	float: left;
   font-size: 12px;
   line-height: 16px;
}
.h163 h2{
	padding-top: 9px;
	padding-bottom: 0px;
	margin-left: 3px;
}
.h h2{
	padding-top: 7px;
   font-size: 140%;
}

*html .contact-button
{
   width: 184px;
   height: 50px;
   background: url(/res/butt_kontakt.gif) no-repeat center center;
   display: block;
}

.contact-button
{
   width: 184px;
   height: 50px;
   background: url(/res/butt_kontakt.png) no-repeat center center;
   display: block;
}

.reference-detail{
	margin: 50px 0px 0px 14px;
}
.reference-text{}
.reference-imgs{}
.reference-big-img{
	width: 403px;
	height: 291px;
	display: block;
	float: left;
	background: url(/res/big-ref-shadow.jpg) no-repeat center center;
}
.reference-big-img img{
	margin: 13px 0px 0px 13px;
}
.reference-small-img{
	width: 176px;
	height: 129px;
	display: block;
	float: left;
}
.reference-small-img img{
	margin: 13px 0px 0px 13px;
}
.rsi1{
	background: url(/res/ref-1-shad.jpg) no-repeat center center;
}
.rsi2{
	background: url(/res/ref-2-shad.jpg) no-repeat center center;
}
.rmi1,
.rmi2,
.rmi3,
.rmi4{
	width: 176px;
	height: 129px;
	display: block;
}
.rmi1{
	background: url(/res/ref-small-1.jpg) no-repeat center center;
}
.rmi2{
	background: url(/res/ref-small-2.jpg) no-repeat center center;
}
.rmi3{
	background: url(/res/ref-small-3.jpg) no-repeat center center;
}
.rmi4{
	background: url(/res/ref-small-4.jpg) no-repeat center center;
}
.mtb4{
	display: block;
	margin: 3px 0px;
}

/* News */
.news{
	padding: 0px;
	margin: 0px;
}
.news h2{
	float: right;
	padding: 0px;
	margin: 0px;
	width: 170px;
}

.news-label{
	line-height: 28px;
	margin-left: 15px;
   background: url(/res/news-line.jpg) no-repeat left bottom;
}
/* END News*/
/*JS styly*/
/*-------------------------------------------------------------------------------
 * BOXY*/
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */

  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

  /* Border */

  .boxy-wrapper { empty-cells: show;}
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

	.boxy-wrapper .top-left { background: url('/global/res/www/cms/1.0/boxy/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('/global/res/www/cms/1.0/boxy/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('/global/res/www/cms/1.0/boxy/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('/global/res/www/cms/1.0/boxy/images/boxy-sw.png'); }

	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/res/www/cms/1.0/boxy/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/res/www/cms/1.0/boxy/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/res/www/cms/1.0/boxy/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/res/www/cms/1.0/boxy/images/boxy-sw.png'); }

	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

	/* Title bar */

	.boxy-wrapper .title-bar { background-color:#01B6FA; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: bold; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

	/* Content Region */

	.boxy-inner { background-color: white; padding: 0;z-index: 1001; }
	.boxy-content { padding: 15px; }

	/* Question Boxes */

    /*.boxy-wrapper .answers input {background-color: red;}*/
    .boxy-wrapper .answers { text-align: right; }

.red{background-color: red;}

/*-------------------------------------------------------------------------------
/* BOXY END*/
/*-------------------------------------------------------------------------------
 * SLIDER
 */
/*
 * Color, Border, and Button Rules
 */
.contentslider {
/*	padding: 1px;*/
}
.cs_wrapper, .cs_article {
 /*background-color: #FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
 /*width: 15px;*/ /* Should be as wide as the button graphic being used */
 /*background-color: #B5C5E6;*/
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
/*
.cs_article h2 {
	font-size: 170%;
	padding: 11px 0px 6px 0px;
	margin-top: 20px;
}
 .cs_article h2 a {
 color: #333;
 text-decoration: none;
 }
*/
.cs_article p {
 font-size: 100%;
 line-height: 1.5em;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
	float: left;
 position: relative;
 display: block;
 width: 521px;
 height: 259px;
 /*margin: 0 auto;*/
 margin-left: 20px;
 /*margin-top: 23px;*/
 margin-top: 13px;
 overflow: hidden;
}
* html .contentslider {margin-left: 10px;}
.cs_wrapper {
 position: relative;
 display: block;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
}
.cs_slider {
 position: absolute;
 width: 10000px;
 height: 100%;
 margin: 0;
 padding: 0;
}

.cs_article {
 float: left;
 position: relative;
 top: 0;
 left: 0;
 display: block;
 width: 521px;
 height: 259px;
 margin: 0 auto;
 padding: 0;
}


.ref-det
{
	float: left;
	width: 521px;
	height: 259px;
	font-size: 11px;
   background: url(/res/cs_hp-reference.jpg) no-repeat center center;
}
.ref-det-new
{
	float: left;
	width: 521px;
	height: 259px;
   font-size: 11px;
   background: url(/res/cs_hp-reference-new.jpg) no-repeat center center;
}
/*
.ref-det h2 {
	display: block;
	margin: 0px 0px 0px 250px;
	text-align: left;
}
*/
.ref-det-new img,
.ref-det img {
 /*position: absolute;*/
 margin: 10px 10px 10px 25px;
 /*top: 0;
 left: 0;*/
 /*width: 228px;*/
 border: 0;
 -ms-interpolation-mode: bicubic;
 float: left;
}
.ref-date{
	float: left;
	margin-left: 2px;
}
.ref-h2{
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	border-left: 1px solid #000;
	padding-left: 3px;
	margin-left: 3px;
}
.ref-h2 a{
	color: #000;
}
.ref-h2 a:hover{
   text-decoration: underline;
}
.ref-link{
	margin-left: 3px;
	/*color: #58626B;*/
   text-decoration: underline;
}

.ref-det-new p,
.ref-det p {
 display: block;
 width: 220px;
 /*width: 65%;*/
 /*margin:0 26px 5px 67%;*/
 /*margin: 10px 26px 5px 265px;*/
 margin: 10px 26px 5px 0px;
 padding: 0;
 border: 0;
 text-align: justify;
}
/*-------------------------------------------------------------------------------
 * SLIDER END
 */


.tech
{
   background: url(/res/techs.png) no-repeat;
   display: block;
   width: 385px;
   height: 53px;
}

.foot_mysql
{
   width: 90px;
   height: 50px;
   display: block;
   float: left;
}



.foot_php
{
   width: 75px;
   height: 50px;
   display: block;
   float: left;
}

.foot_fb
{
   width: 45px;
   height: 50px;
   display: block;
   float: left;
}

.foot_jquery
{
   width: 105px;
   height: 50px;
   display: block;
   float: left;
}
.foot_debian
{
   width: 40px;
   height: 50px;
   display: block;
   float: left;
}


/*-------------------------------------------------------------------------------
 * SLIDER mini
 */

.Rms-contentslider {
	float: left;
  position: relative;
  display: block;
  width: 788p;
  height: 129px;
  margin: 14px 0px 0px 22px;
  overflow: hidden;
}
* html .Rms-contentslider {
	margin: 14px 0px 0px 11px;
}
.Rms-cs_wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.Rms-cs_slider {
  position: absolute;
  width: 10000px;
  height: 100%;
  margin: 0;
  padding: 0;
}

.Rms-cs_article {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  padding: 0;
}
.Rms-cs_article .ref-con
{
	float: left;
	/*margin: 10px 20px;*/
	width: 176px;
	height: 129px;
   display: block;
}
.Rms-cs_article img {
	margin: 0px;
  /*position: absolute;
  margin: 10px 20px;
  top: 0;
  left: 0;*/
  /*width: 35%*/
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.Rms-cs_leftBtn, .Rms-cs_rightBtn {
  position: absolute;
  top: 0;
  height: 126px;
  width: 39px;
  padding: 0px;
  z-index: 10;
	}
.Rms-cs_leftBtn {
  left: 0;
  outline: 0;
}
.Rms-cs_rightBtn {
  right: 0;
  outline: 0;
}
.Rms-cs_leftBtn img, .Rms-cs_rightBtn img {
  border:0;
  position: relative;
  top: 0px;
  margin:0;
  margin-top: 0px;
}
.boxgrid{
	margin: 13px;
	width: 150px;
	height: 103px;

	overflow: hidden;
	position: relative;
}
.boxgrid p{
	padding: 0px;
	color:#afafaf;
	font-weight:bold;
}

.boxcaption{
	/*float: left;*/
	position: absolute;
	background: #fff;
	height: 40px;
	width: 150px;
	opacity: .5;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
}

.external-link {
background:transparent url(/res/external_link.gif) no-repeat scroll right center;
padding-right:12px;
}

.captionfull .boxcaption {
top: 103px;
left: 0px;
}
.cover h3{
	padding: 2px 0px 0px 3px;
	margin: 0px;
	color: #000;
}
.ml42{
	margin-left: 42px;
}
* html .ml42{ margin-left: 21px;}
.my{
	width: 253px;
	float: right;
}

.weather_day
{
   width: 50px;
}

.tick
{
   width: 20px;
   height: 20px;
   display: block;
   background-image: url(/res/tick.png);
}

.ok
{
   width: 20px;
   height: 20px;
   display: block;
   background-image: url(/res/add.png);
}

* html .tick
{
   width: 20px;
   height: 20px;
   display: block;
   background-image: url(/res/add.gif);
}


* html .ok
{
   width: 20px;
   height: 20px;
   display: block;
   background-image: url(/res/add.gif);
}


/*-------------------------------------------------------------------------------
 * SLIDER END
 */
.grey{color: #808080;}
.cwhite{color: #fff;}
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.w100{width: 100px;}
.w300{width: 300px;}
.w600{width: 600px;}
.w270{width: 270px;}
.fw{font-weight: bold;}

.mtb20{margin: 20px 0px;}


.fl{float: left;}
.fr{float: right;}
.fn{float: none;}

.cl
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}
.h47{height: 47px;}
.h10{height: 7px;}
.br{border: 1px solid red;}
.error{height: 10px; display: block; width: 100%;}