@media screen{
body {background:#ff8c00 url( "../images/layout/background.png" ) left top repeat-x;color:black;font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;line-height:1.4;font-size:.8em;text-align:center;margin-top:34px}
html {overflow: scroll}

a:link, a:active, a:visited {color:#996633;text-decoration:underline}
a:hover {text-decoration:none}

h1,h2,h3,h4,h5,h6,p,table,fieldset,img {border:0;margin:0;padding:0}
h1 {font-size:170%}
h2 {color:#FF8926;font-size:140%}
h3 {font-size:120%}
h4 {font-size:100%}

#master {width:855px;margin:auto}

/* logo */
#logoMaster img.print{display:none}
#logoMaster #logo {position:relative;display:block;width:193px;height:50px;overflow:hidden;margin:0}
#logoMaster #logo span {position:absolute;display:block;top:0;left:0;width:193px;height:50px;background: url(../images/layout/logo-web.png) 0 0 no-repeat;z-index:2}

/* menu */
ul#menu{list-style:none;margin:0;padding:0;height:50px}
ul#menu li{float:left;position:relative;margin:0;padding:0;font-size:80%}
ul#menu li a{display:block;width:110px;height:50px;cursor:pointer}
ul#menu li span{display:block;width:110px;height:50px;position:absolute;left:0;top:0;z-index:1}
a span#home{background:#948C81 url(../images/layout/menu-home.png) 0 0 no-repeat}
a:hover span#home,ul#menu span#actHome{background:#867F76 url(../images/layout/menu-home.png)  0 -50px no-repeat}
a span#proc{background:#948C81 url(../images/layout/menu-proc.png) 0 0 no-repeat}
a:hover span#proc,ul#menu span#actProc{background:#867F76 url(../images/layout/menu-proc.png)  0 -50px no-repeat}
a span#nabizime{background:#948C81 url(../images/layout/menu-nabizime.png) 0 0 no-repeat}
a:hover span#nabizime,ul#menu span#actNab{background:#867F76 url(../images/layout/menu-nabizime.png)  0 -50px no-repeat}
a span#spol{background:#948C81 url(../images/layout/menu-spol.png) 0 0 no-repeat}
a:hover span#spol,ul#menu span#actSpol{background:#867F76 url(../images/layout/menu-spol.png)  0 -50px no-repeat}
a span#cenik{background:#948C81 url(../images/layout/menu-cenik.png) 0 0 no-repeat}
a:hover span#cenik,ul#menu span#actCen{background:#867F76 url(../images/layout/menu-cenik.png)  0 -50px no-repeat}
a span#kontakty{background:#948C81 url(../images/layout/menu-kontakt.png) 0 0 no-repeat}
a:hover span#kontakty,ul#menu span#actKon{background:#867F76 url(../images/layout/menu-kontakt.png) 0 -50px no-repeat}

/* header */
#header{background:url(../images/layout/header-top.jpg) 0 0 no-repeat;padding-top:40px;width:855px}
#headerin{background:url(../images/layout/header-mid.jpg) 0 0 no-repeat;height:105px;padding-right:662px;overflow:hidden}
#headerin h1{color:#fff;font-size:170%;font-weight:normal;border-right:1px solid #F88600;padding:0 10px}
#headerinBott{background:url(../images/layout/header-bot.jpg) 0 0 no-repeat;height:41px}

/* content */
#content{color:#666;background:url(../images/layout/content-bg.png) 0 0 repeat-y;text-align:left;width:854px}
#content #conAbout{background:url(../images/layout/content-top-about.jpg) 0 0 no-repeat;height:6px}
#content #conPage{background:url(../images/layout/content-top.png) 0 0 no-repeat;height:6px}

/* left */
#left{width:194px;float:left;background:url(../images/layout/left-bg.png) 0 0 no-repeat}
#left h2{font-size:120%;padding:16px 0 0 15px}
#left ul{margin:5px 3px 10px 15px;padding:0;list-style:none}
#left ul li{background:url(../images/next/arrows.png) 0 50% no-repeat;padding:2px 2px 2px 15px}
#left #callShape{position:relative;width:182px;height:147px;margin:15px 0}
#callShape #callObr{position:absolute;left:-19px;top:0;background:transparent url(../images/layout/left-ban-volat.png) 0 0 no-repeat;width:182px;height:147px}

/* right */
#right{width:659px;float:left;background:url(../images/layout/right-bg.png) 100% 0 no-repeat}
#right #about{background:url(../images/layout/right-about.png) 0 0 no-repeat; padding:10px 10px 10px 180px}
#right ul li{padding:2px 10px 2px 5px}
#right h2, #right h3,#right h4{padding:15px 0 0 20px;margin:0}
#right p{padding:5px 10px 5px 20px;margin:0}

#right table{margin:10px 10px 5px 20px;width:610px;border-collapse:collapse}
#right td{border:1px solid #d8d8d8;padding:5px 10px}
#right td.cena{background-color:#e9e9e9; font-size:120%;color:black;font-weight:bold;width:100px}
#right h4{color:#777}

/* shape about */
#shape{background:url(../images/layout/right-shape-top.png) 0 0 no-repeat;width:619px;padding-top:29px;margin:5px 19px}
#shape .shapeText{background:url(../images/layout/right-shape-text.png) 0 100% no-repeat;padding-bottom:29px}
#shape h2{font-size:125%;line-height:100%;padding:0 0 0 15px}
#shape h2 span.grayColor{color:#6E5E51;font-size:115%}
#shape p,#shape h3{padding:0}

#shape .vyrSpol,#shape .sluzby,#shape .obchSpol,#shape .nezOrg{padding:5px 0 0 45px;margin:10px 15px;width:230px}
#shape .vyrSpol {background:url(../images/icons/vyr-spol.png) 0 50% no-repeat}
#shape .sluzby{background:url(../images/icons/sluzby.png) 0 50% no-repeat}
#shape .obchSpol{background:url(../images/icons/obch-spol.png) 0 50% no-repeat}
#shape .nezOrg{background:url(../images/icons/nez-org.png) 0 50% no-repeat}

/* ico-text about */
#kvalita{background: url(../images/icons/kvalita.png) 0 30% no-repeat; width:210px;margin:10px 0 15px 20px;padding:0 0 10px 80px}
#naklady{background: url(../images/icons/sniz-nakl.png) 0 30% no-repeat; width:210px;margin:10px 0 15px 15px;padding:0 0 10px 85px}
#naklady p,#naklady h2,#kvalita p,#kvalita h2{padding:0}

/* footer1 */
#footer{clear:both;background:url(../images/layout/footer.png) 0 0 no-repeat;height:35px;line-height:35px;overflow:hidden}
#footer ul{list-style:none;margin:0 0 0 205px;padding:0}
#footer ul li{float:left;background:url(../images/next/arrows-foot.png) 0 55% no-repeat;padding-left:10px;margin:0 5px}
#footer ul li a,#footer .topPage a{color:#fff;text-decoration:none}
#footer ul li a:hover,#footer .topPage a:hover{text-decoration:underline}
#footer .topPage{background:url(../images/next/arrrows-top.png) 0 55% no-repeat;height:35px;line-height:35px;padding:0 10px}

/* footer2 */
#footer2 a{color:#fff;text-decoration:none;}
#footer2 a:hover{text-decoration:underline;}
#footer2{color:#333;font-size:85%;padding:10px 0;margin-bottom:30px;text-align:left}
.col1{margin:0 5px 0 5px;width:194px}
.col2{color:#fff;margin-right:20px}
.author{color:#fff;padding-right:5px}

/* form contact */
#order{border:1px solid #d8d8d8;background-color:#E9E9E9;margin:10px 20px;}
#order fieldset{border:none;}
#order legend {background-color:#FFBA82;border:1px solid #FF8525;font-weight:bold;padding:0.2em 0.4em;}
#order label{display: block;float: left;width:120px;margin: 0 2px 0 0;text-align:right;}
.formField{font: 100% Verdana, Arial, Helvetica, sans-serif;color:#000;background-color:#F8FCF8;width:165px;border:1px solid #B1CBB1;padding-left:3px;}
.formArea {font: 100% Verdana, Arial, Helvetica, sans-serif;color:#000;background-color:#F8FCF8;width:320px;border:1px solid #B1CBB1;padding-left:3px;}
.buttonOk{background: #00CC66 url("../images/layout/bgButtonOk.gif") 0 0 repeat-x;color:#FFF;cursor:pointer;border:1px solid #006600;}
.buttonKo{background:#FF9966 url("../images/layout/bgButtonKo.gif") 0 0 repeat-x;color:#FFF;cursor:pointer;border:1px solid #BF0000;}

.contentAccordion{clear:left;margin: 10px 0 10px 10px;}
.contentAccordion ul { list-style-type: none; padding: 0;margin:0; border: 1px solid #DCDCDC;width:581px; }
.contentAccordion ul li { background: #E6E9ED; cursor: pointer; padding: 0; margin: 0; float: left; display: block; width:100%;}
.contentAccordion ul li.active>a { background: url('close.gif') no-repeat center right; }
.contentAccordion ul li div { padding:8px; background: #FFF; display: block; clear: both; float: left;width:565px;}
.contentAccordion ul a { border-bottom: 1px solid #EFEFEF; font-size:120%; color: #666;font-weight:bold; padding: 4px 10px; display: block; cursor: pointer; background: url('open.gif') no-repeat center right;}

/* others */
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl  {float:left}
.fr {float:right}
.clear{clear:left;height:1px;margin:0;padding:0}
.small{font-size:90%}
.vp{padding:0 10px}
.hp{padding:10px 0 20px 0}
.input{width:100px;border:1px #666600 solid;padding:2px 0}
.skryta {position:absolute;top:-5000px}
.textRed{color:#FF0000;}
.hidd{display:none}

}
@media print{
body {font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
#logoMaster,#header,#left,.skryta,.col1,.author,#footer,#menu{display:none}
img{float:left;border:none;margin:.5em}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4{margin:0}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000}
h2,h3{padding:.2em 0 0 0;margin:0}
h2{font-size:140%}
h3{font-size:120%}
p{margin-top:.2em;padding:0}
a{text-decoration:underline}
table{width:100%; text-align:center}
th,td{text-align:center;}
td,th{border:1px solid #000}
}