/* All associated graphics copyright 2009, Eduard ZEMAN alias edi*/
/* ++++++++++++redefining html tags +++++++++++++++++*/
*{	font-family : "Tahoma CE", "Verdana CE", "Geneva CE", "Helvetica CE",  Tahoma, Verdana, Geneva, sans-serif;	font-size : 12px;}

input { color: Black;}
select { color: Black !important;}
html {height: 100%; background-color: #3D4246;}
body{
                margin: 0px;      padding: 0px;
                background: #3D4246;
                background: -moz-linear-gradient(left, #3D4246 39%, #262B2F 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(39%,#3D4246), color-stop(100%,#262B2F));
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4246', endColorstr='#262B2F',GradientType=1 );
                background-repeat: no-repeat;

}

img *, img {border: 0px;}
hr {display: none;}
abbr {font-style:italic; cursor: help;}

a{	text-decoration: underline; 	font-weight: bold; color: White; }
a:hover{	text-decoration: none;}
a.on{	color:white; text-decoration: underline;	font-weight: bold;}
a.on:hover{	text-decoration: none;}

a.alt{ 	color: #33CCFF; background: transparent; text-decoration:underline; font-size: 100%; }
a.alt:hover{ 	color: white; }
a.small { 	text-decoration: none; 	font-weight: normal; 	font-size: xx-small; 	color: #3D4246 !important; padding-left: 10px;}
a.small:hover { 	color:  white !important; background-color: #3D4246; text-decoration: none; }

/*a {color:#576684; text-decoration: none; font-weight: bold; font-size:12px; outline: none;}
a:hover {text-decoration: none;}
a:visited {color:#002346;}
a:active{ outline: none; }
.framecontent a:visited {color:#576684;}

a.alt{color: #4B89FE;	background: transparent; text-decoration:none ; font-size: 100%;}
a.alt:hover{color: white;	background-color: #4B89FE;}*/


h1{font-size: 8px; cursor:default; color:#1C2022;}
h2, h2 * {font-size: 14px !important; font-weight: normal; margin-top: 8px;}
h2.detail * {font-size: 20px !important; font-weight: bold;}
h3{font-size: 16px !important; text-align:justify;}
h3.detail {font-size: 12px !important; font-weight: normal; display: inline;}
h4{font-size: 14px !important; font-weight:normal; margin: 0px; text-align:justify;}
h5{font-size: 10px !important; font-weight:normal;  margin: 10px; text-align:justify;}
h6{font-size: 14px !important; font-weight:normal; margin: 10px; text-align:justify; font-style:italic; color:#CCC;}
li{line-height: 1.5; padding-bottom: 5px;}
ul{ margin-top: 35px;}
map, area { cursor: help;}
em { font-size: 13px !important; color: #ADAEAF;}
/* +++++++++++++++++clases ++++++++++++++++++++++*/
.mylist{	list-style-type : square;	padding-left : 30px;	padding-bottom : 0px;	padding-top : 0px;}
.mylist li{	margin-top : 0px;	margin-bottom : 0px;}
.mojeul { position: relative; left: 50px; width: 300px;}
.mojeul, .mojeul * { margin:0px; padding:0px; line-height: normal;}
.cleaner{clear: both;}
.confirmation { position: relative; left: -10px;}
.confirmation, .confirmation * {text-align: left;}
.bg {	color: red;	background-color: white;	font-weight: bold;}
.big, .vbh, .big *, .vbh * {font-size: 110%; font-weight: bold;}
.hudge { font-size: 200%;}
.ql, .qr {font-size: 700%; position: static; top:0; left:0; color:#65D2EE; float:left;}
.qr {float:right; margin-top: 60px;}
.vbh { color:#65D2EE; cursor: help;}
.mytext, .mytext * {margin-top: 20px;	margin-bottom: 15px;	text-align: justify; }
.hide {display: none;}
.l {float: left;}
.r {float: right;}
.tr {text-align: right;}
.rr {float: right; text-align:right;}
.rr90 {float: right; text-align:right; margin:0px; padding:0px;}
.fn { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.small{	font-size: 12px;}
div.l {padding-bottom: 20px;}
div.r {padding-bottom: 20px;}
.fillin15{height: 15px;}
.fillin35{height: 35px;}
.fillin75{height: 75px;}
.fillin105{height: 105px;}
.fillin210{height: 210px;}
.listit li{	margin-top : 2px;	margin-bottom : 2px;}
.b {font-weight: bold; }
h2.f, h2.v, h2.a { font-size:20px !important; font-weight:bold;}
.f {color:#A6D228;}
.v, .v2 {color:#65D2EE;}
.v2 { font-size: 15px; padding-top: 15px; padding-left: 55px; padding-right: 55px;}
.a {color:#F4409D;}
.i { font-style:italic;}
.b { font-weight: bold;}
.ten { font-size: 10px;}
.povinne {  cursor: help;}
.nounderline { text-decoration: none;}
.nounderline:hover { text-decoration: underline;}
.white {color: white;}
.white * {color: white;}
.green{color: #A6D228;}
.teal{color: #65D2EE;}
.pink{color: #F4409D;}

#couterpanel {text-align:right; width: 200px; float:left; margin-left: 170px;}
.counter {color: white; position: relative; text-align:right; font-size: 0.9em; height: 20px; padding-bottom: 7px;}
.counter * {font-size: 10px;}
.counter span:first-child {color: white; font-size: 1.6em; padding: 3px; margin: 3px;}
.counter a {color: white; font-size: 1.6em; padding: 3px; margin: 3px; text-decoration:none; font-weight: normal;}
#findlogo {text-align:center; width: 209px; float:right;}
#findlogo input:first-child { margin-right: 10px; background-image:url('images/icons/find.gif'); background-position:right; background-repeat:no-repeat; width: 104px;}

#gridparam {width: 15px; height: 300px; float:right; position:relative; top: 20px; left: 17px;}
#odsad { height: 15px;}
#gridset {text-align:right; margin-top:5px; margin-left: 2px;}

.pager {float: left; position: relative; margin-left: 30px;}
.curshlp { cursor:help;}
.vcard {position: relative; left: 4px;}
.org { display: none;}
/* +++++++++++++ defining id tags +++++++++++++++*/
#inbody{z-index: 2;}
#page{}
#inpage{margin: 0 auto 0; text-align: center; width: 950px;}

#basetop {background-color: #1C2022;height: 126px; border-bottom: thin; border-bottom-color:#CCC; border-bottom-style:solid;}
#top{margin: 0 auto 0; width: 950px;}
#aftertop{ height: 30px;}

#main {margin:0px; padding: 0px;}
#inmain {margin:0px; padding: 0px;}
#content{padding: 3%;text-align: justify;font-size: x-small;}

#bottompage{}
#basebottom {background-color: #1C2022;height: 310px; border-top: thin; border-top-color:#CCC; border-top-style:solid;}
#bottom { margin: 0 auto 0; text-align: center;width: 950px; margin-top: 35px;	padding-bottom: 15px;}

/* +++++++++++++ temp start +++++++++++++++*/
#basewhylogo {background-color: #2B3034; border-top: thin; border-top-color:#CCC; border-top-style:solid;}
#whylogo { margin: 0 auto 0; text-align: center; width: 950px; margin-top: 70px;	padding-bottom: 50px; color: #969696;}
.quotal, .quotar {display: block; width:10px; height: 300px; padding-left: 20px; padding-right: 20px;}
.quotal { float: left; text-align:left; background-image: url('images/tol.png'); background-repeat:no-repeat; background-position:center;}
.quotar { float: right; text-align:right; background-image: url('images/tor.png'); background-repeat:no-repeat; background-position:center;}

/*#nula *, #jedna *,#dva *, #tri *, #ctyri *, #pet * { color:#969696; font-style:italic; font-size: 10px;}
#nula, #jedna, #dva, #tri, #ctyri, #pet   { text-align:justify;padding-right: 70px;}*/
#jedna, #dva, #tri, #ctyri {display: none;}
/* +++++++++++++ temp stop +++++++++++++++*/

#leftBOX
                {
                float:left; width: 354px; height: 769px; text-align:justify;
                background: #262B2F;
                background: -moz-linear-gradient(top, #262B2F 16%, #43494E 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#262B2F), color-stop(100%,#43494E));
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262B2F', endColorstr='#43494E',GradientType=0 );
                }

#rightBOX{ margin-left: 354px; min-height: 830px;}

#bottleft *, #bottmiddle *, #bottright * { color: #CCC;}
#bottleft{ width: 230px; text-align: left; border-right: thin; border-right-color:#CCC; border-right-style:solid; float: left;}
#bottmiddle{width: 140px; border-right: thin; border-right-color:#CCC; border-right-style:solid; float: left;padding-left: 10px; text-align: left; height: 180px;}
#bottright{text-align: left; float: right; margin-top: 15px; width: 530px;}

#facebooklike { float: right; margin-top: 17px; margin-right: 40px; height:70px;}
#sponzor * {color:white;}
#popis { margin: 30px; text-align:justify; margin-bottom: 15px;}
#popis * { color:white; font-size:15px;}
#prislovi * { color: #CCC;}
#prislovi { position: relative; top: 80px;}
#prislovi p, #prislovi span  { font-size: 15px; font-style: italic; margin-left: 30px;}
#prislovi span { font-size: 10px; position: relative; top: -10px; left: 230px;}
#galerielog {width: 510px; height: 800px; position:relative; top: -20px;}
#maintext { margin-left: 30px; margin-bottom: 30px; text-align:left; color: white;}
#maintext * {  }
#detail { margin-left: 30px;}
#obrazkydetailu {float: left; color: white;}
#obrazkydetailu * {color: white;}
#popisdetailu { margin-left: 260px; padding: 15px; padding-top: 5px; color: white; overflow: auto; min-width: 250px;}
#popisdetailu { margin-left: 230px; padding: 15px; padding-top: 5px; color: white; min-width: 240px;}
#popisdetailu * {color: white;}
.upresneni {display:block; position:relative; font-size: 12px !important; top: -35px; left: 200px; width: 300px; text-align: right; font-style: italic; color: #ADAEAF;}
#tlacitkonapojit, #tlacitkonahrat, #tlacitkostahnout {width: 209px; height: 45px; background-repeat:no-repeat; cursor:pointer; float:right; font-size:19px; color:#000; text-align:center; padding-top: 22px; font-weight: normal; text-decoration: none; margin-top: -10px; display:block; position: relative;}
#tlacitkonahrat { float:none;}
#tlacitkonapojit:hover, #tlacitkonahrat:hover, #tlacitkostahnout:hover {cursor:pointer;}
#tlacitkonapojit{background-image: url('images/v_off.png');}
#tlacitkonapojit:hover{background-image: url('images/v_on.png');}
#tlacitkonahrat{background-image: url('images/f_off.png');}
#tlacitkonahrat:hover{background-image: url('images/f_on.png');}
#tlacitkostahnout{background-image: url('images/a_off.png');}
#tlacitkostahnout:hover{background-image: url('images/a_on.png');}
#tic { float: left; margin-left: 65px;}
#tac { float: right;}
.logobg { width: 200px; height: 200px; background-image: url('images/loga/bgloga.png'); margin-top: 20px; float: left; margin-left: 40px;}
.logoimg { margin-left: 50px; margin-top: 50px;}
.logobgs { width: 100px; height: 100px; margin-top: 30px; float: left; margin-left: 20px;}
.logoimgs { margin-left: 5px; margin-top: 5px;}
#faq { margin-left: 30px;  color: white;}
#faq * {color: white;}
#hledani { margin-left: 30px; border: thin; border-color: #999; border-style: dotted; padding: 15px;}
#form { width: 470px; padding: 15px; padding-top: 0px;}
#hlaseni * {color: white; font-size:20px; float:right;}
#jaktofungujediv { margin-left: 190px;}
#jaktofungujea { font-weight:normal; font-size:18px;}

.butticonsimg {position: relative; top: 12px; left: 7px;}
#googleplusone * {position: relative; left: 10px; top: 17px;}

.cik, .cak, .cik *, .cak * {font-size: 11px !important;}
.cik * {color: white;}
.cak * {color: black;}
.cik {  font-weight: bold; color: white; overflow: auto;}
.cak {  width: 220px; position:relative; top: -15px; left: 200px; }


/*navigation*/
#menu
{
	text-align: center;
	margin-left: 30px;
	position: relative;
	top: 0px;
	z-index: 3;
}
#menu * {font-size : 11px;}
#menu .firmaoff, #menu .firmaon, #menu .vyvojaroff, #menu .vyvojaron, #menu .agenturaoff, #menu .agenturaon, #menu .agenturaon2, #menu .vyvojaron2, #menu .firmaon2
{
	height: 90px;
	width: 292px;
	text-align: left;
	float: left;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-position: center;
	background-repeat: no-repeat;
}
.firmaoff{	background-image: url('images/firma_off.png');}
.vyvojaroff{	background-image: url('images/vyvojar_off.png');}
.agenturaoff{	background-image: url('images/agentura_off.png');}
.firmaon, .firmaon2 {	background-image: url('images/firma_on.png');}
#menu .firmaon strong { color:#A6D228;}
.vyvojaron, .vyvojaron2 {	background-image: url('images/vyvojar_on.png');}
#menu .vyvojaron strong {color:#65D2EE;}
.agenturaon, .agenturaon2 {	background-image: url('images/agentura_on.png');}
#menu .agenturaon strong {	color:#F4409D;}

#menu .firmaon:hover strong, #menu .vyvojaron:hover strong, #menu .agenturaon:hover strong {	color: #FFF;}

#menu .firmaoff:hover { background-image: url('images/firma_on.png');}
#menu .firmaoff:hover strong { color:#A6D228;}
#menu .vyvojaroff:hover {	background-image: url('images/vyvojar_on.png');}
#menu .vyvojaroff:hover strong {color:#65D2EE;}
#menu .agenturaoff:hover {	background-image: url('images/agentura_on.png');}
#menu .agenturaoff:hover strong {	color:#F4409D;}

#menu .firmaon2 strong {color: white;}
#menu .firmaon2:hover strong {	color:#A6D228;}
#menu .firmaon2 strong span {	color:#A6D228;}
#menu .firmaon2:hover strong span {	color: white;}

#menu .vyvojaron2 strong {color: white;}
#menu .vyvojaron2:hover strong {	color:#65D2EE;}
#menu .vyvojaron2 strong span {	color:#65D2EE;}
#menu .vyvojaron2:hover strong span {	color: white;}

#menu .agenturaon2 strong {color: white;}
#menu .agenturaon2:hover strong {	color:#F4409D;}
#menu .agenturaon2 strong span {	color:#F4409D;}
#menu .agenturaon2:hover strong span {	color: white;}

#menu a strong { font-size:26px; font-weight: bold; display:block; margin-left: 60px; padding-top: 19px;}
#menu a strong span { font-size:15px; font-weight: normal; display: block; float:right; width: 100px; text-align: right; padding-right: 7px;}

.puntikprofirmy, .puntikprovyvojare, .puntikproagentury, .puntikprox,
.puntikprofirmyON, .puntikprovyvojareON, .puntikproagenturyON, .puntikproxON { padding-left: 50px;background-repeat: no-repeat; background-position: top left; font-size: 14px; display: block; height: 30px; padding-top: 15px;}

.puntikprofirmy{background-image: url('images/g_off.png');color: #A6D228;}
.puntikprofirmy:hover, .puntikprofirmyON {background-image: url('images/g_on.png');color: #A6D228;}
.puntikprovyvojare{background-image: url('images/t_off.png');color: #65D2EE;}
.puntikprovyvojare:hover, .puntikprovyvojareON {background-image: url('images/t_on.png');color: #65D2EE;}
.puntikproagentury{background-image: url('images/p_off.png');color: #F4409D;}
.puntikproagentury:hover, .puntikproagenturyON {background-image: url('images/p_on.png');color: #F4409D;}
.puntikprox{background-image: url('images/x_off.png');color: silver;}
.puntikprox:hover, .puntikproxON {background-image: url('images/x_on.png');color: silver;}

/* defining icons*/
.jpgh, .gifh, .pngh, .cdrh, .aih, .pdfh, .pich, .ieh, .hodnotith, .emailovath, .aktualizovath, .nahlasith, .doch, .jpg, .gif, .png, .cdr, .ai, .pdf, .pic, .ie, .hodnotit, .emailovat, .aktualizovat, .nahlasit, .doc { padding-right: 20px; background-repeat: no-repeat; background-position: right; text-align: right;}
.jpg, .gif, .png, .cdr, .ai, .pdf, .pic, .ie, .hodnotit, .emailovat, .aktualizovat, .nahlasit { text-decoration: none;}
.hodnotit, .emailovat, .aktualizovat, .nahlasit { text-decoration: underline; cursor: pointer;}


.pic, .pich {background-image:url('images/icons/pic.png');}
.pich {cursor: help;}
.jpg, .jpgh {background-image:url('images/icons/jpg.png');}
.jpgh {cursor:help;}
.gif, .gifh {background-image:url('images/icons/gif.png');}
.gifh { cursor:help;}
.png, .pngh {background-image:url('images/icons/png.png');}
.pngh {cursor:help;}
.cdr, .cdrh {background-image:url('images/icons/cdr.png');}
.cdrh {cursor:help;}
.ai, .aih {background-image:url('images/icons/ai.png');}
.aih {cursor:help;}
.pdf, .pdfh {background-image:url('images/icons/pdf.png');}
.pdfh {cursor:help;}
.doch, .doc {background-image:url('images/icons/doc.png');}
.doch {cursor:help;}
.ie, .ieh {background-image:url('images/icons/ie.png');}
.ieh {cursor:help;}
.hodnotit, .hodnotith {background-image:url('images/icons/_hodnotit.png');}
.emailovat, .emailovath {background-image:url('images/icons/_emailovat.png');}
.aktualizovat, .aktualizovath {background-image:url('images/icons/_aktualizovat.png');}
.nahlasit, .nahlasith {background-image:url('images/icons/_nahlasit.png');}

.hide {display: none;}
.ImgCorButton {border: None 0 transparent;}

/*    REKLAMY     */
#mothersky { position: absolute; top:0px; left:50%; z-index: 1; height: 1px; width: 1px;}
#sky { height: 600px; width: 120px; position: relative; left: 475px;; top: 142px; text-align: left; color: #999;}

#motherhalf {position: relative; top: 111px; left: 60px; z-index: 1; width: 250px;}
#half { text-align: left; color: #999;}


.ColorPanel 
{
    border: 1px solid black;
    cursor: pointer;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 18px;  
    margin: 0px;
    padding: 0px;      
}

#qf, #qv, #qa {display: none;}
#qf {display:block;}