/* --------------- Obsah

1. Obecne
2. Top
	* menu
3. Bottom
4. Obsah
5. Buttony
6. Form�ov��textu
	* seznamy
7. sIFR


------------------ */

/****************************************************************/
/* 1. Obecne  */
/****************************************************************/

body {background-color: #FFF; padding: 0; margin:0; font-family:Arial, Helvetica, sans-serif; color: #333;}
* {padding:0; margin:0;}

.float-left {float:left;}
.float-right {float:right;}
.clear {display:block; height:0; font-size:0; clear:both;}

li {list-style-type:none;}

a {color: #8cc63f; text-decoration:underline;}
a:hover {color:#ec1d26; text-decoration:none;}

.all {width:940px; margin:0 auto; position:relative;}

.width300 {width:300px;}
.width620 {width:620px;}
.width460 {width:460px;}

.marleft20 {margin-left:20px;}
.marbot20 {margin-bottom: 20px;}
.martop30 {margin-top:30px;}
.martop20 {margin-top: 20px;}

/****************************************************************/
/* --------------- 2. Top ---- */
/****************************************************************/
.motto {width:347px; height:24px; overflow:hidden; position:relative; margin-top:50px;}
.motto span {width:347px; height:24px; position:absolute; top:0; left:0; display:block; background:url(/img/motto.gif) no-repeat 0 0; z-index:1;}

.menu-bg {background:url(/img/menu/bg.gif) repeat-x 0 0; clear:both; height:80px; margin-bottom:16px;}
ul.menu li {float:left;}

ul.menu li.menu01 a, ul.menu li.menu01 {width: 127px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu02 a, ul.menu li.menu02 {width: 86px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu03 a, ul.menu li.menu03 {width: 106px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu04 a, ul.menu li.menu04 {width: 68px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu05 a, ul.menu li.menu05 {width: 72px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu06 a, ul.menu li.menu06 {width: 145px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu07 a, ul.menu li.menu07 {width: 128px; height:56px; overflow:hidden; position:relative; display:block;} 
ul.menu li.menu08 a, ul.menu li.menu08 {width: 89px; height:56px; overflow:hidden; position:relative; display:block; } 
ul.menu li.menu09 a {width: 83px; margin-left:35px; height:56px; overflow:hidden; position:relative; display:block; } 

ul.menu li.menu01 a, ul.menu li.menu02 a, ul.menu li.menu03 a, ul.menu li.menu04 a, ul.menu li.menu05 a, ul.menu li.menu06 a, ul.menu li.menu07 a, ul.menu li.menu08 a, ul.menu li.menu09 a {cursor:pointer;}

  

ul.menu li.menu01 a span, ul.menu li.menu01 span 
{width: 127px; background:url(/img/menu.cs/about.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu02 a span, ul.menu li.menu02 span 
{width: 86px; background:url(/img/menu.cs/benefits.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu03 a span, ul.menu li.menu03 span 
{width: 106px; background:url(/img/menu.cs/presentation.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu04 a span, ul.menu li.menu04 span 
{width: 68px; background:url(/img/menu.cs/pricelist.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu05 a span, ul.menu li.menu05 span
 {width: 72px; background:url(/img/menu.cs/clients.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu06 a span, ul.menu li.menu06 span
 {width: 145px; background:url(/img/menu.cs/case-studies.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu07 a span, ul.menu li.menu07 span
 {width: 128px; background:url(/img/menu.cs/crazy-tomato.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu08 a span, ul.menu li.menu08 span
 {width: 89px; background:url(/img/menu.cs/contact.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }
ul.menu li.menu09 a span
 {width: 83px; background:url(/img/menu/client-login.gif) no-repeat 0 0; height:56px; display:block; position:absolute;  top:0; left:0;  z-index:1; }

ul.menu li.menu01 span, 
ul.menu li.menu02 span,
ul.menu li.menu03 span,
ul.menu li.menu04 span,
ul.menu li.menu05 span, 
ul.menu li.menu06 span, 
ul.menu li.menu07 span, 
ul.menu li.menu08 span
{background-position: 0 -112px;}

ul.menu li.menu01 a:hover span, ul.menu li.menu01 a:hover,
ul.menu li.menu02 a:hover span, ul.menu li.menu02 a:hover,
ul.menu li.menu03 a:hover span, ul.menu li.menu03 a:hover,
ul.menu li.menu04 a:hover span, ul.menu li.menu04 a:hover,
ul.menu li.menu05 a:hover span, ul.menu li.menu05 a:hover,
ul.menu li.menu06 a:hover span, ul.menu li.menu06 a:hover,
ul.menu li.menu07 a:hover span, ul.menu li.menu07 a:hover,
ul.menu li.menu08 a:hover span, ul.menu li.menu08 a:hover,
ul.menu li.menu09 a:hover span, ul.menu li.menu09 a:hover
{background-position: 0 -56px;}


/* -- client login -- */
.client-login {width:181px; height:162px; position:absolute; top:-136px; left:770px; background:url(/img/backgrounds/client-login.gif) no-repeat 0 0; z-index:1; padding:29px 0 0 30px;}
.client-login .content {width:115px;  font-size:80%; }
.client-login .content p {color: #FFF; margin-bottom:0px;}
.client-login .content input {background-color: #FFF; border:0;  color:#333; font-size:80%; height:14px; width:110px; padding:2px;margin-bottom: 4px;}
.client-login .content a.ok, .client-login .content a.cancel {width:31px; height:19px; overflow:hidden; position:relative; color:#FFF; float:right; margin:6px 7px 0 0; cursor:pointer;}
.client-login .content a.cancel {margin-right:19px;}
.client-login .content a.ok span {width:31px; height:19px; position:absolute; top:0; left:0; display:block; background:url(/img/buttons/client-ok.gif) no-repeat 0 0; z-index:1;}
.client-login .content a.cancel span {width:31px; height:19px; position:absolute; top:0; left:0; display:block; background:url(/img/buttons/client-cancel.gif) no-repeat 0 0; z-index:1;}

.client-login .content a.ok:hover span, .client-login .content a.ok:hover,
.client-login .content a.cancel:hover span, .client-login .content a.cancel:hover
{background-position: -31px 0;}





/****************************************************************/
/* --------------- 3. Bottom ---- */
/****************************************************************/
.bottom {background: url(/img/backgrounds/bottom.gif) repeat-x 0 0; text-align:center; margin:50px 0 15px; padding:30px 0;}
.bottom p {font-size:70%; color: #A5A5A5; margin-top:10px;}
.bottom p a {color: #A5A5A5;}
.bottom .fresh {width:243px; height:22px; overflow:hidden; position:relative; float:right; margin-right:10px;}
.bottom .fresh span {width:243px; height:22px; display:block; position:absolute; top:0; left:0; background:url(/img/fresh.gif) no-repeat 0 -22px; z-index:1;}
.bottom .fresh:hover span, .bottom .fresh:hover {background-position: 0 0;}

/****************************************************************/
/* --------------- 4. Obsah ---- */
/****************************************************************/
div.nadpisy-border {border-top: 1px solid #CBCBCB; border-bottom:1px solid #8CC63F; padding: 13px 0 11px; margin:35px 0 15px;}
div.nadpisy-border02 {border-bottom:1px solid #8CC63F; padding: 13px 0 5px; margin-bottom: 10px;}


/* -- novinky -- */
.novinky-left {width:60px;}
.novinky-right {width:240px;}
.novinky-right p {margin-bottom: 0;}
.novinky-right a.more {background: url(/img/sipka-red.gif) no-repeat 0 5px; padding-left:13px; font-size:75%;}

div.kalendar {width: 48px; background:url(/img/backgrounds/kalendar.gif) repeat-y 0 0; border-top:1px solid #F5F5F5; text-align:center;}
div.kalendar p.month {border-top: 1px solid #DDDDDD; font-size:10px; padding-top:2px; width: 42px; margin:0 auto; padding-bottom:0;}
.kalendar-bot {display:block; width:48px; height: 8px; background:url(/img/backgrounds/kaledar-bot.gif) no-repeat 0 0;}

div.button-spodni {border-top: 1px solid #D9D9D9;}

/* ---- o tomatoedge -- */
.box-green {width: 460px; background:url(/img/backgrounds/green-box-bg.gif) repeat-y 0 0;}
.box-green p, .box-red p {margin-bottom: 0!important; padding:0 22px; color:#FFF;}
.box-green .top {background: url(/img/backgrounds/green-box-top.gif) no-repeat 0 0; height:70px;}
.box-green .top h3 {color: #ec1d26; font-size:120%; font-weight:normal; padding:26px 0 0 22px;}

.box-green .top02 {background: url(/img/backgrounds/red-box-bot01.gif) no-repeat 0 0; height:110px;}
.box-green .top02 h3 {color: #ec1d26; font-size:120%; font-weight:normal; padding:66px 0 0 22px;}

.box-red {width: 460px; background:url(/img/backgrounds/red-box-bg.gif) repeat-y 0 0;}
.box-red .top01 {background: url(/img/backgrounds/green-box-bot01.gif) no-repeat bottom; height:110px;}
.box-red .top01 h3, .box-red .top02 h3 {color: #6ba81a; font-size:120%; font-weight:normal; padding:68px 0 0 22px;}
.box-red .top02 {background: url(/img/backgrounds/green-box-bot02.gif) no-repeat bottom; height:110px;}
.box-red .bot {background: url(/img/backgrounds/red-box-bot02.gif) no-repeat 0 0; height:25px;}


/* --- prinosy -- */
.width50 {width:50px; float:left;}
.background-green {width: 566px; background:url(/img/backgrounds/prinosy.gif) repeat-x bottom #8cc63f; float:right;}
.background-green p {color: #FFF; text-transform:uppercase; padding:9px 12px; margin-bottom:0px;}
.p01 {width:51px; height:38px; background: url(/img/prinosy/p01.gif) no-repeat 0 0;}
.p02 {width:51px; height:38px; background: url(/img/prinosy/p02.gif) no-repeat 0 0;}
.p03 {width:51px; height:38px; background: url(/img/prinosy/p03.gif) no-repeat 0 0;}
.p04 {width:51px; height:38px; background: url(/img/prinosy/p04.gif) no-repeat 0 0;}
.p05 {width:51px; height:38px; background: url(/img/prinosy/p05.gif) no-repeat 0 0;}
.p06 {width:51px; height:38px; background: url(/img/prinosy/p06.gif) no-repeat 0 0;}
.p07 {width:51px; height:38px; background: url(/img/prinosy/p07.gif) no-repeat 0 0;}

.p01 span, .p02 span, .p03 span,.p04 span, .p05 span, .p06 span, .p07 span {display:none;}


/* -- klienti -- */
.box-klienti {width:193px; float:left; background:url(/img/backgrounds/klienti.gif) no-repeat 0 0; padding-top:34px; margin-bottom:35px; text-align:center;}


/* ---- kontakt -- */
address { font-style:normal; font-size:75%; line-height:170%; font-weight:bold;}
hr {height: 1px; border:0; background-color: #dfdfdf; color:#dfdfdf; margin:20px 0;}


/* --- cenik --- */
.width55 {width:55px; float:left;}
.width547 {width:547px; float:right;}
.c01 {width:54px; height:56px; background: url(/img/cenik/c01.gif) no-repeat 0 0;}
.c02 {width:54px; height:56px; background: url(/img/cenik/c02.gif) no-repeat 0 0;}
.c03 {width:54px; height:56px; background: url(/img/cenik/c03.gif) no-repeat 0 0;}

.c01 span, .c02 span, .c03 span {display:none;}



/****************************************************************/
/* --------------- 5. Buttony ---- */
/****************************************************************/
.vice-sluzbe,
.but-kontakt,
.zobrazit-archiv,
.zobrazit-klienty,
.cely-cenik,
.o-tomatoedge,
.prinosy-sluzby
{display:block; width:121px; overflow:hidden; position:relative; cursor:pointer;}
.but-button1,
.but-button2,
.but-button3,
.but-button4
{display:block; float: left; width:117px; overflow:hidden; position:relative; cursor:pointer;margin-left: 8px;}

.vice-sluzbe span,
.but-kontakt span,
.zobrazit-archiv span,
.zobrazit-klienty span,
.cely-cenik span,
.o-tomatoedge span,
.prinosy-sluzby span
{width:121px; display:block; position:absolute; top:0; left:0; background:no-repeat 0 0; z-index:1;}

.but-button1 span,
.but-button2 span,
.but-button3 span,
.but-button4 span
{width:117px; display:block; position:absolute; top:0; left:0; background:no-repeat 0 0; z-index:1;}


.vice-sluzbe, .but-kontakt {height: 40px; margin-top:20px;}
.zobrazit-archiv, .zobrazit-klienty, .cely-cenik, .o-tomatoedge, .prinosy-sluzby {height:29px;}

.but-button1,.but-button2,.but-button3,.but-button4 {height: 26px;}

.vice-sluzbe span {height: 40px; background:url(/img/buttons.cs/about.gif);}
.but-kontakt span {height: 40px; background:url(/img/buttons.cs/contact.gif);}
.zobrazit-archiv span {height: 29px; background:url(/img/buttons.cs/view-archive.gif);}
.zobrazit-klienty span {height: 29px; background:url(/img/buttons.cs/view-all-clients.gif);}
.cely-cenik span {height: 29px; background:url(/img/buttons.cs/pricelist.gif);}
.o-tomatoedge span {height: 29px; background:url(/img/buttons.cs/about-small.gif);}
.prinosy-sluzby span {height: 29px; background:url(/img/buttons.cs/benefits.gif);}
.but-button1 span {height: 26px; background:url(/img/buttons.cs/button1.jpg);}
.but-button2 span {height: 26px; background:url(/img/buttons.cs/button2.jpg);}
.but-button3 span {height: 26px; background:url(/img/buttons.cs/button3.jpg);}
.but-button4 span {height: 26px; background:url(/img/buttons.cs/button4.jpg);}

.but-button1:hover span {height: 26px; background:url(/img/buttons.cs/button1_red.jpg);}
.but-button2:hover span {height: 26px; background:url(/img/buttons.cs/button2_red.jpg);}
.but-button3:hover span {height: 26px; background:url(/img/buttons.cs/button3_red.jpg);}
.but-button4:hover span {height: 26px; background:url(/img/buttons.cs/button4_red.jpg);}

.vice-sluzbe:hover span, .vice-sluzbe:hover,
.but-kontakt:hover span, .but-kontakt:hover,
.zobrazit-archiv:hover span, .zobrazit-archiv:hover,
.zobrazit-klienty:hover span, .zobrazit-klienty:hover,
.cely-cenik:hover span, .cely-cenik:hover,
.o-tomatoedge:hover span, .o-tomatoedge:hover,
.prinosy-sluzby:hover span, .prinosy-sluzby:hover
{background-position: -121px 0;}


/****************************************************************/
/* --------------- 6. Formatovani textu ---- */
/****************************************************************/

.red-color {color: #ee2a32;}
.green-color {color: #8cc63f;}

p, h3.green-small, li {font-size:75%; line-height:160%; margin-bottom:0.5em;}

h2.red, h1.red {color: #ee2a32; font-size:22px; margin-bottom:20px;}
h2.green {color: #8CC63F; font-size:20px;}
h2.green02 {color: #8CC63F; font-size:20px; margin-bottom:20px;}
h2.green-light {color: #8CC63F; font-size:20px;}

h3.green-small {color: #8CC63F; font-weight:bold; margin-top: 0.5em;}
p.date {color: #8CC63F; font-size:21px; margin-bottom:0; font-weight:bold;}

.novinky-right h3 {text-transform: uppercase; color: #000; font-weight:bold; font-size:80%;}

/* --- seznamy --- */
ul.sipky li {background: url(/img/sipka-seznam.gif) no-repeat 0 5px; padding-left:31px; margin-bottom:0.6em;}




/****************************************************************/
/* --------------- 7. sIFR ---- */
/****************************************************************/

.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

.sIFR-hasFlash h2.red {visibility: hidden;font-size:22px;letter-spacing: 0;}
.sIFR-hasFlash h1.red {visibility: hidden;font-size:22px;letter-spacing: 0;}
.sIFR-hasFlash h2.green {visibility: hidden;font-size:22px;letter-spacing: -1px;}
.sIFR-hasFlash h2.green02 {visibility: hidden;font-size:22px;letter-spacing: -1px;}
.sIFR-hasFlash h2.green-light {visibility: hidden;font-size:22px;letter-spacing: -1px;}




div.grey {background-color:#818181; padding:5px 10px; margin-top:15px;}
.content {overflow: auto;}
h2.grey-hed {font-size:14px; font-weight:bold; color:#FFF; text-transform:uppercase; }
table.line-bot {margin:10px 0;}
table.line-bot td {border-bottom:1px solid #E1E1E1; padding:5px 10px;}
table.line-bot td p{margin:8px 0px;}
table.line-non {margin:10px 0;}
table.line-non {overflow: scroll;}
table.line-non td { padding:5px 0px;}
table.line-non td p{margin:5px 0px;}
table.line-non td img{border:3px solid #e0e0e0;}
.width455 {width:455px;}
a.play-button {width:24px; height:21px; display:block; background: url(/img/admin/play-button.gif);}
a.play-button span {display:none; visibility:hidden;}
table.striped, table.line-bot {width:100%; margin-top:15px;}
table.striped td {padding:10px; border-bottom:1px solid #e1e1e1;}
table.striped th {padding:10px; color:#FFF; text-transform:uppercase; background-color:#000; text-align:left; font-size:90%;}
table.striped tr.even {background-color:#eee;}
.width150 {width: 150px;}
.width80 {width: 80px;}