/* html>body .UIE {} Opera*/
/* :root .UIE {} Mozila*/
/* *:first-child+html .UIE {} ie7*/
/* da se pro IE7 pouzit otaznik */
/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Trebuchet MS; font-size: 13px; color:#9C7652; background-color: #000; text-align: center; }
div {height: auto; _height: 0; margin: 0; padding: 0}
h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-size: 12px; color: #000}
p {margin: 0; padding: 0; color: #4A4A4A;  line-height: 16px; margin-top: 20px; font-weight: normal; color: #9C7652; text-align: justify;   }
p.nabidka {margin-top: 5px;}
p.kontakt {margin-top:20px}
a {text-decoration: underline; color: #D1C1A6}
a:hover {text-decoration: none}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}
select {height: 20px; margin: 0; padding: 0; vertical-align: middle; color: #000; font-size: 12px;  font-family: Arial;}

.clear {clear: both; height: 0px; height: 0px; font-size: 1px}

.na_homepage {margin-top: 20px; font-size: 14px; font-weight: bold; color: #9C7652; text-align: left; }
.title h1 {margin: 0; padding: 0; height: 23px; font-family: Times New Roman; font-size: 18px; font-weight: normal; color: #D1C1A6; border-bottom: solid 4px #710300; text-align: left; letter-spacing: 1px;}
.title .nadpis {margin: 0; padding: 0; height: 23px; font-family: Times New Roman; font-size: 18px; font-weight: normal; color: #D1C1A6; border-bottom: solid 4px #710300; text-align: left; letter-spacing: 1px;}
.title h2 {margin: 0; padding: 0; height: 23px; font-family: Times New Roman; font-size: 18px; font-weight: normal; color: #D1C1A6; border-bottom: solid 4px #710300; text-align: left; letter-spacing: 1px;}
h3 {margin-top: 20px; font-size: 14px; font-weight: bold; color: #9C7652; text-align: left; }

h3.nabidka {margin-top: 27px; color: #A88975;}
h3.nabidka1 {margin-top: 20px; color: #A88975;}
h3.nabidka.first {xmargin-top: 20px; color: #A88975;}
.popis_img_ref {background:#460401; height:23px; _height:26px; text-align: left; padding-left: 10px; padding-top: 4px;  ; width: 199px; _width: 209px;  position: relative; top: 152px; margin-left: 8px; _margin-left: 0px;}

/*.popis_img_ref {background:#460401; height:26px; text-align: left; padding-left: 10px; padding-top: 4px; width: 199px; _width: 209px;  position: absolute; top: 198px; _top: 205px;  margin-left: 8px; } */


.containerheader {position: relative; /*z-index: 1;*/ margin: 0px auto; width: 988px; height: 242px; background: #710300 }
.containerheader .header {position:relative;margin:auto;width:988px;height:242px; background: url(img/BG-header.jpg) no-repeat; }
.containerheader .header .logo {position:absolute; top:22px; left:682px; width:163px; height:52px;}
.containerheader .header .logo a {position:absolute; top:0px; left:0px; width:234px; height:180px;}

.containerbody {position: relative; margin: 0px auto; width: 988px;  }
.containerbodycontent {float:left; width: 988px; height:auto; background: url(img/BG-body.jpg) top repeat-y;}
.column1 {float: left; position: relative; top: 0; left: 0px; padding: 0; width: 131px; height: auto; overflow: hidden;}
.column2_container1 {float: left; margin-top: 25px; width:850px; height: auto; xborder: solid 1px blue; }
.column2_container2 {float: left; margin-top: 40px; width:850px; height: auto; xborder: solid 1px red; }
.column2 {float: right; position: relative; top: 0; left: 0px; padding: 0px; xwidth: 857px; width: 850px; height: auto; overflow: hidden; xborder: solid 1px red; }
.column2 img { border: 0px; }
.subcolumn1 {float: left;  padding: 0; width: 475px; height: auto ; overflow: hidden;  }
.subcolumn2 {float: left;  margin-left: 36px;: padding: 0px; width: 220px; height: auto; overflow: hidden; xborder: solid 1px red; }
.subcolumn3 {float: left;  padding: 0px; _margin-top: 5px; width: 731px; height: auto; overflow: hidden; xborder: solid 1px red; }
.dopas { float: left; height: 50px; _height: 71px; padding-top: 20px; _padding-top: 40px}
.dopas2 { float: left; height: 9px;  font-size: 1px;}
.odd_horizontal { width: 475px; height: 20px; background: url(img/ODD_horizontal.gif) no-repeat bottom; font-size: 1px;	}





.menu_top {position: absolute; top: 196px; left: 138px; xborder: solid red 1px; margin: 0px; padding: 0px; font-family: Times New Roman; font-size: 14px; font-weight: bold; height: 25px; }
.menu_top li {display: block; float: left; margin-right: 55px; height: 25px; }
.menu_top li a {padding-left: 7px; float: left; padding-top:0px; display: block; color: #383229; background: url(img/ODD_menu.gif) no-repeat 0px 2px; text-decoration: none;  height: 25px; }
.menu_top li a:hover { color: #710300; text-decoration: none;}
.menu_top li a.activ { background: url(img/ODD_menu_activ.gif) no-repeat 0px 2px;  height: 25px; }
.menu_top li a.activ2 { background: url(img/ODD_menu_activ2.gif) no-repeat 0px 2px;  height: 25px; }

.footer {float: left; margin:0;  width: 988px; height:122px;  text-align:left; font-size: 12px; overflow:hidden;  background: url(img/BG-footer.jpg) no-repeat;}
.footer span { padding: 40px 0 0 138px; color: #9C7652; display: block}



/* ------------ Novinky titulka  -----------------------------------------------------------------------------------------------*/
.container_box {width: 220px; height: auto; margin-top:20px;  _margin-top:5px}
.box { margin-top: 15px; background-color: #460401; width: 220px; height: auto; display: block; text-decoration: none; }
.box span { font-size: 12px; color: #8C6354; text-align: left; padding: 10px; line-height: 14px; display: block; }
.box:hover  {background-color: #620200;}

/* ---------- submenu --------------------------------------------------------------------------------------------------------------*/
.container_submenu {width: 220px; height: auto; margin-top:20px;  _margin-top: 10px}
.submenu { margin-top: 10px; background-color: #460401; xborder: solid 3px #460401;  width: 220px; height: 35px; display: block; text-decoration: none; }
.submenu.detail  {margin-left: 20px; }
.submenu.first {margin-top: 20px; }
.submenu span { font-size: 14px; color: #A88975; font-weight: bold; text-align: left; padding: 10px; line-height: 14px; display: block; }
.submenu strong {color:#846445; font-weight: bold }
.submenu:hover  {background-color: #620200;}
.submenu.informace {height: auto;}
.submenu.informace:hover  {background-color: #460401;}
.submenu .kontakt_1 {color: #802A00; text-align: left; font-weight: bold; padding-left: 10px; padding-top: 10px; font-size: 12px; }
.submenu .kontakt_1a {color: #802A00; text-align: left; font-weight: bold; padding-left: 10px; font-size: 12px; }
.submenu .kontakt_2 {color: #A88975; text-align: left; padding-left: 10px; line-height: 15px; }
.submenu .kontakt_2 a {color: #A88975;}

/* ---------- jak pracujeme--------------------------------------------------------------------------------------------------------------*/
.submenu1 { margin-top: 2px; xbackground-color: #460401; border-bottom: solid 1px #710300;  width: 220px; height: 35px; display: block; text-decoration: none; }
.submenu1.first {margin-top: 12px; }
.submenu1 span { font-size: 14px; color: #A88975; font-weight: bold; text-align: left; padding: 10px; line-height: 14px; display: block; }
.submenu1 strong {color:#D1C1A6; font-weight: bold }


/* --------------- Reference -------------------------------------------------------------------------------------------*/
.container_ref {float: left; width: 759px; height: auto; xmargin-top: 24px; xborder: 1px solid red; }
.container_ram {float: left; width: 225px; height: auto; margin-right: 28px; xmargin-bottom: 25px; margin-top: 0px;}
.container_ram.first { float: left; margin-left: 0px;}
.ram {xfloat: left; width: 225px; height: 160px; background: #614A3A; display: block;}
.ram:hover { background: #856550}
.ram_text { text-align: left; font-size: 12px; line-height: 14px; color: #79583C; padding-top: 10px;  }
.ram img {border: solid 1px #230D04; margin: 7px auto; }


/* --------------- Reference DETAIL -------------------------------------------------------------------------------------------*/
.container_detail {float:left; width: 731px; }
.container_ref_detail {float: left; width: 475px; height: auto; margin-top: 24px; }
.container_ram_detail {float: left; width: 475px; height: auto; margin-left: 0px; margin-bottom: 25px; margin-top: 0px; }
.ram_detail {xfloat: left; width: 475px; height: 286px; background: #614A3A; display: block;}
.ram_detail:hover { background: #856550}
.ram_detail img {border: solid 1px #230D04; margin: 7px auto; }
.container_ref_detail_popis { float: right; width: 220px; height: auto; margin-top:20px;  text-align: left; xborder: 1px solid red; }
.container_ref_detail_popis img { margin-right: 8px; }
.container_ref_detail_popis .odd { width: 220px; height: 1px; margin-top:20px; margin-bottom: 15px;  font-size: 1px; border-bottom: solid 1px #710300  }

/*-----------kontakt formular -------------------------------------------------------------------------------------*/
.container_form_1 {float: left; width: 475px; margin-top: 15px; }
.container_form_2 {float: left; width: 475px; margin-top: 10px; }
.form_1 {float: left; width: 226px; height: auto; text-align: left; color: #79583C}
.form_2 {float: right; width: 226px; height: auto; text-align: left; color: #79583C}
.form_3 { width: 475px; height: auto; text-align: left; color: #79583C}
.form_1_input { width: 222px;  height: 20px; _height: 24px; background: #250E06; border: solid 2px #422518; color: #A88975}
.form_2_input { width: 471px; height:170px; background: #250E06; border: solid 2px #422518; color: #A88975; font-family: Trebuchet MS; font-size: 13px; }
.form_btn { float: right; width: 129px; height: 31px; background: url(img/BT_form.gif) no-repeat; margin-top: 10px; border: none; cursor: pointer}



/*-----------------ligthbox----------------------------------------------------------------------------------------------------------------*/

#lightbox{ position: absolute; left: 0; top: 0 ; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink {position: absolute; right: 0; _right: -10px; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(reference/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(reference/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	;  }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }