/* default */
BODY{background: #0e8430 url(../pic/background.jpg) no-repeat top center; margin: 0; padding: 0; text-align: center;}
DIV, P, SPAN, UL, OL, LI, TH, TD{font: 9pt Tahoma, "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #474646;}
H1{font: normal 16pt Arial, Tahoma, Geneva, Helvetica, sans-serif; color: #0a8839; margin: 0 0 10px 0; padding: 0 0 10px 0;}
H2{font: bold 12pt Arial, Tahoma, Geneva, Helvetica, sans-serif; color: #029428; margin: 0; padding: 0 0 15px 0;}
H3{font: bold 11pt Arial, Tahoma, Geneva, Helvetica, sans-serif; color: #43bf64; margin: 0; padding: 0 0 10px 0;}
TABLE{width: 100%; border: 0 none; margin-bottom: 15px;}
TH{padding-left: 3px; padding-right: 3px;	text-align: left; color: #898052;}
TD{padding-left: 3px; padding-right: 3px;}
A{color: #DC0A0A; text-decoration: underline;}
A:hover{border: 0 none; color: #DC0A0A; text-decoration: none;}
HR{color: #585151; background-color: #585151; border: 0 none; height: 1px; clear: left; margin: 0 0 13px 0; padding: 0;}
UL{margin-top: -5px;	list-style: square;}
UL LI{line-height: 150%;}
P{margin: 0 0 15px 0; line-height: 150%;}
FORM, INPUT, TEXTAREA{margin: 0;	padding: 0;}
.label{font-weight: bold; text-align: right;}
.text-box{font-size: 8pt;}
.textarea-box{font: 9pt "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif;}
.button-box{
	background-color: #E10C0C;
	border: 1px solid #F83D3D;
	color: #FFF;
	padding: 1px 5px 1px 5px;
	font-weight: bold;
	cursor: pointer;
	font-size: 8pt;
}
/* fotky */
.foto-left{border: 3px solid #9fd7ae; padding: 1px; float: left; margin: 0 10px 13px 0 !important; margin: 0 10px 0 0;}
.foto-right{border: 2px solid #D90707; padding: 2px; float: right; margin: 0 0 0 10px;}

.box-foto A{background: #fff; width: 128px !important; width: 130px; height: 124px; padding: 4px 0px; border: 1px solid #9fd7ae; float: left; margin: 0 4px 10px 9px !important; margin: 0 6px 10px 6px; text-align: center; text-decoration: none;}
.box-foto A:hover{background-color: #ddefe2; border: 1px solid #9fd7ae;}

.box-foto A P{font-size: 8pt; padding: 8px 0 5px 0; line-height: 100%; text-align: center; margin: 0 auto; width: 120px; display: block; text-decoration: none;}
/* konec fotky */

P.box-citace{background-color: #ddefe2; padding: 20px; font-style: italic;}
P.box-citace SPAN{text-align: right; font-weight: bold; display: block; padding: 10px 0 0 0;}

P.kontakt{background-color: #f8fada; border: 1px solid #afbf05; float: left; width: 174px !important; width: 205px; padding:15px; margin: 0 10px 10px 0;}

.big-icon-sekce{float: left; padding: 5px 15px 5px 0;}
.icon-webdesign{float: left; padding: 5px 15px 5px 0;}

.clear{clear: both;}
/* -------------------------------------------------- ID -------------------------------- */
#page{margin: 0 auto; padding: 35px 0 10px 0; width: 960px;margin: 0 auto;}

#top-lista{background-color: #153604; width: 100%; height: 27px;}
#top-lista P{text-align: right; padding: 5px 10px 0 0; color: #667d59;}
#top-lista P A{color: #eaeea6;}
#top-obsah{background: #eef2b1 url(../img/top-podklad.gif) repeat-x; width: 100%; height: 157px;}
#top-obsah #logo{width: 166px; height: 80px; float: left; margin: 24px 0 0 30px !important; margin: 24px 0 0 15px;}
#top-obsah #top-obr{background: url(../img/top-obr.gif) no-repeat; width: 144px; height: 145px; float: left; margin: 0 0 0 80px;}
#top-obsah #top-box{background: url(../img/top-box.gif) no-repeat; width: 416px; height: 98px; float: left; margin: 24px 0 0 100px !important; margin: 24px 0 0 100px; text-align: left;}

#stred{background: #0ba942 url(../img/stred-podklad.gif) repeat-y; margin: 0; padding: 0;}

#lbox{width: 209px; float: left; margin: 0 20px 0 0;}

/* menu */
#menu{width: 208px; margin: 20px auto;}
#menu UL{margin: 0; padding: 0; list-style: none;}
#menu UL LI{margin: 0; padding: 0; text-align: left; border-bottom: 0px dashed #76c58d;}
#menu LI A{
	font: bold 9pt Verdana, "Arial CE", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	display: block;
	width: 138px !important;
	width: 208px;
	padding: 15px 0 15px 70px;
}
#menu LI A#tl-uvod{background: url(../img/icons/menu/uvod.gif) no-repeat 30px center;}
#menu LI A#tl-novinky{background: url(../img/icons/menu/novinky.gif) no-repeat 30px center;}
#menu LI A#tl-onas{background: url(../img/icons/menu/onas.gif) no-repeat 30px center;}
#menu LI A#tl-grafika{background: url(../img/icons/menu/grafika.gif) no-repeat 30px center;}
#menu LI A#tl-webdesign{background: url(../img/icons/menu/webdesign.gif) no-repeat 30px center;}
#menu LI A#tl-produkce{background: url(../img/icons/menu/produkce.gif) no-repeat 30px center;}
#menu LI A#tl-reference{background: url(../img/icons/menu/reference.gif) no-repeat 30px center;}
#menu LI A#tl-kontakt{background: url(../img/icons/menu/kontakt.gif) no-repeat 30px center;}

#menu UL LI A:hover{text-decoration: none; color: #000; font-weight: bold;}
#menu UL LI A#tl-uvod:hover{background: #ee6f23 url(../img/icons/menu/uvod.gif) no-repeat 30px center;}
#menu UL LI A#tl-novinky:hover{background: #ee6f23 url(../img/icons/menu/novinky.gif) no-repeat 30px center;}
#menu UL LI A#tl-onas:hover{background: #ee6f23 url(../img/icons/menu/onas.gif) no-repeat 30px center;}
#menu UL LI A#tl-grafika:hover{background: #ee6f23 url(../img/icons/menu/grafika.gif) no-repeat 30px center;}
#menu UL LI A#tl-webdesign:hover{background: #ee6f23 url(../img/icons/menu/webdesign.gif) no-repeat 30px center;}
#menu UL LI A#tl-produkce:hover{background: #ee6f23 url(../img/icons/menu/produkce.gif) no-repeat 30px center;}
#menu UL LI A#tl-reference:hover{background: #ee6f23 url(../img/icons/menu/reference.gif) no-repeat 30px center;}
#menu UL LI A#tl-kontakt:hover{background: #ee6f23 url(../img/icons/menu/kontakt.gif) no-repeat 30px center;}
/* konce menu */

/* titulní boxy */
.t-box{background: url(../img/titulni-box-pozadi.gif) repeat-y; width: 345px; float: left;  margin: 0 0 20px 0;}
.t-box .head{background: url(../img/titulni-box-head.gif) no-repeat; width: 345px; text-align: center; padding: 6px 0 0 0;}
.t-box .head H1{background: #ebefa9 url(../img/icons/nadpis-sipka.gif) no-repeat; border-bottom: 1px solid #0a8839; width: 233px !important; width: 333px; margin: 0 auto; text-align: left; padding: 12px 50px 15px 50px; font: bold 13pt Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #1d762f;}
.t-box .body{background: url(../img/titulni-box-body.gif) no-repeat bottom; width: 345px; margin: 0 auto; padding-bottom: 6px; text-align: center;}
.t-box .body .obsah{background-color: #fbfcf6; width: 333px !important; width: 333px; height: 236px; margin: 0 auto; text-align: left; padding: 0px; color: #474646;}
.obsah .cast1{width: 303px; height: 66px; padding: 15px; color: #474646;}
.obsah .cast2{background-color: #dcf5e1; width: 303px !important; width: 333px; height: 38px; padding: 13px 15px 17px 15px; color: #474646;}
.obsah .odkaz{background-color:#dcf5e1; float:right; padding: 5px;}
.obsah .odkaz A{text-decoration: none; color: #000;}
.obsah .small-icon-left{float: left; margin: 0 10px 0px 0 !important; margin: 0 10px 0 0; padding-top: 5px;}
/* konec titulní boxy */

#pbox{width: 710px; float: left; text-align: left; padding: 15px 0;}
#pbox-obsah{background: url(../img/pbox-pozadi.gif) repeat-y; width: 710px; text-align: center;}
#pbox-obsah #head{background: url(../img/stred-box-head.gif) no-repeat; width: 710px; text-align: center; padding: 6px 0 0 0;}
#pbox-obsah #head H1{
	background: #ebefa9 url(../img/icons/nadpis-sipka.gif) no-repeat;
	border-bottom: 1px solid #0a8839; 
	width: 598px !important;
	width: 698px;
	margin: 0 auto;
	text-align: left;
	padding: 12px 50px 15px 50px;
	font: bold 13pt Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #1d762f;
}
#pbox-obsah #body{background: url(../img/stred-box-body.gif) no-repeat bottom; width: 710px; margin: 0 auto; padding-bottom: 6px;}
#pbox-obsah #body #obsah{background: #fbfcf6 url(../img/pbox-obsah-body.gif); width: 668px !important; width: 698px; margin: 0 auto; text-align: left; padding: 15px; color: #163b04;}

#pbox-obsah #body #obsah #lstrana{width: 432px; float: left;}
#pbox-obsah #body #obsah #pstrana{width: 205px; float: right; text-align: center;}
#pstrana .vybrana-ref{ padding-bottom: 20px;}
#pstrana .vybrana-ref IMG{border: 5px solid #9fd7ae; margin: 0; padding: 0;}
#pstrana .vybrana-ref IMG:hover{border: 5px solid #bae6c6;}
#pstrana .vybrana-ref P{margin: 0; padding: 5px 0 0 0; text-align: left;}

/* spodek část */
#bottom{background-color: #153704; padding: 10px 0 2px 0; text-align: left; color: #32824e;}
#bottom A{color: #eaeea6;}
#bottom TABLE{border-collapse: collapse; border-spacing: 0; color: #32824e;}
#bottom TABLE .label{font-weight: normal; color: #b6c2ad;}
#bottom .text-box{background-color: #5a724d; border: 1px solid #738768; width: 168px; margin: 0 0 3px 0 !important; margin: 0 0 1px 0;}
#bottom .textarea-box{background-color: #5a724d; border: 1px solid #738768; width: 300px;}
#bottom #box1{width: 169px; float: left; margin: 0 20px !important; margin: 0 20px 0 10px;}
#bottom .delitko{background: #153704 url(../img/delitko.gif) no-repeat; width: 3px; height: 125px; float: left;}
#bottom #box2{width: 440px; float: left; margin: 0 20px;}
#bottom #box3{width: 225px; float: left; margin: 0 20px; text-align: right; color: #32824e !important;}
#bottom H2{font: normal 8pt "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #14d273;}

#created{font-size: 8pt; color: #FFF; padding: 0 0 10px 20px;}
#created A{font-size: 8pt; color: #eaeea6;}
/* konec spodni část */