/* 1. obecne styly */
html{font-size:106.5%}
body{font-size:76.5%;font-family:Arial,sans-serif}
body {background: #303030; color: #000000; line-height: 1.4em;}
html,body,li,ul,ol,input,select,textarea,form,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;}
hr {display: none;}

a {color: #231f20;text-decoration: underline;}
a:hover {color: #000000;text-decoration: none; }

.text ul {padding: 10px 0px 10px 25px;}
.text ul li {list-style: square; padding-bottom: 3px;}

.hidden {display:none;}

h1 {color: #c66e06; font-size: 200%;}
h2 {color: #c66e06; padding: 8px 0; font-size: 140%; font-weight: normal; line-height: 120%;}
h3 {color:#c66e06; font-size: 120%; padding: 5px 0;  font-weight: normal;}
h4 {font-size: 100%; margin: 0; padding: 5px 0;  }

a img {border: 1px solid #000000;}

#wrap1 {width: 990px; margin: 3% auto; padding:0;}
#wrap2 {width: 100%; position: relative; float: left; margin: 0; padding: 0; background: #ffffff url(../images/background-line.gif) 258px top repeat-y;}
#wrap3 {width: 100%; float: left; position: relative;}
#wrap4 {width: 100%; margin: 0 auto;}

#logo {background: #ffffff; font-weight: normal; display: block; height:103px; border-bottom: 2px solid #ffffff;}
#logo:hover {background: #ce7206;}
#logo a {display:block;background:url(../images/logo.gif) top left no-repeat; text-align: center; line-height: 1.4em;text-decoration: none; padding: 15px 0;}
#logo span {color: #ffffff; display: block;}
#logo .span2 {color: #000000;font-size: 75%;}

#flash, #flash-inner {display: none;}

#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:990px; margin: 0;	display: block;	position: relative;}
.inner {float: left; position: relative; left: 990px; border-top: 10px solid #ffffff;}

/* zprava vratit levy okraj */
#firstPanel {width: 506px; margin-left: -516px;padding: 0;background:#aeaeae;}
#secondPanel {width: 206px;margin-left: -732px;padding: 0; background:#f98a07;/*background: url(../images/background-rightpanel.jpg) top left no-repeat;*/  /*border-left: 1px solid #bdbdbd;*/ /*padding: 25px 25px 10px 25px;*/}
#thirdPanel {width: 238px;margin-left: -980px; padding: 0;}
img.fLeft {float: left;}

.decor {background: #ffffff; height: 103px; border-bottom: 2px solid #ffffff; width: 100%; display: block;}

/*bez praveho sloupce*/

.bullet {padding: 10px 0;}

#title {position:absolute;width:723px;height:103px; top:10px;right:10px;}
#title a {width:723px;height:103px;float:left;}
#title img {border:0px;}

#footer {width: 990px;color: #ffffff;background: #303030; text-align: right; font-size: 90%; border-top: 10px solid #ffffff; float: left; padding: 5px 0; margin: 0;}
#footer a {color: #ffffff;}




/**/

.square {width: 506px; border-collapse: collapse; float: left; background: #ffffff; padding: 0; margin:0;}
.square td {width: 50%;border: 1px solid #cccccc; vertical-align: top;}
.square td:hover {background: #fbf9f9;}
.square div { display: block; float: left; padding: 10px;}
.square h2, .square h2 a {color: #f98a07; text-decoration: none;}
.square .picture {background: url(../images/skrine.jpg) top left no-repeat; width: 230px; height: 80px; display: block;}
.square .picture2 {background: url(../images/kuchyne.jpg) top left no-repeat;}
.square p {padding: 5px 0;}
.square a.more {display: block; float: right; width: 60px; text-align: center; text-decoration: none; background: #f98a07; color: #ffffff;}


.news {padding: 10px;}
.news h3 {color: #ffffff;}
.news p {border-bottom: 1px dotted #ffffff; padding: 0 0 5px 0; margin: 0 0 15px 0;}


.firm h3 {color: #ffffff;}
.firm {float: left; width: 303px; padding: 10px 193px 10px 10px; border-top: 2px solid #ffffff; border-bottom: 1px dotted #ffffff;background: url(../images/firm.jpg) right top repeat-y;}

.text {padding: 20px; background: #ffffff;}



/*MENU*/
#secondPanel ul {width: 206px;}
#secondPanel li {background: #aeaeae /*url(../images/background-menu.gif) left top repeat-x*/; border-bottom: 1px dotted #ffffff;}
#secondPanel li a {background: #aeaeae url(../images/arrow.gif) 10px center no-repeat; color: #ffffff; padding: 7px 15px 7px 32px; display: block; text-decoration: none;}
#secondPanel li a:hover, #secondPanel li a.active {background: #231f20 url(../images/arrow.gif) 10px center no-repeat;}
#secondPanel li a {font-size: 110%;}

/*treti uroven */
#secondPanel ul ul {font-size: 90%;}
#secondPanel ul ul li {border: 0px;}
#secondPanel ul ul li a {padding: 7px 5px 7px 42px; background: #aeaeae url(../images/arrow.gif) 20px center no-repeat;}
#secondPanel li li a:hover, #secondPanel li li a.active {background: #231f20 url(../images/arrow.gif) 20px center no-repeat;}
#secondPanel ul li:hover ul ul, #secondPanel ul li.hover ul ul {display: none;}


.galerie a, .galerie img {border: 0px; margin-right: 2px;}
.galerie img {width: 150px; height: 112px;}

.back {float:right;}
#blindX {background: url(../images/back.gif) left top no-repeat;}
#blindX img {width: 238px; height: 703px;}
/* IE6 
#titleWrap span {_cursor: hand;}
#footer {_float: none;}
#thirdPanel ul li {behavior: url("/stylesheets/hover.htc");} 
*/