/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body { margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6, p, div, ul, li, form, input, select, textarea, img, span {padding: 0px; margin: 0px;}



/******************************************
*            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;}



/******************************************
*            DEF. CONT. STYLE             *
******************************************/
/*** ZAKLADNI OBSAHOVE BLOKY ***************************************/
.contBlOds { padding: 0px 10px; _padding: 0 0;}
.bgColTop { background: url(../img/bg-col-top.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;}
.bgColBott{ background: url(../img/bg-col-bott.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;}

.contBlOds ul { padding: 0 0 0 16px;}
.contBlOds ul li { padding: 4px 0;}
.contBlOds h3 { margin-bottom: 4px;}
.contBlOds.In { /*margin: 15px;*/ /*background: Orange;*/}
.contBlOds.In .flLeft { margin: 0px 0px 0px 0;}
.contBlOds.Out { padding: 15px; /*background: Orange;*/}
.contBlOds.Out.flRight { margin: 5px 0 10px 10px;}
.contBlOds.Out.gallery .flRight { margin: 2px;}
.contBl { /*background: #FFF8DC;*/}


/**** BLOK MENU *************************************************/
.menu { }
.menu ul { padding-left: 0px;}
.menu li { padding: 0px; margin: 0px;}
.menu li a { width: 87%; padding: 5px 6%; }
.menu li a.act { padding: 4px 6%;}

/*** NEPODRIZENE OBSAHOVE PRVKY *********************************/
.anketa div { height: 5px;}
.advert { margin: 0 0 15px 0;}

.detail { margin-top: 5px;}
.text { padding-bottom: 12px;}




/******************************************
*                LAYOUT                   *
******************************************/
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6 { display: none; }

#main { }
#container { width: 962px; margin:auto; padding: 0 9px 10px 9px; _padding: 0 0px 0px 8px;}
#container  h2 { padding: 5px 10px;}
#head { width: 962px; margin: 0 auto; padding: 0 9px; _position:relative; _left:0px}
#defCont { width: 100%; margin: 0px 0; _margin:0 0; padding-top:10px;}
#foot { width: 962px; margin: 0 auto; padding: 0 9px;}

#leftCol { width: 220px; float: left; padding: 0 10px; _padding: 0 7px/*display: none;*/}
#centrCol { width: 480px; float: left; _width:480px; float:right}
#centrCol.bigCentr { width: 710px; float: left; overflow:hidden;}
#centrCol.bigCentr .contBlOds {width:710px;}
#rightCol { width: 220px; float: right; padding: 0 10px; /*display: none;*/}

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


/*** TOP MENU *****************************************************/
#topMenu { padding: 18px 0 5px 0; _padding: 18px 0 5px 0px; margin: 0 0 0px 0;}
#langBlock { width: 25%; padding-left: 20px; }
#menuBlock { width: 48%; padding-right: 20px;_padding-right:200px }
/*** HLAVICKA *******************************************************/
#headImg { padding: 20px; height: 160px; position: relative; width: 922px;  }
#headImg #greenLine {background: url(../img/green-line.gif) ; position:absolute;  right:0px; top:0px;width:145px; height:145px}
#headImg #logoHead {width: 160px; height: 90px; _width:160px;}
#headImg #textBlock { width: 300px; padding-left: 390px; padding-top: 20px;}
#textBlock p { font-size: 120%;}
/*** MENU HLAVICKY **************************************************/
.headMenu { padding: 5px 10px;}
.headMenu a { font-size: 120%; font-weight: bold; padding: 5px 10px 5px 30px; margin-right: 1px; width: 91px;}

/*** LEVY SLOUPEC ****************************************************/
#leftCol {}
/*#leftCol h2 { padding: 5px 0px;}*/
#leftCol .contBlOds { background: url(../img/bg-col-centr.gif) repeat-y;}

/*** STREDOVY SLOUPEC ****************************************************/
#centrCol { /*background: blue;*/}
/*#centrCol h2 { padding: 5px 10px;}*/
#centrCol #navig { padding: 10px 15px;}
#centrCol .contBlOds { background: url(../img/bg-col-centr2.gif) repeat-y; background-position:left; width:480px;}
#centrCol .bgColTop { background: url(../img/bg-col-top2.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;}
#centrCol .bgColBott{ background: url(../img/bg-col-bott2.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;}
#centrCol.bigCentr .contBlOds { background: url(../img/bg-col-centr3.gif) repeat-y;}
#centrCol.bigCentr .bgColTop { background: url(../img/bg-col-top3.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;}
#centrCol.bigCentr .bgColBott{ background: url(../img/bg-col-bott3.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;}


/*** PRAVY SLOUPEC ******************************************************/
#rightCol {}
/*#rightCol h2 { padding: 5px 10px;}*/
#rightCol .contBlOds { background: url(../img/bg-col-centr.gif) repeat-y;}

/*** FOOTER BLOK ******************************************************/
#foot { height: 95px; }
#logoFoot { width: 100px; height: 36px; margin-left: 20px;}
#footMenu { padding: 20px 0px 0px 0px;}


#productBl { padding: 0px; margin: 0 5px; /*width: 898px; overflow: hidden;*/}
#productBl #prodOrez { width: 942px; margin: 5px; float:left; overflow: hidden;}
#productBl #prodOrez a { color: #fff; text-decoration: none; display: inline-block; width: 228px; height:50px;padding: 0px 0px 0px 0px; margin: 0 10px 0 0; overflow:hidden; word-wrap:break-word position: relative; }
#productBl #prodOrez a span { font-size: 1.2em;padding: 5px 0 0 70px;font-weight: bold; line-height: 130%; display: block; overflow:auto;}
#productBl #prodOrez table { /*width: 1600px;*/ border: none; overflow:hidden;}
#productBl #prodOrez table td { padding: 0 0 5px 0;  border: none; overflow:hidden;height:50px;}
#productBl #prodOrez a#ico01 { background: #3297b8 url(../img/ico/n-ico-shop.gif) no-repeat;}
#productBl #prodOrez a#ico02 { background: #3297b8 url(../img/ico/n-ico-aukce.gif) no-repeat;} 
#productBl #prodOrez a#ico03 { background: #3297b8 url(../img/ico/n-ico-vr.gif) no-repeat;}
#productBl #prodOrez a#ico04 { background: #3297b8 url(../img/ico/n-ico-zajezdy.gif) no-repeat;}
#productBl #prodOrez a#ico05 { background: #3297b8 url(../img/ico/n-ico-web.gif) no-repeat;}
#productBl #prodOrez a#ico06 { background: #3297b8 url(../img/ico/n-ico-incoming.gif) no-repeat;}
#productBl #prodOrez a#ico07 { background: #3297b8 url(../img/ico/n-ico-katalog.gif) no-repeat;}
#productBl #prodOrez a#ico08 { background: #3297b8 url(../img/ico/n-ico-vl.gif) no-repeat;}
/*
#productBl #prodOrez a span.lhr { background:transparent url(../img/lh_roh.gif) no-repeat; font-size:6px; height:6px; left:0px; position:absolute; top:0px; width:6px; z-index:auto;}
#productBl #prodOrez a span.pdr { background:transparent url(../img/pd_roh.gif) no-repeat; bottom:0px; font-size:6px; height:6px; position:absolute; right:0px; width:6px; z-index:auto;}
*/

#navig { padding: 5px 10px; font-size: 110%;}

#benefBl { margin: 0px; /*background: aqua;*/}
#benefBl ul { width: 90%; float: left; padding: 0px; margin: 0 2px;}
#benefBl ul li { color: #000;  font-family:Arial, Helvetica, sans-serif; list-style: none; padding: 0 0 5px 10px;}

#platBl { border: solid 1px #ccc; padding: 5px; margin: 0px 10px 0 10px; position:relative; bottom:10px; top:-3px;}
#platBl a { border-right: solid 1px #ccc; display: block; float: left; width: 180px; margin: 0; padding: 0 2px; position:relative;}
#platBl a.last { border: 0; }
#platBl a img { float: left; padding: 0 10px 0 0;}
#platBl hr#oddel {clear: both; border-top: solid 1px #ccc;}

#referBl { border: solid 1px #ccc; margin: 0 10px;}
#referBl a.rolButt { color: #fff; background: #3297b8; font-size: 180%; font-weight: bold; text-align: center; text-decoration: none; display: block; float: left;  padding: 35px 0 35px 3px;}
#referBl #rolButt2 { float:right;text-align: right;}
#referBl #orezBl { width: 910px; margin: 0px; float: left; overflow: hidden;}
#referBl #orezBl table { width: auto; border: none;}
#referBl #orezBl table td { padding: 0 5px; width: auto; border: none;}
#referBl a img{ border: solid 1px #ccc;}

#uctoBl { padding-top: 0px; padding-bottom: 5px;}
#uctoBl p { border-bottom: solid 1px #ccc; margin: 0 10px 5px 10px; padding-bottom: 5px;}
#uctoBl p.end { border-bottom: none; margin: 0px 10px; padding-bottom: 0px;}
#uctoBl a { text-decoration: none;}

#demoBl { margin: 0px;}
#demoBl ul { padding: 0px; margin: 0px;}
#demoBl li { list-style: none; background: url(../img/ico-demo.gif) no-repeat; padding-left: 30px;}


#aktualBl { margin: 0px;}
#aktualBl h3 { font-size: 100%; padding: 0 0 0 30px;}
#aktualBl .icoDate { background: url(../img/ico-date.gif) no-repeat; text-align: center; width: 36px; height: 36px; padding: 15px 0 0 0; margin: 0 10px 0 0; float: left; font-size:10px}
#aktualBl .odsM { clear: both;}
.ods_novinek	{
				padding:0px 5px 0px 5px;
				margin-right:20px;
				}
.ods_pop	{
				padding:0px 5px 0px 5px;
				}
#aktualBl .ods_novinek	{
				width:450px;
				}


#klientBl li { color: #ca0000; font-size: 110%; list-style: circle;}

.contBlOds.In.gallery .flLeft { margin: 3px;}
.contBlOds.In.gallery a { display: block; width: 109px; overflow: hidden;}

#bigImg .link a {height:1px;text-align:center; font-decoration:bold; border: none; font-weight: bold; font-size: 110%; display: inline; text-decoration: none;}
#bigImg .link a:hover { border: none;display: inline;}
#bigImg table { margin: 20px 0 10px 0;}
#bigImg td { padding: 0 0 10px 0; }

#refMenu { margin-bottom: 10px;}
#refMenu td { padding: 4px 0; _padding: 0 0 ; _float:left}
#refMenu a { background: url(../img/open.gif) no-repeat left top; font-size: 110%; font-weight: bold; display: block; padding: 0 0 0 20px; _padding: 0 0 0 0 }

.pager { padding: 5px 0; display: inline;/*margin: 0 0 10px 0;*/ }
.pager a {   text-decoration: none;  margin: 0 4px 0 0; display: block;  line-height: 20px;  background:url(../img/newjt.gif) left no-repeat; padding-left:25px;}
.pager a:hover { text-decoration:underline; }
.pager a.act {  background: #ca0000;}
.pager span { padding: 3px 5px 0px 0px;}