body { margin:0; padding:0; color: #FFF; font:81.25%/1.3 Verdana, Geneva, sans-serif; background:#700000 url(bg-body-nomenu.gif) repeat-x left top }

p { margin:0.5em 0 }
img { border:0 }
hr { display:none }
form { margin:0 }
input,select,textarea { font-size:92% }
select { border:1px solid #ABDEFB }
input.text { width:175px; padding:4px 5px; color:#002B71; border:1px solid #ABDEFB; background-color:white }
input.button { margin:0; padding:4px 5px; border:0; /*background:#CDD852 url('input-button.gif') 0 0 repeat-x;*/background:#CDD852; color:#002B71; }
input.checkbox { position:relative; top:1px }

table { font-size:100%; border-collapse:collapse; margin:0.5em 0; padding:0; border:0 }

.main table.nice-table {border: 1px solid #FFFFFF;}
.main table.nice-table td, .main table.nice-table th { border: 1px solid #FFFFFF; padding:8px; background: #860000;}
.main table.nice-table th  { background: #C00000; font-weight:bold;}

td, th { margin:0; padding:0 0.5em 0 0; border:0; text-align:left; font-weight:normal }
h1, h2, h3, h4, h5, h6 { margin:8px 0; font:200%/1.3 Tahoma, Geneva, sans-serif }
h4.list a {background: url('sluzby-heading.gif') left top no-repeat; display: block; height: 30px; line-height: 30px; padding: 0 0 0 25px}
p,div,hr,form { padding: 0px; margin: 0px; }
a { color: #FFF; }
a:hover { text-decoration: none; }
img { border: none; }
.cleaner { margin: 0px auto; width: 100%; visibility: hidden; clear: both; font-size: 0%; display: block; }
.big { font-size: 135%; }
big { font-size: 115%; }
small { font-size: 90%; }


/*#page { width: 100%; margin-right: auto; margin-left: auto; position: relative; height: 1005px; }*//*s menu*/
#page { width: 100%; height: 964px; margin: 0px auto; position: relative; }
/*#page strong { color: #8BC53E; }*/
.content #page { height: auto; background: url(bg-body-text.jpg) no-repeat center 20px; }

/*#page .leftcolumn { width: 20px; background: #FFF; position: absolute; left: 0px; top: 0px; height: 1004px; }
#page .rightcolumn { width: 20px; background: #FFF; position: absolute; top: 0px; height: 1004px; right: 0px; }*//*s menu*/
#page .leftcolumn { width: 20px; background: #FFF; position: absolute; left: 0px; top: 0px; height:100%; z-index: 800; }
#page .rightcolumn { width: 20px; background: #FFF; position: absolute; top: 0px; height:100%; right: 0px; }
#page .lefthome{padding-top:15px; height: 141%;}
#page .righthome{padding-top:15px; height: 141%;}
#page .lefthome.inindex {padding-top:90px; height: 152%;}
#page .righthome.inindex {padding-top:90px; height: 152%;}
#page .topcolumn { width: 100%; background: #FFF; position: absolute; top: 0px; height: 20px; left: 0px; z-index: 1000; }
#page .bottomcolumn { width: 99%; background: #FFF; height: 20px; left: 0px; bottom: 0px; z-index: 900; clear: both; position: absolute; }
#header,#content ,.footer,#bgcontent{ clear: both; }
#header { height: 570px; width: 98%; background: url(bg-header.jpg) no-repeat center 20px; margin: 0px auto; }
.content #header { background: url(bg-body-text.jpg) no-repeat center 20px; height: 180px; } /* 145 */
#bgcontent { margin: 0px auto; width: 98%; }



#contentheader { margin: 0px auto; width: 960px; height: 180px; }
#contentheader h1 ,#contentheader h3, #contentheader a.root { font-size: 0%; font-weight: bold; display: block; margin: 0px; float: left; height: 140px; width: 140px; background: url(logo.jpg) no-repeat 0px 40px; position: relative; z-index: 0; }
.content #contentheader h1,
.content #contentheader h3,
#contentheader a.root { background: url(logo2.jpg) no-repeat 0px 40px; }
#contentheader h1 a,
#contentheader h3 a,
#contentheader a.root { display: block; height: 140px; width: 140px; }

#contentheader p { display: block; float: right; text-align: left; width: 362px; height: 120px; background: url(rightslogan.jpg) no-repeat 0px 69px; font: 0%/0.9 Verdana, Geneva, sans-serif; }
#contentheader #narozeniny_10 { display: block; float: right; margin:47px 60px -47px 0;}
#contentheader #slavime_10_let { display: block; margin:-17px 0 -52px 470px;}

#header ul { display: block; list-style: none; float: right; padding-right: 64px; margin: 66px 0px 0px; padding-left: 0px; padding-top: 0px; font: 165% Tahoma, Geneva, sans-serif; }
#header ul#navigation { margin: 25px 0px 0px; font-size: 85%; padding: 0px; width: 660px; color: #C78C8C; }

#header ul li { display: block; float: left; padding-right: 39px; }
#header ul#navigation li { padding: 0px; }
#header ul#navigation li a { color: #C78C8C; }
#header ul#navigation li a:hover { color: #FFFFFF; }
#header ul#navigation li span { padding-right: 12px; padding-left: 12px; }


#header ul .m2 { padding-right: 56px; }
#header ul .m3 { padding-right: 41px; }

#header ul .m4{ padding-right: 52px; }


.boxes { clear: both; padding-left: 20px; padding-top: 32px; }
.boxes .box { width: 235px; float: left; height: 370px; }
.boxes .box1 { background: url(bg1.jpg) no-repeat 7px 38px; }
.boxes .box2 { background: url(bg2.jpg) no-repeat 8px 38px; }
.boxes .box3 { background: url(bg3.jpg) no-repeat 8px 38px; }
.boxes .box4 { background: url(bg4.jpg) no-repeat 8px 38px; }



.box h2 { font-weight: normal; margin: 0px; padding: 3px 0px 0px 16px; display: block; height: 43px; font-family: Tahoma, Geneva, sans-serif; padding-left: 30px;}
.box h2.too-long {padding: 0; position: relative; text-align: center; top: -32px; width: 185px; }


.boxes .box span { display: block; height: 210px; width: 155px; padding-left: 16px; }
#contentheader .boxes p { background: none; width: 180px; float: left; height: auto; padding-top: 20px; padding-left: 16px; font-size: 123%; font-style: normal; line-height: 1.2; font-weight: normal; font-variant: normal; }
.boxes p a  { text-decoration: none; }
.boxes p a:hover { text-decoration: underline; }
/*#content { width: 960px; height: 261px; margin: 0px auto; }*//*s menu*/
#content { width: 960px; height: auto; margin: 0px auto; position: relative; top: -30px;}
.content #contentx { background: url(bg-body-text.jpg) no-repeat center -140px; }

.boxes .news { float: left; padding-left: 16px; }
.boxes .news1 { width: 51%; }
.boxes .news2 { width: 45%; }
.news span { display: block; background: #FFF; height: 84px; width: 136px; padding: 7px 8px; float: left; }
.news span img { float: left; }

.news h2 { display: block; float: right; font-size: 110%; width: 310px; margin-top: 0px; font-weight: bolder; }
.news p { display: block; float: right; width: 280px; padding-right: 30px; }
.news2 h2  { width: 255px; }
.news2 p { width: 255px; padding-right: 0px; }
#content .boxes { padding-top: 45px; height: 170px; }
#content #left { width: 224px; float: left; border-right: 1px solid #7D0000; padding-left: 35px; margin-bottom: 40px; }
#left ul { display: block; margin: 0px; padding: 37px 0px 43px; list-style: none; width: 215px; font: 125%/2 Tahoma, Geneva, sans-serif; }
#left li a.active, #left li a:hover { font-weight: bold; text-decoration: none; }
#left li.active{ font-weight: bold; text-decoration: none; }

#left p { display: block; font-size: 155%; padding-bottom: 10px; }
#left div.project ,.rimg{ display: block; clear: both; margin-top: 10px; width:155px; margin-bottom: 9px; font-size: 95%; font-weight: normal; text-transform: uppercase; float: left; }

.rimg { float: right; clear: none; }

#left div.project a span, .rimg a span{ text-decoration: underline; }
#left div.project a:hover span, .rimg a:hover span{ text-decoration: none; }
#left div.project span , .rimg span{ clear: both; display: block; padding-left: 14px; width:138px; padding-top: 7px; font-family: Verdana, Geneva, sans-serif; background: url(bglink.gif) no-repeat 0px 5px; }
#left div.project span.no_upper {text-transform: none;}
#left div.project img  { border: 8px solid #FFF; }
.rimg img { border: 6px solid #FFF; }



#content .main { float: left; width: 649px; padding-left: 36px; margin-bottom: 40px; margin-top: 25px;}
.main h1 { font-weight: normal; font-size: 200%; clear: both; display: block; font-family: "Arial Black"; }

.main h2.left {margin: 20px 0 0; float: left;}
.main .laddress { display: block; font-style: normal; line-height: 1.3; float: left; width: 324px; }
.main .laddress h5, p.nadladdress  { font-size: 85%; font-weight: normal; text-transform: uppercase; margin-top: 10px; margin-bottom: 15px; }
.main .laddress h5{font-size:130%;}
.main .breakline{ clear: both; width: 640px; height: 35px; margin: 35px auto 0px; float: left; border-top: 1px solid #7D0000; }
.page .kontaktinfo .laddress, .page .kontaktinfo .laddress p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#contact { clear: both; margin: 0px 0px 30px; }
#contact th { text-transform: uppercase; font-weight: bold; padding-bottom: 30px; }
#contact td { font-size: 85%; padding-top: 2px; padding-bottom: 1px; white-space: nowrap; }
#contact td input { font: 100% Verdana, Geneva, sans-serif; padding: 2px; height: 14px; width: 210px; border: 1px solid #900000; color: #999; }
#contact td select { height: 18px; width: 216px; border: 1px solid #900000; background: #FFF; color: #666; font: 100% Verdana, Geneva, sans-serif; }
#contact td textarea { font: 100% Verdana, Geneva, sans-serif; background: #FFF; height: 75px; width: 529px;#width:535px; border: 1px solid #900000; color: #666; padding: 2px; }
#contact td.btsend input{ height: 33px; width: 153px; background: url(bgsendform.gif) repeat-x; border: 1px solid #A20000; text-align: center; float: right; color: #FFF; font-weight: bold; font-size: 95%; padding-bottom: 3px; cursor: pointer; margin-right: 18px; #margin-right: 50px; margin-top: 3px; }
#cmap { width: 640px; }

#cmap p { display: block; float: left; height: 18px; background: url(bgtmap.gif) -7px 0 repeat-y; color: #700000; font-size: 85%; width: 119px; text-align: center; padding-top: 2px; }
#cmap #maplink { display: block; float: right; font-size: 85%; text-align: right; padding-bottom: 5px; }
#googlemap {  width:633px; height: 307px; background:none; }
#cmap img { clear: both; border-top: 8px solid #FFF; border-right: 8px solid #FFF; border-bottom: 5px solid #FFF; border-left: 8px solid #FFF; float: left; }
.main .newspage ,.main .page{ clear: both; padding-top: 17px; }
.newspage img { border: 7px solid #FFF; float: left; }
.newspage h4 , .page h4{ display: block; float: left; clear: none; margin-top: 0px; padding-left: 18px; width: 73%; font: bold 105% Verdana, Geneva, sans-serif; margin-bottom: 5px; }
.page h4 { margin-bottom: 10px; padding: 0px; width: auto; }
.page h5 { font: bold 105% Verdana, Geneva, sans-serif; margin: 5px 0px 0px; display: block;  }


.main h2 {font-size: 170%; margin-top: 20px;}
.main h3 {font-size: 150%;}
.main h4 {font-size: 140%;}
.main h5 {font-size: 130%;}

.main h2.left {margin: 20px 0 0;}

.main a.more {float:right;background:url('reference-more.gif') left no-repeat;padding:0 0 5px 20px;margin:25px 0 0 0;}
.main div.reference a.more {float:left;padding:0 0 5px 20px;margin:25px 0px 0px 0px;}

.main a.more {float:right;background:url('reference-more.gif') left no-repeat;padding:0 0 5px 20px;margin:25px 0 0 10px;}
.main a.back {float:left;background:url('back.gif') left no-repeat; padding:0 0 5px 20px; margin:10px 0 0 0;}

/* DETAIL */
img.obr {border: 7px solid #fff; width: 306px; height: 226px; float: left; margin: 10px 20px 0 0;}

.main p big {display: block; margin: 0 0 15px 0;}
.main table.detail, .main table.detail td {margin: 0;}
.main table.detail td {line-height: 200%;}

div.light {padding: 10px; background: #860000; margin: 25px 0 0;}
div.bottom {background: #860000 url('light-corner.gif') top right no-repeat; }

div.light a {float:left; margin:0 8px 0 0;}
div.light a.last {margin-right: 0;}
div.light a img {border: 7px solid #fff; display: block; margin: 0 0 5px 0; width: 137px; }

div.light {padding: 10px; background: #860000; margin: 25px 0 0;}
div.bottom {background: #860000 url('light-corner.gif') top right no-repeat; }
div.bottom a.big {font-size: 170%; display: inline-block; margin: 15px 0 25px;}

div.light a {float:left; margin:0 8px 0 0;}
div.light a.last {margin-right: 0;}
div.light a img {border: 7px solid #fff; display: block; margin: 0 0 5px 0; width: 137px; }

div.sluzby h2 a{background:url('sluzby-heading.gif') 180px top no-repeat;padding:0 0 2px 210px;display:block;width:auto;}
div.sluzby{float:left; margin:0 0 30px}
div.sluzby a.img{float:left;width:151px;}
div.sluzby a.img img{border:7px solid #fff;margin:7px 30px 25px 0;float:left; width: 136px; height: 84px;}

div.sluzby p {margin: 10px 0 0 210px;}
p.more a.more {float: left; margin: 0 25px 0 0;}



div.reference {float:left;width:650px;border-bottom:2px solid #860000;padding:15px 0 30px 0;}
div.last {border:none;}

div.reference a {float:left;margin:0 15px 0 0;width:151px;}
div.reference a.last {margin-right:0;}
div.reference a img {border:7px solid #fff;display:block;margin:0 0 5px 0; width:137px;}

div.short {width: auto;}

h2.margin, h3.margin {margin: 35px 0 10px;}
div.light h3 {margin: 10px 0 20px; float: left;}

div.light a.next-prev{float:right;text-decoration:none;margin-top:15px;}
div.light a.next-prev{float:right;position:relative; overflow:hidden;background-color:transparent;text-decoration:none;}
div.light a.next-prev,div.light a.next-prev span{width:12px;height:15px;display:block;cursor:pointer;}
div.light a.next-prev span{position:absolute; left:0; top:0; z-index:1;}

div.light a#flashNextSipka span,div.light a#next span{background:url('arrow-next-dark.jpg') no-repeat;}
div.light a#flashNextSipka.active span, div.light a#next.active span{background:url('arrow-next-light.jpg') no-repeat;}
div.light a#flashPrevSipka span, div.light a#prev span{background:url('arrow-prev-dark.jpg') no-repeat;}
div.light a#flashPrevSipka.active  span, div.light a#prev.active  span{background:url('arrow-prev-light.jpg') no-repeat;}

img.obr {float: left; margin-right: 20px;}
.ain table.detail {float: left;}
.main table.detail, .main table.detail td {margin: 0; padding-top: 0;}
.main table.detail td {line-height: 200%;}

/* SLUZBY */
div.sluzby h2 a{background:url('sluzby-heading.gif') 180px top no-repeat;padding:0 0 2px 210px;display:block;width:auto;}
div.sluzby{float:left; margin:0 0 30px}
div.sluzby a.img{float:left;width:151px;}
div.sluzby a.img img{border:7px solid #fff;margin:7px 30px 25px 0;float:left; width: 136px; height: 84px;}

div.sluzby p {margin: 10px 0 0 210px;}
p.more a.more {float: left; margin: 0 25px 0 0;}



.newspage h4 span ,.page h4 span{ font-weight: normal; font-size: 85%; }
.newspage p { float: left; padding-left: 18px; font-size: 95%; margin: 0px; display: block; width: 73%; }
.page p { line-height: 1.5; margin-bottom: 12px;}   /* clear: both;  */ 
.main ul  {  margin: 15px 0px 20px; padding: 0px; font-size: 95%; line-height: 2.1; }
.main ul ul { padding-top: 10px; padding-bottom: 10px; font-size: 100%; line-height: 1.6; margin: 0px;}
.main ul ul ul {margin: 0px;}
.main ul li    { list-style: none; background: url(bgli.gif) no-repeat 0px 10px; padding-left: 20px; }
.main ul li.dark { background: #660000 url('bg-li-big.jpg') no-repeat 13px 17px; padding:10px 20px 10px 40px; margin-bottom:5px; }

.main ul li li { list-style: none; background: url(bgli.gif) no-repeat 0px 6px; padding-left: 20px; }
.main ol { line-height: 2.1; padding-left: 25px; }
.main ol ol { line-height: 1.6; }

.main ol .boldli{ font-weight: bold; font-size: 115%; }

.main p.right {margin-top: 10px;}

.page h2 { font: normal 145% "Arial Black", Verdana, Geneva, sans-serif; }
.page h3 { clear: both; font: bold 115% Verdana, Geneva, sans-serif; }

.page .leftbox { width: 475px; float: left; }
.tcolor { border-top: 6px solid #CCC; border-right: 4px solid #CCC; border-bottom: 4px solid #CCC; border-left: 4px solid #CCC; margin-bottom: 30px; float: left; width: 100%; margin-top: 0px; color: #000; }
.tcolor th { background: #FFF; color: #700000; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; border-bottom: 4px solid #CCC; font-size: 120%; }
.tcolor td { padding-top: 5px; padding-bottom: 5px; padding-left: 7px; cursor: pointer; }
.tcolor .fblack { font-weight: bold; }
.page ul.tables  { margin: 20px 0px 0px; padding: 0px; display: block; clear: both; float: left; width: 50%; line-height: normal; }
ul.tables li{ display: block; float: left; height: 22px; margin: 0px; padding: 0px; background: none; width: 88px; }
ul.tables li a { display: block; height: 21px; width: 86px; background: url(bg-tli.gif) repeat-y; text-decoration: none; padding-bottom: 0px; text-align: center; padding-left: 2px; padding-top: 1px; }
ul.tables li a.active ,ul.tables li a:hover{ background: url(bg-tli-active.gif) repeat-y; color: #700000; }



div.www q {font-size: 150%; color: #ffcaca; display: block; margin: 20px 0 10px}
div.www h2 {margin-top: 45px;}

div.www textarea {width: 625px; height: 73px; border: 1px solid #900101; font-size: 100%; padding: 5px;}
div.www label {float: left; width: 82px; margin-top: 8px;}
div.www label.wider-label { width:345px; }

div.www label#phonelabel , div.www label.phonelabel {margin-left: 54px; display: inline !important;}
div.www input.text {width: 206px; height: 20px; line-height: 20px; vertical-align: middle; padding: 0 0 0 2px; margin-top: 8px; border: 1px solid #900101; float: left;}
div.www input.wider-input { width:290px; }

.www .bglink {background: url('bglink.gif') no-repeat; padding: 0 0 0 15px;}
.www h2.bglink {background-position: left 8px;}
.www a.bglink {background-position: left 1px; padding: 2px 0 0 15px; float: left; margin-top: 21px}
.www input.submit {padding: 0 12px; height: 33px; line-height: 33px; border: 1px solid #fff; font-weight: bold; cursor: pointer; float: right; margin-top: 15px; margin-right: 12px; display: inline !important; color: #fff; background: url('www-submit.gif') repeat-x; text-transform: uppercase;}

div.www div.light {padding: 20px 25px 25px; background: #860000 url('light-corner.gif') top right no-repeat; margin-top: 40px;}
div.www div.light h2 {padding: 0; margin: 0 0 20px 0;}
div.www div.light a {width: 87px; float: left; margin: 0 20px 0 0; }
div.www div.light a img {width: 79px; height: 49px; border: 4px solid #fff;}

div.www div.light a.all {float: left; position: relative; overflow: hidden; background-color: #b80000; margin: 0; text-decoration: none; text-transform: uppercase; color: #fff;}
div.www div.light a.all, div.www div.light a.all span {width: 161px; height: 58px; display: block; cursor: pointer}
div.www div.light a.all span {position: absolute; left: 0; top: 0; z-index: 1; background: url('www-allref.gif') no-repeat}


div.studio div.news h3 {float: left; clear: none;}
div.studio div.news p {clear: none;}


.main .paging { margin: 90px auto 0px; clear: both; text-align: center; padding-left: 165px; float: left; 
}

.main    .paging ul {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	background: none;
}
.main .paging li { background: none; margin: 0px; padding: 0px; display: inline; float: none; 
}
.main .paging li a { display: block; padding-right: 0px; padding-left: 0px; color: #C78C8C; font-size: 95%; text-align: center; width: 30px; float: left; 
}
.main .paging li a:hover {
	text-decoration: underline;
}

.main .paging .page-prev { padding-right: 10px; padding-left: 0px; background: none; width: 20px; 
}
.main .paging .page-next { background: none; padding-left: 10px; padding-right: 0px; width: 20px; 
}
.main .paging .page-end { background: none; padding: 0px; width: 20px; 
}
.main .paging li a.active { font-weight: bold; color: #FFF; background: url(pageactive.gif) no-repeat center top; text-decoration: none; padding-right: 9px; padding-left: 9px; height: 17px; width: 35px; display: block; 
}
.main .paging img { float: none; margin-top: 2px; 
}
#bottommenu { display: block; margin: 0px auto; padding: 0px 0px 0px 0px; width: auto; text-align: center; }
#bottommenu.index { width:920px; }
#bottommenu li { display: inline; padding-right: 26px; padding-left: 28px; text-transform: uppercase; font-size: 95%; background: url(bg-li.gif) no-repeat 0px 3px; list-style: none; }
#bottommenu li#first { background: none; }
#bottommenu li a { text-decoration: none; }
#bottommenu li a:hover { text-decoration: underline; }

#bottommenu li.active a:link, #bottommenu li.active a:visited { font-weight: bold; text-decoration: none; }


.footer { height: 230px; width: 100%; background: #700000 url('bgfooter2.jpg') no-repeat center top; border-bottom: 24px solid #FFF; }
.footer.uvod { height: 184px; background: #700000 url(bg-footer_new.jpg) no-repeat center top;}
.cfooter { background: #700000 url(bgfooter2.jpg) no-repeat center top; }
.fcontent { width: 960px; margin: 0px auto; }

.footer #bottommenu { padding-top: 20px; float: left; margin: 0px; padding-left: 0px; }
.fcontent #bottommenu li { padding-right: 9px; padding-left: 12px; }
.fcontent #bottommenu li a { text-decoration: underline; }
.fcontent #bottommenu li a:hover { text-decoration: none; }
.fcontent #lastproject { height: 70px; width: 180px; float: right; padding-right: 30px; padding-top: 35px; line-height: 1.8; padding-left: 20px; border-left: 1px solid #be0000;}
.fcontent #lastproject #plink { font-weight: bold; font-size: 105%; padding-bottom: 5px; display: block; }
.fcontent #lastproject span { font-size: 90%; display: block; }
#lastproject  img { float: right; border: 5px solid #FFF; margin-bottom:5px;}

.footer p { text-align: center; clear: both; padding-top: 120px; font-size: 85%; }
.fcontent p { padding-top: 14px; float: left; clear: none; display: block; text-align: left; padding-left: 12px; width: 290px; }    /*   */
.fcontent #sitemap { float: left; width: 300px; text-transform: uppercase; font-size: 100%; padding-top: 10px; padding-left: 60px; background: url(bgsitemap.gif) no-repeat 45px 12px; padding-bottom: 5px; margin-top: 12px; }

/*  index footer start  */

.footer-in {width: 875px;  margin: 0 auto;}
.footer-fb {float: left; margin-top: 112px; margin-left: 226px; width: 128px;}
.footer-in .footer-cp {float: left;}


/*    social media and copyright      */
.footer-icons {width: 400px; margin: 0 auto; padding-top: 83px;}
.footer-icons-in {float: left; margin-left: 15px;}
.footer-icons-in img {padding: 1px;}
.footer-icons-in ul {}
.footer-icons-in li {display: inline; list-style: none outside none;}
.fb-iframe {float: left; margin: 20px 0 0 2px; }
.footer-copy {}
.footer.uvod .footer-copy p {padding-top: 5px;}


/*  index footer end   */


#contact input.file { height:20px; }

.hidden { display:none; }
.kariera h4 {float: none;}

#contact.kariera-form input { width:220px; #width:195px;}
#contact.kariera-form input.file { width:235px; #width:200px;}
#contact.kariera-form textarea { width:550px; #width:517px;}
th span.alert,span.alert { font-size: 12px; background: #CC0000; border: 1px solid #FFFFFF; width:305px; padding:15px 0px 0px 0px; #margin-left:10px; height:35px; text-align:center;float:left; text-transform:none;}
span.alert {float:right; margin: 0px 13px 5px 0px;}
#cmap img.nove-okno { float:none; border:none; border-width:0px; padding-left:3px; position:relative; top:2px;}
#left img.nove-okno { border: none; border-width:0px; float:none; position:relative; top:2px; padding-left:5px; }


#page .active1 {background: url('active-menu.jpg') 280px 0 no-repeat;}
#page .active2 {background: url('active-menu.jpg') 280px -206px no-repeat;}
#page .active3 {background: url('active-menu.jpg') 280px -412px no-repeat;}
#page .active4 {background: url('active-menu.jpg') 280px -618px no-repeat;}

div#flash {margin: 20px 0px 35px 0px;}

/* GRAFIKA */
/*
div.active1 div#flash {margin: 35px 0 25px;}

div.active1 div.news, div.active2 div.news {width: 612px; margin: 0 0 25px 0;}
div.active1 div.news div.cleaner, div.active2 div.news div.cleaner {height: 0px;}
div.active1 div.news a.img img, div.active2 div.news a.img img {width: 136px; height: 84px; border: 7px solid #fff; margin-right: 15px; float: left; display: inline; margin-top: 0px;} 
div.active1 div.news h3, div.active2 div.news h3 {width: 446px; margin-left: 165px; margin-top: 0;}

div.active1 div.news p, div.active2 div.news p {margin-left: 165px; width: 446px; float: none; padding: 0;}
div.active1 div.news p a.uppercase, div.active2 div.news p a.uppercase {text-transform: uppercase;}
*/

div.news {width: 612px; margin: 0 0 25px 0;}
div.news1 {width: 51%; margin: 0;}
div.news3 {width: 45%; margin: 0;}
div.news div.cleaner {height: 0px;}

div.news a.img, div.news img.img {float: left;}
div.news a.img img, div.news img.img {width: 136px; height: 84px; border: 7px solid #fff; margin-right: 15px; float: left; display: inline; margin-top: 0px;} 
div.news h3 {clear: none; width: 446px; margin-top: 0; float: left;}

div.news p {width: 446px; float: left; padding: 0;}
div.news1 p, div.news2 p {width: auto; float: none; padding: 0 0 0 170px;}
div.news p a.uppercase {text-transform: uppercase;}


a.archiv {background: url('archiv.gif') left center no-repeat; padding: 10px 20px; position: relative; top: 8px;}

div#microsite {background: url('www-arrows.gif') 30px top no-repeat; /*min-height: 90px;*/ padding: 0 0 10px 170px;}
div#cms {background: url('www-cms.gif') 30px 15px no-repeat; padding: 0 0 0 170px;}


.right {float: right;}
#left li  li{font-size:60%;}
#left ul  ul{padding:0px; margin-left:15px; display:none;}
#left ul  ul.active{ display:block;}

a.showflash {position: relative;}

#flashPreview{
    position: absolute;
    left: 0;
    z-index: 150;
    /*text-align: center;*/
    line-height: 0;
    /*height:445px;
    width:615px;*/
    background-color:#FFFFFF;
    /*border: solid #000000 2px;*/
    padding:10px; 
}
#flashPreview iframe { width:800px; height:600px; }

/*a.showflash span {background: url('flash.png') center center no-repeat; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100px;} */

#flashOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 1000%;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    display: block;
}

#closeFlash {display:block; margin-top:5px; line-height: 13px; float:right; margin-right:10px; color:#000000; font-weight:bold;}

#content .home { clear:both; padding:45px 0px 45px 0px; margin-left:35px;}
#content .home .home-left { float:left; width:235px; }
#content .home .home-left h2 { font-size:20px; font-weight:normal; font-family:Verdana; }
#content .home .home-left h3 { font-size:14px; font-weight:bold; padding: 0px 0px 0px 0px; text-transform:uppercase;}
#content .home .home-left p {width:200px; font-size:13px;}
#content .home .home-left img {border:8px solid #FFFFFF;}

.home .news-home {padding: 0px 0px 0px 0px}
#content .home .home-right { font-size:125%; font-weight:normal; float:left; width:640px;}
#content .home .home-right #flash { margin-top:10px;}


.home-right h2 { font-size:20px; font-weight:normal; margin-bottom:20px; }
.home-right h3 { font-size:20px; font-weight:bold; padding-bottom:5px;  }
.home-box { width:640px; background: #660000; padding: 10px 10px 10px 10px; float:left; margin-bottom:20px; }

.home-box ul { list-style-type:none; margin-left:10px; padding-left:0; }
.home-box li { background: url('bg-li-big.jpg') no-repeat 0 10px; padding:7px 0 7px 20px; margin-bottom:0; font-size:14px; }
.home-box img.img-right { margin: 15px 5px 10px 10px; }
.home-box a.button { margin-left:10px; width:98px;  }
.home-box-left { width: 500px; float:left; }
.home-box-right { width:140px; float:left; text-align:right; }
.home-box-right p { font-size:13px; padding:5px 0 15px 0; }


.cil {float:left;}
.img-nahled {float:left; width:306px; text-align:right; margin-right:40px; padding-bottom:10px;}
.img-nahled a {position:relative;left:15px;top:5px;}
#flashPreview iframe body {background-color:#FFFFFF;}
img.border { border: 12px solid #FFFFFF;}

div.menus {float:left; width:690px;}
div.menus.inindex {width:900px;}

ul.partneri { float:left; width:600px; margin-left:0px; padding-left:12px; margin-top:12px; margin-bottom: 0;}
.partneri li{ list-style-type:none; display:inline; /*background: url(bg-li.gif) no-repeat  0 3px;*/ padding:0px 2px 0px 2px;}
.partneri li.first{ background:none; padding-left:0px;}
.partneri.par2 { line-height:22px; }
 
p.projekty{float:left; width:60px; }
p.projekty.pindex{margin-top:24px; margin-left:35px; }
p.projekty.pindex.smaller {font-size: 95%;}
table.eshop { background-color: #FFFFFF; color:#333333; border-collapse:collapse;}
table.eshop td {padding:10px;  border:1px solid #000000; text-align:center;}
table.eshop th {padding:10px;  border:1px solid #000000; }

table.keywords {}
table.keywords td.ev {text-align:center; padding: 1px;}
table.keywords td {padding: 10px 12px; border:1px solid #ffffff; background-color: #860000}
table.keywords td a {text-decoration: none;}
table.keywords th {padding:10px; font-weight: bold; background-color: #660000; border:1px solid #ffffff;}

p.poznamka {font-size: 85%;}

.ukazka { position:relative; top:5px; left:10px;}
.services-img {border: 12px solid #FFFFFF; margin:45px 0px 10px 15px; }

/* .page {} */

p#nase-sluzby-p {width: 66px;}

ul.partneri.pindex {width: 675px; margin-top: 24px;}
ul.partneri.pindex.smaller {font-size: 95%; width: 766px;}

.no-border {border: none;}

#lastproject img.jiz10 { float:none; border:none; }


/* vycet mikrostranek - napr. Bezpecnost a uklid  */
.micros-refs {}
.micros-refs table {}
.micros-refs table tr {}
.micros-refs table td.imge {padding-bottom: 20px; vertical-align: top;}
.micros-refs table td.imge img {border: 7px solid #FFF; float: left;}
.micros-refs table td.textik {vertical-align: top; margin-left: 20px; float: left;}

/* tabulka s printscreeny a popisem - napr. VIDIA-MONITOR  */
.printscreens {margin-top: 10px;}
.printscreens table td {height: 195px;}
.printscreens table td.screen-img img {border: 6px solid #FFF;}
.printscreens table td.screen-text {vertical-align: top; padding-left: 14px; text-align: justify;}
.printscreens table td.screen-text h3 {padding-top: 2px;}
.printscreens table td.screen-text h3 {padding-top: 2px;}



p.slogan {font:200%/1.3 Tahoma, Geneva, sans-serif;}

.iluminace {padding: 21px 5px 12px 0; height: 220px;}

.iluminace img {margin-right: 6px; border: 4px solid #FFF;}
.img-right { float:right;   margin:15px 0 10px 10px; }
a.button {  background: url('bgsendform.gif') left top repeat-x ; border: 1px solid #A20000; color: #FFFFFF; display:inline-block;  clear:right;   
            font-size: 95%; font-weight: bold; height: 19px; line-height:20px; text-decoration:none; text-transform:uppercase; margin:3px 2px 0 0; padding:7px 15px 7px 15px; text-align: left; }

table.dark { background: #660000; }
table.dark li { background: url('bg-li-big.jpg') no-repeat 13px 17px; padding:10px 10px 0 40px; margin-bottom:0; }
table.dark img.img-right { margin: 15px 5px 10px 10px; }
table.dark a.button { margin-left:10px; width:122px;  }
.gplus { position:relative; top:-6px; }
.gplus2 { position:absolute; margin-left:140px; }