body {width: 100%; height: 100%; margin: 0 auto; padding: 0; background: #4e8aac;  background-image:  url(../_img/bg-body.png); background-position: left top; background-repeat: repeat-x;
   font-family: Tahoma, Arial, sans-serif, Georgia, "Times New Roman"; /*font-size: .8em;*/	text-align: center; line-height: 1.3em;}
	
body, td, th { color: #000; font-size: .95em;}

#main { width: 840px; margin: auto;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeSs {width: 20px;}
.sizeS {width: 50px;}
.sizeSm {width: 75px;}
.sizeM {width: 100px;}
.sizeMl {width: 125px;}
.sizeL {width: 150px;}
.sizeLl {width: 175px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 225px;}
.sizeXxxl {width: 250px;}
.sizeMax1 {width: 349px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}
.sizeFull { width: 575px;}

div, form, input {padding: 0; margin: 0;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;}

table {font-size: 1em; line-height: 1.1em; background: none; color: #000; margin-bottom: 1em;}
table.pricelist {width: 100%; vertical-align: top; padding: 0; margin: 0 0 12px 0;}
table.pricelist tr { border-bottom: solid 1px #4e8aac;}
table.pricelist td { vertical-align: top; border: solid 0px #4e8aac; padding: 4px; background: #e0ebf0;}
table.contact {font-size: .9em;}
table.contact th {background: #fff; color: #000; vertical-align: top; line-height: 1em; text-align: left; font-weight: 900; padding: 0px; width: 50px;}
table.contact td {vertical-align: top; text-align: left; padding: 0px; }

th {background: #4e8aac; color: #fff; padding: 1px; line-height: 1.6em; text-align: center;}

td { vertical-align: top; }

caption {text-align: left; color: #000; font-weight: 900; margin: 0 0 .2em 0;}

a {text-decoration: underline; font-weight: normal; color: #4e8aac;}
a:visited {text-decoration: underline; color: #4e8aac;}
a:hover {text-decoration: none;}

img {border: none; padding: 0 !important; margin: 0 !important;}
img.border {border: solid 1px #000;}
img.left {float: left; padding-right: 10px !important;}

/* nadpisy */
h1, h2, h3, h4 { font-family: Georgia; color: #000; line-height: 1em; font-weight: 100; margin: 0;}
h1 {font-size: 1.3em; padding: 0; font-weight: 500; letter-spacing: -1px; text-align: left; }
h1 span {font-size: .8em;}
h2 {font-size: 1.25em; font-weight: 900; color: #404040; letter-spacing: -0.05em; padding: 10px 0 0.25em 0; }
h2.rukopis {padding-top: 20px;}
h2.rukopis span {color: #4e8aac; font-family: "Lucida Handwriting"; font-size: 1.5em; }
h2.contact { margin-top: 0px; padding: 10px 0 10px 0;}
h3 {font-size: 1.0em; color: #000; letter-spacing: -1px; padding: 0; font-weight: bold;}
h3.rukopis {text-transform: capitalize; margin-top: 12px; }
h3.rukopis span {color: #4e8aac; font-size: 1.5em; font-family: "Lucida Handwriting";}
h3.contact {border-top: dotted 1px #000; margin-top: 10px; padding: 10px 0 10px 0;}
h4 {font-size: 1.0em; letter-spacing: -1px; padding: 0; font-weight: bold; font-style: italic;}

p {margin: 0; padding: 0 0 1em 0;}
p.lg {text-transform: uppercase; font-weight: 900; font-size: 1em; color: #202020; }
p.lg span {margin-right: 32px;}
p.italic {font-style: italic; font-size: .85em;}

ul, ol {}
ul {list-style-image: url(../_img/ul-normal.gif); padding: 0; margin: 0 0 0em 1.6em;}


ol { padding: 0; margin: 0 0 0.2em 20px;}

li {}
li.last {margin: 0 0px 1em 0px; padding: 0;}

hr {width: 100%; height: 1px; color: #000; border: 1px; padding: 0; margin: 0 0 0.5em 0;}

dl {font-size: .9em; background: maroon; color: #fff; padding: 0.5em; margin: 0.5em 0 .5em 0;}
dt {font-weight: 900; color: #ffff00;}
dd {margin: 0 0 .25em 0; line-height: 1.2em;}


/* design */
#top {width: 840px; height: 75px; float: left; text-align: left; background: url(../_img/bg-top.png) left top no-repeat;}
#logo {float: left; width: 337px; height: 75px; }
#ic {float: left; width: 300px; height: 75px; color: #28256a; font-size: .85em; font-weight: 900;}
#ic #pad, #lang #pad {padding: 39px 30px 0 20px;}
#lang {float: left; width: 203px; height: 75px; text-align: right;}
#lang #pad {padding: 37px 50px 0 0;}
#lang img {border: solid 1px #404040;}

#menu {width: 840px; height: 59px; float: left; line-height: 59px; background: #151f79; color: #fff; background: url(../_img/bg-menu.png) left top no-repeat;}
#menu a {color: #fff; font-size: .95em; font-weight: 900; text-decoration: none;}
#menu a:hover {color: #ffff00;}
#menu span {margin: 0 20px 0 20px; }

#h1 {float: left; width: 326px;  padding: 50px 0 0 50px;}
#motto {float: left; width: 326px; height: 64px; padding: 0px 0 0 50px; color: #000; font-size: 0.75em; letter-spacing: 0px; font-family: Georgia; font-weight: 900; text-align: left;}
#pen {width: 840px; height: 203px; float: left; line-height: 59px; background: #151f79; color: #fff; background: url(../_img/bg-pen.png) left top no-repeat;}


#content { float: left; text-align: left; width: 840px; background: #fff; padding-bottom: 20px; font-size: 0.85em;}


#left {float: left; /*max-width: 520px; width:auto !important;*/ width: 520px; text-align: left; color: #000; background: #fff;}
#leftpadding {padding: 10px 50px 0px 50px; margin: 0;}


#right {float: left; width: 320px; height: 400px; min-height: 400px; text-align: left; background: #fff; color: #000; background: url(../_img/bg-pero.png) 100px 20px no-repeat; }
#rightpadding {padding: 10px 60px 0 0; margin: 0;}
#rightpadding h3 {margin-top: 4px;}


#foot { clear: both; width: 840px; height: 85px; text-align: center; white-space: nowrap; color: #fff; font-size: .8em;  background: #6096b4; background: url(../_img/bg-foot.gif) left top repeat-x;}

#copy {background: none; padding-top: 27px;}
#copy a {color: #fff;}

#rukopis { text-align: left; color: #b0b0b0; background: none; font-size: 0.8em;}
#rukopis span {color: #9cb7c6; font-size: 1.2em; font-weight: 900; font-family: "Lucida Handwriting";}
#rukopis #ruk-padd {padding: 164px 0 0 98px;}