@charset "utf-8";

/******************************************
*             DEF. CONT. STYLY            *
******************************************/
* {padding: 0px; margin: 0px;}

body,td,th { color: #979797; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: #2c2c2c url(../img/bacgr.png) repeat-y center top; margin: 0px; padding: 0px;}




/*** def. tag style ***********************************************/
a {color: #3372ce; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
a.img { border: solid 1px #7a7a7a; overflow: hidden; display: block;}
a.img:hover { border: solid 1px #252525; }
li {list-style: disc;}
img {border: none;}
.noBord { border: none;}
fieldset { padding: 5px 10px; border: 1px solid #2b2b2b;}

/*** float / clear style ***********************************************/
.clear {clear: both; line-height: 1px;	font-size: 1px; padding: 0px;	margin: 0px; display: block;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px;	margin: 0px; display: block;}
.flLeft {float: left; margin: 0 10px 10px 0;}
.flLeft img { border: solid 1px #3c3c3c;}
img.flLeft { border: solid 1px #3c3c3c;}
.flRight {float: right; margin: 0 0 10px 10px;}
.flRight img { border: 1px solid #3c3c3c;}
img.flRight { border: 1px solid #3c3c3c;}
.next { border-top: 1px dotted #555555; text-align: right; padding: 5px 0; margin-bottom: 15px; clear: both;}
.next a { float: right; display: block; color: #505050; background: url(../img/bg-next-butt.png) no-repeat; font-size: 90%; font-weight: bold; letter-spacing: -1px; text-align: left; width: 105px; height: 25px; padding-left: 5px;}
.next a:hover { color: #fff; text-decoration: none; /*background: url(../img/bg-next-butt-act.png) no-repeat; text-decoration: none;*/}
.next a span { color: #ebebeb; font-size: 110%; font-weight: bold;}
.next a:hover span { color: #fff; font-size: 110%; font-weight: bold;}

/*** ods. odtrz. style ***********************************************/
.odsS { font-size: 6px; height: 6px; line-height: 6px;}
.odsM { font-size: 12px; height: 12px; line-height: 12px;}
.odsL { font-size: 18px; height: 18px; line-height: 18px;}
.odsXL { font-size: 24px; height: 24px; line-height: 24px;}
.odsXXL { font-size: 30px; height: 30px; line-height: 30px;}
.odtrz { /*border-top: 1px solid #ccc;*/ height: 0px;}
.odtrzS { /*border-top: 1px solid #ccc; height: 0px; margin-top: 6px;*/ padding-bottom: 6px;}
.odtrzM { /*border-top: 1px solid #ccc; height: 0px; margin-top: 12px;*/ padding-bottom: 12px;}
.odtrzL { /*border-top: 1px solid #DFDFDF; height: 0px; margin-top: 18px;*/ padding-bottom: 18px;}
.odtrzXL { /*border-top: 1px solid #ccc; height: 0px; margin-top: 24px;*/ padding-bottom: 24px;}
.odtrzXXL { /*border-top: 1px solid #ccc; height: 0px; margin-top: 30px;*/ padding-bottom: 30px;}


/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS {width: 50px;}
.sizeSm {width: 75px;}
.sizeM {width: 100px;}
.sizeMl {width: 125px;}
.sizeL {width: 150px;}
.sizeLl {width: 175px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 225px;}
.sizeXxxl {width: 250px;}
.sizeMax1 {width: 350px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}



/******************************************
*                 NADPISY                 *
******************************************/
h1,h2,h3,h4,h5 {color: #e9e9e9; font-weight: normal; text-align: left; margin-bottom: 5px;}
h1 { color: #fff; font-size: 150%; letter-spacing: -1px; /*background: #fff;*/}
h3,h4,h5 { color: #505050; font-weight: bold;}
h2 {font-size: 140%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}




/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #000; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
input.butt { color: #fff; background: #252525; border: 1px solid #aeaeae;  border-bottom: 1px solid #535353; font-weight: bold; cursor: pointer;}
input.butt:hover { color: #fff; background: #5a5a5a; border: 1px solid #aeaeae;  border-bottom: 1px solid #535353;}
input, select, textarea { margin: 2px 6px 2px 0; padding: 2px;}
input.check { margin: 0px;}
html>body input.check { margin: 5px 0 0 0;}




/******************************************
*                 TABULKY                 *
******************************************/
table { border-collapse: collapse; width: 100%; padding: 0px;}
table td { border: none; vertical-align: top; padding: 3px 3px 3px 0;}
/*** klasicka tabulka s okrajem *********************************/
table.bord {border: 1px solid #ccc; color: Gray; font-weight: bold; padding: 5px;}
table.bord td, th {border: 1px solid #ccc;}
table.bord th { background: #6A6A6A;}
table.bord td { vertical-align: top; font-weight: normal; padding: 0 4px;}
/*** radkova tabulka *******************************************/
table.line {border: none; border-top: 1px solid #6A6A6A; color: Gray; font-weight: bold; height: 24px; line-height: 24px; padding: 0 4px;}
table.line th, td { /*color: #00008B;*/ border: none; border-bottom: 1px solid #6A6A6A;}
table.line th { /*background: #00008B;*/}
table.line td { vertical-align: top; font-weight: normal; padding: 0 4px;}

.formTable {}
.formTable td { vertical-align: middle;}


.top { /*display: none;*/ background:transparent url(../img/lh_roh.png) no-repeat scroll left top; font-size:6px; height:6px; line-height:6px;}
.submenu li.top { /*display: none;*/ background:transparent url(../img/lh_roh.png) no-repeat scroll left top; font-size:6px; height:6px; line-height:6px;}
.top span { display: block; background:transparent url(../img/ph_roh.png) no-repeat scroll right top; font-size:6px; height:6px; line-height:6px;}
.submenu li.top span {background:transparent url(../img/ph_roh.png) no-repeat scroll right top; font-size:6px; height:6px; line-height:6px;}
.top div {background:transparent url(../img/ph_roh.png) no-repeat scroll right top; font-size:6px; height:6px; line-height:6px;}
.bott { /*display: none;*/ background:transparent url(../img/ld_roh.png) no-repeat scroll left bottom; font-size:6px; height:6px; line-height:6px;}
.submenu li.bott { /*display: none;*/ background:transparent url(../img/ld_roh.png) no-repeat scroll left bottom; font-size:6px; height:6px; line-height:6px;}
.bott span { display: block; background:transparent url(../img/pd_roh.png) no-repeat scroll right bottom; font-size:6px; height:6px; line-height:6px;}
.submenu li.bott span {background:transparent url(../img/pd_roh.png) no-repeat scroll right bottom; font-size:6px; height:6px; line-height:6px;}
.bott div {background:transparent url(../img/pd_roh.png) no-repeat scroll right bottom; font-size:6px; height:6px; line-height:6px;}


/******************************************
*            DEF. CONT. STYLE             *
******************************************/
/*** ZAKLADNI OBSAHOVE BLOKY ***************************************/
.contBl { padding: 0;}
.contBl ul { padding: 0 0 0 16px;}
.contBl ul li { margin: 4px 0;}
/*.contBl h3 { margin-bottom: 4px;}
.contBl.In { margin: 15px; }
.contBl.In .flLeft { margin: 5px 10px 10px 0;}
.contBl.In.gallery .flLeft { margin: 2px;}
.contBl.Out { padding: 15px; }
.contBl.Out.flRight { margin: 5px 0 10px 10px;}
.contBl.Out.gallery .flRight { margin: 2px;}
.contBl { }*/




/**** BLOK MENU *************************************************/
ul.hmenu { padding-left: 0px;}
ul.hmenu li {list-style: none; padding: 0px; margin: 0px;}
ul.submenu { padding: 0px; margin: 0px; }
.jMenu ul.submenu { display: none; }
ul.submenu li { float: none; clear: both;}
ul.submenu li a { display: block;}
ul.hmenu.horiz li { /*position: relative;*/}



/*** NEPODRIZENE OBSAHOVE PRVKY *********************************/
.advert { text-align: center; margin: 0 0 15px 0;}
.advert a { text-decoration: none;}

.detail { border-top: solid 1px #f2f2f2; font-size: 90%; font-weight: bold; margin: 5px 0 10px 0; clear: both;}





/******************************************
*                LAYOUT                   *
******************************************/
#main { background: url(../img/bg-main.gif) repeat-y center top;}
#container { background: #000; width: 980px; margin: 0 auto; position: relative;}

/*** HLAVICKA *******************************************************/
#head { width: 100%; height: 318px; /*height: 120px;*/}
#head .flLeft { height: 180px; margin: 0px; padding: 0px;}
#headImg { background: url(../img/bg-head.jpg) no-repeat center top; height: 318px; padding: 0 10px; /*height: 219px;*/}
#headImg a#logo { display: block; width: 130px; height: 120px; margin: 20px 0 30px 30px; text-decoration: none;}
#textBlock { width: 600px; padding: 20px 0 0 20px;}

#menu { float: left; width: 780px; height: 45px; padding: 0 0 0 5px; margin: 55px 0 0 0;}
#menu li { list-style: none; background: url(../img/menu-delitko.png) no-repeat right center; width: 108px; float: left;}
#menu li.menuButtRight { float: right;}
#menu a { color: #fff; text-decoration: none; display: block; /*width: 150px;*/ margin: 0 2px; cursor: pointer; }
#menu a span { display: block; position: relative; text-align: center; height: 37px; line-height: 100%; padding: 8px 8px 0 8px;}
#menu a:hover { color: #adff2f;}
#menu a.act { /*color: #adff2f; */ font-size: 120%; /*font-weight: bold; */ letter-spacing: -1px;}
#menu a.act span span.actBg { display: block; background: url(../img/bg-act-menu.png) no-repeat; width: 128px; height: 8px; position: absolute; bottom: -7px; left: 10px;}
#menu .horiz ul.submenu { background: #adff2f; width: 180px; padding: 0px; margin: 0px; z-index: auto; position: absolute; padding: 5px 0;}
#menu .horiz ul.submenu li { width: 180px; background: none;}
#menu .horiz ul.submenu a { color: #3372ce/*#fff*/; font-size: 90%; width: 156px; padding: 3px 10px;}
#menu .horiz ul.submenu a:hover { color: #3372ce; background: #fff; padding: 3px 10px;}



#navig { /*border-bottom: solid 1px red;*/ padding: 10px 30px; margin: 5px 0;}
#navig span { /*font-size: 120%;*/ font-weight: bold;}
#navig a { color: black; display: inline; float: none; margin: 0px;}



#defCont {/*padding: 15px 0;*/}
#defCont p,#defCont ul, #defCont li  { line-height: 140%; margin-bottom: 15px;}
#defCont li { line-height: 140%; margin-bottom: 0px;}
#defCont p.next { margin-bottom: 0px;}
#defCont p strong { color: silver /*#505050*/;}

#hmTop {	/*display: none;*/}
#hmBott { /*display: none;*/}

/*** MENU HLAVICKY **************************************************/
#topHead { background: url(../img/bg-top-head.gif) no-repeat center top; height: 31px;}
.headMenu { font-family: "Times New Roman", Times, serif; padding: 10px 0 0 0; float: right;}
.headMenu a { font-size: 120%; color: gray; text-decoration: none; display: block; float: left; padding: 5px; margin-right: 1px;}
.headMenu a:hover { color: #000; text-decoration: underline;}
.headMenu a strong { font-size: 130%; font-weight: bold; letter-spacing: -1px; display: block;}
.headMenu span { color: #B7B7B7; font-size: 300%; text-align: center; width: 50px; display: block; float: left;}


/*** TOP MENU *****************************************************/
#topMenu { display: none;}
#langBlock { width: 25%; padding-left: 20px; float: left;}
#menuBlock { text-align: right; width: 65%; padding-right: 20px; float: left;}


#bgColum { }
#bgColum.home { background: url(../img/bg-cont-colum.gif) repeat-y center top;}


/*** LEVY SLOUPEC ****************************************************/
#leftCol { width: 240px; float: left; padding: 0 15px 0 30px;}
.home #leftCol { width: 240px;}
#leftCol h2 { /*background: #CD853F;*/ padding: 5px 0 2px 0;}
#leftMenu {}
#leftMenu .bordIn { background: url(../img/bg-menu.png) no-repeat right top; padding: 0px;}
#leftMenu ul { padding: 0px; margin: 0px;}
#leftMenu li { background: url(../img/bg-li-left-menu.png) no-repeat left bottom; list-style: none; line-height: 120%; padding: 0px; margin: 0px;}
#leftMenu a { background: url(../img/bg-a-left-menu.png) no-repeat 5px 7px; /*color: #3f3f3f;*/ font-weight: bold; display: block; padding: 5px 50px 5px 20px;}
#leftMenu a:hover { color: #adff2f/*#252525*/;  /*background: #d2d2d2;*/ text-decoration: none;}
#leftMenu a.act { color: #adff2f;}
#leftMenu .submenu  ul {}
#leftMenu .submenu li { padding-left: 10px;}
#leftMenu .submenu li a { /*color: #7a7a7a;*/ background: url(../img/bg-submenu.png) no-repeat 2px 8px; font-size: 90%; font-weight: normal; padding-left: 15px;}
#leftMenu .submenu a:hover { color: #adff2f;  /*background: #b2b2b2;*/}

/*** STREDOVY SLOUPEC ****************************************************/
.home #centrCol { width: 376px; float: left; padding: 0 15px;}
#centrCol h2 { /*background: #CD853F;*/ padding: 5px 0 2px 0;}
#centrCol .odtrzL { background: url(../img/bg-opdtrz-centr.gif) no-repeat center 1px;}
#contMenu { border: solid 1px #ccc; padding: 10px 5px; margin: 5px 0;}

/*** PRAVY SLOUPEC ******************************************************/
#rightCol { width: 648px; float: right; padding: 0 30px 0 15px;}
.home #rightCol { width: 242px;}
#rightCol h2 { /*background: #CD853F;*/ padding: 5px 0 2px 0;}
#rightCol .menu a {	/*background: #CD5C5C;*/}
#rightCol .menu a:hover { background: #D3D3D3;}
#rightCol .menu li a.act { background: #D3D3D3;}

/*** FOOTER BLOK ******************************************************/

#foot { height: 130px; background: url(../img/bg-foot.jpg) no-repeat center top; /*padding-bottom: 20px;*/}
#foot .bordIn { margin: 0 30px; padding: 70px 0 0 0;}
#footMenu { float: left; width: 540px; padding: 0 20px;}
#footMenu a { /*color: #7CFC00;*/}
#copyr { float: right; font-size: 90%; text-align: right;}


.colBg01 { background: #F5F5F5; padding: 5px 10px;}
.colBg02 { background: gray; padding: 5px 10px;}
.colBg02 a { color: #fff;}

.bgLight { background: #3372ce;}
.bgLight p,.bgLight td,.bgLight h3,.bgLight li,.bgLight a { color: #fff;}
.bgLight .bordIn { padding: 10px;}

.bgDark { background: #1a1a1a;}
.bgDark p,.bgDark td,.bgDark h3,.bgDark li,.bgDark a { color: #fff;}
.bgDark .bordIn { padding: 10px;}

#quickContact {background: #1a1a1a url(../img/bg-kontakt.png) no-repeat left bottom;}
#quickContact p.next { margin-left: 90px;}
#quickContact p.next a { color: #505050;}
#quickContact p.next a:hover { color: #fff;}
#quickContact p.next a:hover  span{ color: #fff;}
#contBl .top { display: none;}
#contBl .bott { display: none;}
#kontaktTable { width: 150px; margin: 0 0px 0 auto;}
#kontaktTable td { color: #fff; border:none; padding: 2px 6px 2px 0;}

#pay {}
#pay p { font-size: 90%; padding: 5px 0; text-align: center;}

.workBl { padding: 0px;}
.workBl .top { display: none; background: #2f2f2f;}
.workBl .bott { display: none; background: #000;}
#work { background: #000 url(../img/bg-work.gif) no-repeat center top; padding: 0 10px; height: 312px; margin: 0px;}
#work a { color: gray;}
#work h3 {  color: #000; font-family: Arial, Helvetica, sans-serif; /*font-size: 130%;*/ line-height: 100%; margin-bottom: 10px; /*padding: 20px 0 0 30px;*/}
#work #imgBg { padding: 0 0 0 8px; height: 170px;}
#pageMenu { margin: 0 0 6px 0; padding: 10px 0 0 0;}
#pageMenu a { background: gray; color: #fff; text-align: center; display: block; width: 16px; height: 16px; line-height: 16px; margin: 0 5px 0 0; float: right;}

#prodBl { border-top: solid 1px gray; background: url(../img/bg-menu.gif) no-repeat center top; height: 45px; line-height: 45px;}
#prodBl a { color: #fff; background: url(../img/star-menu.gif) no-repeat left center; font-size: 110%; font-weight: bold; display: block; float: left; padding: 0px 0 0 15px; margin: 0 10px; text-decoration: none;}


h2 a.openClose {background:transparent url(../images/ico-open-close.png) no-repeat scroll 0 0;}
h2 a.openClose {display:block;font-size:11px;height:11px;position:absolute;right:6px;text-decoration:none;top:10px;width:11px;}
h2 a:hover.openClose {background:transparent url(../images/ico-open-close.gif) no-repeat scroll 0 0;}

#benef { }
#benef td { color: #000; width: 50%;}
#benef td ul { padding: 0px;}
#benef td li { background: url(../img/benef-star.gif) no-repeat;  height: 28px; font-style: italic; list-style: none; padding: 5px 0 5px 40px;}


#demo { background: gray url(../img/bg-demo.gif) left top; height: 270px; padding: 25px 5px 5px 5px; }
#demo ul { padding: 0px;}
#demo li { background: url(../img/star-menu.gif) no-repeat left center;  list-style: none; padding: 3px 0 3px 20px;}
#demo li a{ color: #fff; font-size: 110%;}

#news {}
#news .date { /*float: left;*/ /*background: url(../img/bg-date.png) no-repeat;*/ font-size: 80%; width: 33px; height: 40px; text-align: center; padding: 15px 0 0 0; font-weight: bold; letter-spacing: -1px;}
#news .contBl { /*float: right; width: 255px;*/ margin-bottom: 10px;}
#news .contBl p { line-height: 140%; margin-bottom: 0px;}

.imgBl { background: #949494; width: auto; position: relative; margin-bottom: 10px; overflow: hidden;}
.lhRoh { background: url(../img/lh_roh.gif) no-repeat; width: 6px; height: 6px; line-height: 6px; font-size: 6px; position: absolute; left: 0px; top: 0px; z-index: auto;}
.phRoh { background: url(../img/ph_roh.gif) no-repeat; width: 6px; height: 6px; line-height: 6px; font-size: 6px; position: absolute; right: 0px; top: 0px; z-index: auto;}
.ldRoh { background: url(../img/ld_roh.gif) no-repeat; width: 6px; height: 6px; line-height: 6px; font-size: 6px; position: absolute; left: 0px; bottom: 0px; z-index: auto;}
.pdRoh { background: url(../img/pd_roh.gif) no-repeat; width: 6px; height: 6px; line-height: 6px; font-size: 6px; position: absolute; right: 0px; bottom: 0px; z-index: auto;}

.galleryTable { border-collapse: separate;}
.galleryTable td { background: #0e0e0e; text-align: center; vertical-align: middle; padding: 5px;}

#anketa p { padding: 2px 0; margin-bottom: 5px; }
/*#anketa a, #anketa span { display: block; padding: 0 0 5px 0; float: left;}*/
#anketa .ankLine { background: #A9A9A9; height: 5px; display: block; }

.wswg img {padding: 5px; }