/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
input, textarea { font-family: sans-serif; font-size: 100%; }
body {line-height: 1;font-family: sans-serif; font-size: 62.5%;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

.cleaner {clear: both;}
.imp { color: #c00000 !important; font-weight: bold;}
.ramecek { border: 5px solid #eae2d7;}
.ramecek img { display: block; }
.foo { width: 0; height: 0; overflow: hidden; }
.wrap { width: 980px }

.buk, .home { background: #a5804b url(../img/bg_buk.jpg) }
.buk_tm { background: #a5804b url(../img/bg_buk_tm.jpg) }
.calvados { background: #a5804b url(../img/bg_calvados.jpg) }
.olse { background: #a5804b url(../img/bg_olse.jpg) }
.tresen { background: #a5804b url(../img/bg_tresen.jpg) }

.buk #header, .home #header  { background: url(../img/header_buk.jpg) }
.buk_tm #header { background: url(../img/header_buk_tm.jpg) }
.calvados #header { background: url(../img/header_calvados.jpg) }
.olse #header { background: url(../img/header_olse.jpg) }
.tresen #header { background: url(../img/header_tresen.jpg) }

.buk #lang { background: url(../img/lang_buk.jpg) no-repeat }
.buk_tm #lang { background: url(../img/lang_buk_tm.jpg) no-repeat }
.calvados #lang { background: url(../img/lang_calvados.jpg) no-repeat }
.olse #lang { background: url(../img/lang_olse.jpg) no-repeat }
.tresen #lang { background: url(../img/lang_tresen.jpg) no-repeat }
.home #lang { background: url(../img/lang_home.jpg) no-repeat }

.buk #wrap, .home #wrap { background: url(../img/wrap_buk.jpg) repeat-x }
.buk_tm #wrap { background: url(../img/wrap_buk_tm.jpg) repeat-x }
.calvados #wrap { background: url(../img/wrap_calvados.jpg) repeat-x }
.olse #wrap { background: url(../img/wrap_olse.jpg) repeat-x }
.tresen #wrap { background: url(../img/wrap_tresen.jpg) repeat-x }

.buk #col { background: url(../img/col_buk.jpg) no-repeat }
.buk_tm #col { background: url(../img/col_buk_tm.jpg) no-repeat }
.calvados #col { background: url(../img/col_calvados.jpg) no-repeat }
.olse #col { background: url(../img/col_olse.jpg) no-repeat }
.tresen #col { background: url(../img/col_tresen.jpg) no-repeat }

#header { height: 62px }
#header em { color: #fff; font-style: italic; font-size: 220%; float: left; padding: 25px 0 0 250px;}
.home #header em { padding: 25px 0 0 10px }

#lang { width: 980px; height: 62px}
#lang ul { float: right;}
#lang li { float: left; margin-left: 1px; display: inline; }
#lang a { float: left; background: #fff; color: #c00000; padding: 27px 11px 6px 11px  }
#lang .curr { background: #e3d9c9; color: #785119; text-decoration: none; padding-top: 17px  }

#menu { background: #f5f1eb url(../img/menu.png) repeat-x; overflow: hidden;}
#menu ul {padding: 0; height: 110px; overflow: hidden; width: 755px}
#menu li { float: left; background: url(../img/menu-sep.png) no-repeat right top; }
#menu a { float: left; text-decoration: none; font-size: 120%; color: #c00000; }
#menu a span { float: left; padding: 85px 7px 15px 7px; cursor: hand; cu\rsor: pointer; }
#menu a:hover span { text-decoration: underline; }
#menu .curr { background: url(../img/menu-on-l.png) no-repeat; text-decoration: none !important;}
#menu .curr span { background: url(../img/menu-on-r.png) no-repeat right top; text-decoration: none !important;}

#logo-home {float: left; width: 222px; height: 110px; overflow: hidden;}


#wrap { clear: both; width: 100%; overflow: hidden;}

#col { width: 240px; float: left; background-position: 0 238px !important; min-height: 660px; _height:660px }
#submenu { margin: 0 16px 0 10px; background: #ded5c6 url(../img/submenu.png) repeat-x }
#submenu a { color: #c00000; font-size: 110%; display: block; zoom:1; padding: 10px 0; border-top: 1px solid #e9e5dd }
#submenu li { border-top: 1px solid #cbbca2 }
#submenu ul a { font-weight: bold; text-decoration: underline; padding-left: 30px; background: url(../img/arrow2.gif) no-repeat 13px 50%  }
#submenu ul ul a { font-weight: normal; background: #d3cabb url(../img/arrow.gif) no-repeat 32px 1.25em; text-decoration: none; padding-left: 50px }
#submenu a:hover { background-color: #f1ece4 !important }
#submenu h2 { color: #785119; font-weight: bold; font-size: 120%; padding: 10px 10px 10px 13px }

#content { float: left; width: 740px; padding: 20px 0 0 0; color: #fff; font-size: 120%; line-height: 1.4 }
h1 { font-size: 240%; color: #fff; font-style: italic; font-weight: normal;}
h2 { font-size: 150%; color: #fff; font-style: italic; padding: 0 0 0.2em 0; font-weight: normal;}
h3 { font-size: 120%; color: #fff; font-style: italic; padding: 0 0 0.2em 0; font-weight: normal;}
.article { padding: 1em 0; clear: both; }
.article ul { padding: 0 0 1em 0 }
.article ul li { background: url(../img/li.gif) no-repeat 0 0.25em; padding: 0 15px 0 15px }
.article .error { font-weight: bold; padding: 1em 0 1em 15px}
.article a { color: #c00000; font-weight: bold }
.article a:hover { color: #fff; }
.article p { padding: 0.2em 15px 0.5em 0}
.border { border-top: 1px solid #ded5c6  }

.article .loga {float: right; padding: 10px 20px 10px 20px; background-color: #fff; border: 5px solid #eae2d7; margin: 0 10px 0 10px; display: inline;}
.article .loga li { padding: 10px 0; margin: 0; background: none;}

/* projit, zkontrolovat */
.desc-list { padding: 0 0 1em 0 }
.desc-list li { background: url(../img/li.gif) no-repeat 0 0.25em; padding: 0 15px 0 15px }

.real img { display: block; }
.real {padding: 0 0 10px 0; width: 100%; overflow: hidden; text-align: center; clear: both; font-size: 150%; font-style: italic; line-height: 160px }
.navrh {float: left; border: 5px solid #eae2d7;}
.realizace {float: right; border: 5px solid #eae2d7;}

.form { margin: 1em 0 }
.form label { font-weight: bold; color: #fff }
.form input, .form textarea { border: 0; width: 200px; padding: 2px }
.form input[type="text"] {background: url(../img/form-input_bg2.jpg) #643c23; color: #fff;}
.form textarea { width: 300px; height: 100px }
.form textarea {overflow: scrollbar; background: url(../img/form-textarea_bg.jpg) #643c23; color: #fff;}
.form .button { width: auto; background: #c00000; color: #fff; padding: 5px 10px; }
.form td { padding: 2px 5px; vertical-align: top; }

.article .photo li { float: left; padding: 12px 10px 12px 10px; background: url(../img/photo.jpg) no-repeat 5px 7px }

.crossroad li { float: left; width: 33% }
.crossroad p { clear: both; padding: 0; min-height: 9em; _height:9em }

#footer { clear: both; width: 980px; color: #e3d7c7; font-size: 100%; overflow: hidden; margin: 0 0 30px 0  }
#footer p {position: relative; float: right; }
#footer .bmedia { border-left: 1px solid #e3d7c7; padding: 15px 0 50px 20px; background: url(../img/vcela.gif) no-repeat right 22%; }
#footer .bmedia a { padding: 0 40px 0 0; text-decoration: none; color: #e3d7c7;  }
#footer .bmedia a span { text-decoration: underline; color: #fff}

#footer .peska { background: url(../img/np.gif) no-repeat right 22%; padding: 15px 30px 50px 20px; margin: 0 20px 0 0; display: inline; }
#footer a { color: #fff }

/* homepage */
#flashhp { width: 748px; height: 410px; }
#noflash { width: 748px; height: 410px; background: url(../img/flashhp.jpg) no-repeat }

#home { background: url(../img/home2.jpg) no-repeat; width: 980px; overflow: hidden; min-height: 520px; _height:520px; position: relative;}
#home #content { padding: 0px 20px 0 232px; width:auto;}
#home h1 { color: #c00000; float: left; width: 380px; font-weight: normal; padding: 40px 0 0 20px; }
#home h2 { font-size: 200%; font-style: italic; padding: 0 0 0.2em 0; font-weight: normal; }
#home .more { background: #fff url(../img/arrow.gif) no-repeat 3px 50%; color: #c00000; text-decoration: none; padding: 2px 5px 2px 15px }
#home .motto { color:#785119; font-style: italic; font-size: 140%; width: 338px; text-align: right; line-height: 1.2; float: right; padding: 50px 0 0 0; position: relative; left: -20px}
#home .article { clear: both; overflow: hidden; zoom:1;}

#select { position: absolute; top: 110px; left: 242px; width: 726px; height: 234px; overflow: hidden;}
#select li { float: left; border-right: 1px solid #fff }
#select li a { float: left; padding: 8px 10px; color: #c00000; background: #e5dcce url(../img/select_a.png) repeat-x; text-align: center; }
#select li a.curr { font-weight: bold; color: #c00000; text-decoration: none; }
#stripe { position: absolute; width: 3630px; top: 30px; left: 0 }
#stripe img { float: left; }
#stripe a { position: relative; float: left; text-decoration: none; }
#stripe span { position: absolute; left: 662px; top: 140px; color: #fff; display: block; width: 54px; height: 54px; line-height: 54px; text-align: center; text-decoration: none; }
#stripe a:hover span { color: #faa }

/*
#hobis .curr { background: url(../img/home_hobis.jpg) no-repeat bottom left;   }
#exbydo .curr { background: url(../img/home_exbydo.jpg) no-repeat bottom left;   }
#exner .curr { background: url(../img/home_exner.jpg) no-repeat bottom left;   }
*/

.pozor { background: url(../img/pozor.gif) no-repeat; padding-left: 80px; }

/* produkt */
#product {	padding: 0 0 30px; width: 740px; overflow: hidden; clear: both;}

#col1 { width: 573px; float: left; margin: 10px 0 0 0}
#col2 { width: 167px; float: right; margin: 10px 0 0 0}

#col1 .imgs { background: url(../img/col1.jpg) no-repeat; padding: 0 0 10px 0  }
#col2 .descr { background: #fff url(../img/col2.jpg) no-repeat; padding: 0 20px 0 25px; min-height: 320px; _height:320px }
#col2 img { display: block; padding: 0 0 20px 0 }

.info { background: #c00000 url(../img/info.gif) repeat-x bottom; color: #fff; text-decoration: none;display: block;  padding: 5px 10px; }
.info span { background: url(../img/info-arrow.gif) no-repeat left 60%; padding: 0 0 0 15px }
.info:hover { color: #faa }

.descr h2 { color: #c00000; padding: 25px 0 5px 0;  }
.descr { color: #785119;}
.links { padding: 1em 0;font-size:80%; }
.links a { color: #c00000; background: url(../img/arrow.gif) no-repeat left; padding: 0 0 0 13px }

#flash { width: 550px; height: 550px  }
#flash2 { width: 550px; height: 620px  }
#flash3 { width: 550px; height: 690px  }
#shadow1 { background: url(../img/shadow1.png) no-repeat; width: 573px; height: 30px; overflow: hidden; float: left; }
#shadow2 { background: url(../img/shadow2.png) no-repeat; width: 167px; height: 30px; overflow: hidden; float: right;  }
.shadow3 { background: url(../img/shadow2.png) no-repeat; width: 220px; height: 30px; margin-top:-3px; overflow: hidden; float: left; }

/* IE PNG hack */
#shadow1 {_background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/shadow1.png,sizingMethod='scale'); }
#shadow2 {_background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/shadow2.png,sizingMethod='scale'); }
.shadow3 {_background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/shadow2.png,sizingMethod='scale'); }

#map {clear: both; width: 500px; height: 400px;border: 5px solid #eae2d7;}

/* 3 sloupce */
.col3 { float: left; width: 33%; }
.col3 img { display: block; margin: 0 0 15px 0}
.col3 h2 { padding-right: 25px }
.article .col3 ul { padding-right: 20px  }
.top { clear: both; padding: 10px 0; text-align: center; }

/* nyroModal - don't edit!!! */
div#nyroModalFull {font-size: 12px;color: #fff;}
div#nyroModalFull div#nyroModalLoading {border: 5px solid #fff;width: 150px;height: 150	px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 5px solid #fff;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -24px;right: -24px;width: 20px;height: 20px;text-indent: -9999em;background: url(../img/nyroclose.gif) no-repeat;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	top: -22px;	left: 5px;	font-size: 11px;color: #fff; font-weight: normal;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background: url(../img/nyronext.gif) right 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left: 0;width: 40%;background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right: 0;width: 40%;background: url(../img/nyronext.gif) right 20% no-repeat;}

/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}

#intro { position: relative; width: 744px; height: 335px; overflow: hidden;}
#intro img { display: block; border: 1px solid #fff}
.intro-close { position: absolute; right: 1px; top: 1px }
.intro { display: none; }

.home div#nyroModalFull div#nyroModalWrapper { border: none}
.home div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent { padding: 0; }
.home div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div { padding: 0; margin: 0; }
.home div#nyroModalFull div#nyroModalWrapper a#closeBut {top: -20px;right: -20px;