/* browser resets */
html, body { margin:0; padding:0; border:none; text-align: center; background-image: url('../images/header_bg.jpg'); background-repeat:repeat-x; font-family: arial, verdana, sans-serif; font-size: 14px; }

/* defining styles */
#layout {margin-left: auto; margin-right: auto; width: 960px; text-align: left; border-left: 0px dotted blue; border-right: 0px dotted blue;}

#header { height: 316px; background-image: url('../images/hodinovy-manzel4.jpg'); background-position: top right; background-repeat:no-repeat;}
#footer { clear: both; height: 137px; margin-top: 10px; background-image: url('../images/footer_bg.png'); background-repeat:repeat-x; }
#main { background: #ffffff; border: 0px solid #eaebe7; }
#sidebar { background: none; }
#extras { background: none; }
#main, #sidebar, #extras { padding: 0px 0px; margin: 0px 0px; }
#content { padding: 0; }

/* position the columns */
#main { float: right; width: 680px; margin-left: 0%; }
#sidebar { float: left; width: 240px; }
#sidebar img{ border: none; }
#extras { clear: both; width: 940px; }

/* add */

#info {margin-left: auto; margin-right: auto; width: 960px; text-align: left; padding: 10px; line-height: 20px; color: #666666;}
p {margin-left: 10px; margin-right: 10px; margin-top: 10px; line-height: 24px; font-size: 14px}
h1 {  margin-top: 0; margin-left: 8px; padding-top: 80px; font-size: 47px; }
#header h3 {   width: 280px; margin-top: 8px; margin-left: 40px; font-size: 28px; font-style: italic; border: 0px solid black; }
#main h4 { font-size: 15px; color: #336633;}
#header img { border: none; float: right; }
#order{width: 0px; height: 0px; border: 0px solid blue;}
#first{ width: 0px; height: 0px; border: 0px solid yellow; position: relative; float: right; }
#second{width: 200px; height: 0px; border: 0px solid green; float: right; position: absolute; font-size: 18px}
#second h2 {margin-top: 10px; margin-left: 10px}
#order  { width: 540px; height: 50px; border: 0px solid red; padding: 0; margin: 0; position: absolute; }
.white { color: #ffffff; }
#quote { width: 100%; height: 50px; float: left; font-size: 12px; font-style: italic; font-weight: bold; color: #333333; margin-top: 3px; margin-bottom: 5px; padding: 0px; background-color: #eaebe7; border: 0px solid blue; text-align: center}
.menu_title { background: #333333; width: 100%; height: 33px; font-size: 15px; font-weight: normal; line-height: 30px; color: #333333; background-image: url('../images/menu_title_bg.png'); background-repeat:repeat-x;}
.menu_title_left { margin-left: 0px; font-weight: bold; font-size: 13px}
#sidebar #sidebar_window { width: 240px; height: 240px; margin: 0px; padding:0px; line-height: 22px; border: 4px solid #e4e5e0; background-color: #ffffff;}
.right{ float:right; margin-right: 120px; }
.left{float:left; margin-left: 20px;}
.underline { text-decoration: underline; }
.none { margin: 0; padding: 0;}
.bold {font-weight: bold; color: #333333; font-size: 16px;}
#desc { clear: both; width: 100%; height: 60px; border: 0px solid red; position: relative; padding-top: 20px; line-height: 28px; font-size: 14px; }
#boxline1{width: 100%; height: 280px; border: 0px solid black; background-color: none;}
#boxline2{width: 80%; height: 280px; margin-left: 120px; border: 0px solid black; background-color: none;}
.address{margin: 0; padding: 0; font-size: 17px; line-height: 24px;}
.thumbnail{float: left;width: 190px;border: 4px solid #e4e5e0;margin: 0 15px 15px 0;padding: 0px;font-size: 16px;font-style: italic;font-weight: bold;color: #333333;line-height: 28px;}
.thumbnail img {border: none;}
.thumbnail a {text-decoration: none;color: #333333;}
.clearboth { clear: both; }
.h2-body {padding: 5px; border: 3px solid #eee; background: #eee url('../images/menu_title_bg.png'); font-size: 16px;}
/*****************************************/

#menu{width: 240px; border: 4px solid #e4e5e0;background-color: #ffffff;}
#link a{display:block;height:30px;margin-top:0px;padding-left:15px;background-color:#ffffff;border-left:0px solid #C7E2E2;font-family:arial;font-size:12px;font-weight: bold;text-transform:uppercase;text-decoration:none;color:#333333;line-height:30px;}
#link a:hover {background-color: efefef;text-decoration: underline;}
#navlist{margin: 0;padding: 0;list-style: none;border: 0px solid red;}
#navlist li {padding-left: 15px;background-image: url('../images/arrow2.gif');background-repeat: no-repeat;background-position: 0 .5em;}

/***************************************/

#topnav ul{margin: 0;padding: 0;list-style-type: none;text-align: left;padding-top: 25px;}
#topnav ul li { display: inline; }
#topnav ul li a{text-decoration: none;padding: 20px 15px;color: #333333;background-color: none;}
#topnav ul li a:hover{text-decoration: underline;color: #333333;background-color: none;}

/*****************************************************/

.form_box {width: 494px;height: 450px;background:#ffffff url('images/form-bg.jpg'); background-repeat:repeat-x; border: 4px solid #e4e5e0;border-left-color: #e4e4e4;border-top-color: #e4e4e4;font:0.8em Arial, Helvetica, Sans-serif;padding: 0.5em;margin-top: 10px;margin-bottom: 2px;clear: both;}
.form_box div {padding: 0.5em 0.5em;}
.form_box p {float: left;margin: 4px 0pt;width: 120px;border: 0px solid black;}
.finput {border: 4px #e4e5e0 solid; font-size:18px; }
.button {float: left; }