/* Autor: Petr Soukup, soukup@iquest.cz */
/* hlavni barvy, zelena 2bb201, zelena hover 57692a, zluta fff87d */

/* 1. obecne styly */
html,body {margin:0;padding:0;}
html{font-size:106.5%}
body{font-size:76.5%;font-family:Arial,sans-serif}
body {background: #999999 url(../images/bg.jpg) top left repeat-x; color: #252122;line-height: 1.4em;}
li,ul,ol,p,input,select,textarea,form,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;}

a {color: #54742a; text-decoration: underline;}
a:hover {color: #2b961b; text-decoration: none;}
a.externalLink {background: url(../images/external-link.gif) top right no-repeat; padding: 0 15px 0 1px;}

h1 {}
h2 {color: #2bb201; /*text-transform: uppercase;*/ padding: 25px 0 3px 0; font-size: 140%; font-weight: normal; line-height: 120%;}
h3 {color:#2bb201; font-size: 110%;}

.right {float: right;}
hr {display: none;}
ul, li {padding: 0; margin: 0; list-style: none;}

table.sirka {border: 2px solid #93bb8e; border-collapse: collapse; width: 100%;}
table.sirka td {border: 1px solid #93bb8e; background: none; padding: 3px 2px;}
.inner ul {margin: 0 0 0 30px;}
.inner ul li {list-style:disc;}
#thirdPanel ul li {list-style: none;}
#thirdPanel ul {margin: 0;}

#textInner ul {padding: 5px; margin: 10px 10px 30px 20px; border-bottom: 1px solid #292929; border-left: 3px solid #292929;}

/* 2. layout */
#wrap1 {width: 980px; margin: 0 auto; padding:0;}
#wrap2 {width: 100%; position: relative; float: left; margin: 0; padding: 40px 0 0 0;}
#wrap3 {width: 100%; float: left; position: relative; background: #ffffff url(../images/background-wrap.gif) top left repeat-y;}
#wrap4 {width: 100%; float: left; position: relative; background: url(../images/background-footer.jpg) left bottom no-repeat;}

#headWrap {width: 100%; margin: 0; padding: 0;}
#logo {position: absolute; margin: 41px 0 0 77px; width: 99px; padding: 0;}
#logo span {display: none;}
#logo a {display:block;background:url(../images/logo.gif) top left no-repeat; width: 99px; height: 91px; border: 3px solid transparent;}

#flashWrap, #flash, #flash-inner {height: 347px;}
#flashWrap {background: url(../images/loading-01.gif) center center no-repeat;}
#flash {background: url(../images/background-header.jpg) top left no-repeat;}
#flash-inner {background: url(../images/background-wrap-top.png) left bottom no-repeat; _background: url(../images/background-wrap-top.gif) left bottom no-repeat;}

#wrapBreadcrumb {font-size:80%; width: 100%; text-align: right; color: #f5efec; line-height: 1.2em; display:none;}
#wrapBreadcrumb a {color: #f5efec;}
#wrapBreadcrumb a:hover {color: #ffffff;}

/* Faux Absolute Positioning */

/* soucet vsech 3 panelu */
#textWrap {float: left; width:980px; margin: 0;	display: block;	position: relative;}
.inner {float: left; position: relative; /*background: #272727 url(../images/background-box.jpg) top left repeat-x;*/ left: 980px;}


/* zprava vratit levy okraj */
#firstPanel {width: 420px; background: url(../images/transparent-white.png) top right repeat; padding: 16px 25px 0 25px;margin-left: -732px; margin-bottom: 75px; margin-top: -16px;}
#secondPanel {width: 203px; padding: 0 25px 10px 25px;margin-left: -253px; margin-bottom: 10px; margin-top: 0px;}
#thirdPanel {width: 220px; padding: 0; margin-left: -955px; padding-bottom: 20px; padding-top: 15px; margin-top: -175px;}


/*detailnejsi nastaveni*/
#firstPanel p {margin: 0 0 15px 0;}

/* MENU */
/*detailnejsi nastaveni*/
#thirdPanel ul {background: url(../images/background-menu.jpg) top left repeat; width: 203px; padding: 15px 0; border: 1px solid #57692a;}
#thirdPanel li a {background: url(../images/menu-icon.gif) 2px bottom no-repeat; color: #ffffff; margin: -3px 0 0 0; padding: 20px 25px 7px 35px; width: 150px; /*210*/ display: block; text-decoration: none;}
#thirdPanel li a:hover {background: url(../images/menu-background-hover.png) 2px bottom no-repeat; /*203*/ padding: 18px 25px 9px 35px; width: 150px; color: #350906;}
#thirdPanel li a {font-size: 110%; /*font-weight: bold;*/  line-height: 12px;}
/* druha uroven */
#thirdPanel ul ul {background: transparent; border: 0px;}
#thirdPanel ul ul li {float: left;display: block;}
#thirdPanel ul ul {position: relative; left: 185px; margin: -24px 0 0 0; padding: 0;}
#thirdPanel ul ul li {float: none; display: block; float:left;width: 187px;padding:0;margin:0; background: url(../images/transparent.png) top left repeat;}
#thirdPanel ul ul a, #thirdPanel ul ul a:hover {padding: 7px 15px; width: 165px; margin: 0; background: url(../images/menu-border.png) 30px bottom no-repeat;}
#thirdPanel ul ul a:hover {color: #fff87d;}
#thirdPanel ul ul {position: absolute; visibility:hidden;}
#thirdPanel ul li:hover ul, #thirdPanel ul li.hover ul {visibility:visible; display: block;}

/*treti uroven*/
#thirdPanel ul li:hover ul ul, #thirdPanel ul li.hover ul ul {visibility:hidden;display: none; margin: 0; padding: 0; font-size: 0px; line-height: 0px;}

/*detailnejsi nastaveni*/
#secondPanel img {border: 0px;}
body #wrap1 a.more {margin: -8px 0 20px 0; padding: 0 0 0 10px; background: url(../images/arrow.gif) left center no-repeat; color: #2bb201;}
body #wrap1 a.more:hover {background: url(../images/arrow.gif) 2px center no-repeat;}

#firstPanel .icon, #secondPanel .icon {display: block; padding: 0 0 15px 0; font-size: 90%; float: left; width: 100%;}
#firstPanel .icon .img, #secondPanel .icon .img {float: left; margin: 4px 8px 8px 0;}
#firstPanel .icon a, #secondPanel .icon a {color: #245d00;}
#firstPanel .icon a:hover, #secondPanel .icon a:hover {color: #000000;}


#secondPanel .lastPhoto a {float: left; margin: 0 4px 4px 0;}
#secondPanel .lastPhoto {margin: 5px 0 20px 0; float: left;}

/*bez praveho sloupce*/
#textWrap .innerWide {width: 685px; background: none;}

.videoWrap {float: left; width: 100%; background: #222222 url(../images/background-video.gif) left top repeat-x; margin: 10px 0; text-align: center; padding: 10px 0;}

.news {margin: 0 0 20px 0;}

.bullet {padding: 10px 0;}

#fotoWrap {text-align: center; overflow: hidden; width: 100%;}
.foto {margin: 15px;}

#firstPanel a img, #secondPanel a img, #photogalleryWrap .photo {border: 1px solid #2bb201;}
#firstPanel a:hover img, #secondPanel a:hover img, #photogalleryWrap .photo:hover {border: 1px solid #57692a;}


/* nezobrazovat dalsi vnorene */
#topMenuWrap #topMenu ul ul ul {display: none;}

#flag {position:absolute;width:120px;top:-26px; left:860px; text-align: right;}
#flag a img {border: 1px solid #ffffff; margin: 0 0 0 10px;}
#flag a:hover img {border: 1px solid #fbd438;}

#title {position:absolute;top:-28px; left:0px;}
#title a {text-decoration: none;}
#title a span {color: #ffffff; font-style: italic; font-size: 120%; display: block;}
#title a:hover span {color: #fff87d;}

#title2 {position:absolute;top:-23px; left:489px; width:253px; height:370px;}
#title2 a {background: url(../images/vinarstvi-jiri-rusnok.jpg) top left no-repeat; display: block;width:253px; height:370px; border: 2px solid #b8c130; overflow:hidden;}

#title3 {float: right; padding: 0 20px;}
#title3 a, #title3 img {border: 0px none;}


#footer {width: 980px; float: left; padding: 0 0 10px 0; position: relative; top: 35px; margin: 0; background: #999999; /*url(../images/background-footer.png) top center no-repeat; _background: #999999 url(../images/background-footer.gif) top center no-repeat*/}
#footer, #footer a {color: #e8e7e7;}
#footer a:hover {color: #ffffff;}

/* vypis, seznam, reference */
#listWrap {float: right; width: 704px;	display: block;	position: relative;}
#listWrap .inner {float: left;	position: relative;	left: 704px; width: 654px; padding: 135px 25px 25px 25px; margin-left: -704px;}
#list img {width: 150px;}
#itemWrap {float: left; margin: 15px 0;}
#list .item {width: 484px; display: block; float: left; padding: 0 0 12px 0; border-bottom: 1px solid #222222;}
#list .item a.img {float: left; margin: 0 15px 0 0;}
#list a img {border: 0px none;}
#list h3 {font-size: 130%; margin: 10px 0 10px 0;}
#list .more {display: inline; margin: 0;}
.reference, .listRef {width: 100%; float: left; margin: 0 0 15px 0;}
#firstPanel .listRef p {margin:0 0 5px 0;}

/* fotogalerie */
#photogalleryWrap {margin: 20px 0; float: left; width: 100%; padding: 0; font-size: 11px; line-height: 14px;}
#photogalleryWrap .photo img, #photogalleryWrap .photo:hover img {border: 0px; margin: 0; padding: 0; width: 150px; }
#photogalleryWrap .photo {margin: 0 17px 17px 0; background: url(../images/transparent.png) top left repeat; width: 150px; float: left;}
#photogalleryWrap .photoInner {width: 150px; display: block; text-align: center; overflow: hidden; height: 115px;}
#photogalleryWrap span {color: #ffffff; width: 140px; text-align: center; position: absolute; margin: -30px 0 0 0; padding: 5px; height: 20px; overflow: hidden; background: url(../images/transparent.png) top left repeat;}
#photogalleryWrap .photo:hover span {background: #292929;}

/* IE6 */
#titleWrap span {_cursor: hand;}
#footer {_float: none;}
#thirdPanel ul li {behavior: url("./stylesheets/hover.htc");}
#thirdPanel li {_float: left;}
#thirdPanel li a:hover {_background: url(../images/menu-background-hover.gif) 2px bottom no-repeat;}
#thirdPanel li a {_padding: 20px 25px 8px 35px;}
#thirdPanel li a:hover {_padding: 16px 25px 12px 35px;}