body{
margin: 0;
font-family: Trebuchet MS, MS Trebuchet, Verdana, Arial, sans-serif;
font-size: 12px;
background-image: url('dsgn-images/sum.jpg');
background-color: #f1f1f1;
}

h1  {
display: none;
}

.clearer  {
clear: both;
}

.left {
float: left;
}

.right  {
float: right;
}

h1  {
display: none;
}

#menu {
background-color: #ffffff;
width: 100%;
height: 44px;
}

#menu .in{width: 880px; height: 33px; margin: 0 auto; padding-top: 11px}
#menu .in ul{margin: 0; padding: 0; list-style-type: none; float: left}
#menu .in ul li{float: left; margin: 0 2px 0 0; padding: 0}
#menu .in ul li a{padding: 0 15px; height: 33px; line-height: 36px; text-decoration: none; color: #ffffff; float: left; position: relative}
#menu .in ul li.act a, #menu .in ul li.act a:hover{background: #3a90bf url('dsgn-images/menu-li-act.gif')}
#menu .in ul li a{background: #656565 url('dsgn-images/menu-li-pas.gif')}
#menu .in ul li:hover a, #menu .in ul li.mouseOver a{background: url('dsgn-images/menu-li-hvr.gif')}
#menu .in ul li .brd-left, #menu .in ul li .brd-right{width: 8px; height: 33px; position: absolute; top: 0}
#menu .in ul li .brd-left{left: -1px}
#menu .in ul li .brd-right{right: -1px}
#menu .in ul li.act .brd-left, #menu .in ul li.act a:hover .brd-left{background-image: url('dsgn-images/menu-li-act-left.gif')}
#menu .in ul li.act .brd-right, #menu .in ul li.act a:hover .brd-right {background-image: url('dsgn-images/menu-li-act-right.gif')}
#menu .in ul li .brd-left{background-image: url('dsgn-images/menu-li-pas-left.gif')}
#menu .in ul li .brd-right{background-image: url('dsgn-images/menu-li-pas-right.gif')}
#menu .in ul li:hover a .brd-left, #menu .in ul li.mouseOver a .brd-left{background-image: url('dsgn-images/menu-li-hvr-left.gif')}
#menu .in ul li:hover a .brd-right, #menu .in ul li.mouseOver a .brd-right{background-image: url('dsgn-images/menu-li-hvr-right.gif')}
#menu .in ul li.first-level{position: relative; z-index: 2}
#menu .in ul li.first-level ul li{float: none; margin: 0; position: relative; z-index: 2; padding: 0 0 0 22px; background: url('dsgn-images/menu-li-2nd-li.gif') 7px 0 no-repeat}
#menu .in ul li.first-level ul li a{float: none; padding: 2px; margin: 0; height: 1em; line-height: 1em; display: block; width: 200px; background: none; z-index: 3}
#menu .in ul li.first-level ul li:hover a, #menu .in ul li.first-level ul li.mouseOver a{background: #fff; color: #666; position: relative; z-index: 3}
#menu .in ul li.first-level ul, #menu .in ul li.first-level ul li.second-level ul{display: none}
#menu .in ul li.first-level:hover ul, #menu .in ul li.mouseOver ul{display: block; position: absolute; top: 33px; left: 0; z-index: 3; background: #999999 url('dsgn-images/menu-li-2nd-bg.gif') 0 100% repeat-x; padding: 7px 0}
#menu .in ul li.first-level:hover ul li, #menu .in ul li.mouseOver ul li{float: none}
#menu .in ul li.first-level ul li.second-level:hover ul, #menu .in ul li.first-level ul li.mouseOver ul{display: inline; width: 220px; position: absolute; left: 220px; top: 0; background: #fff; color: #666; padding: 2px; line-height: 1.2em}
#menu .in ul li.first-level ul li.second-level:hover ul li, #menu .in ul li.first-level ul li.mouseOver ul li{background: #fff; padding-left: 7px}
#menu .in ul li.first-level ul div.brd-left, #menu .in ul li.first-level ul div.brd-right{background: #999 url('dsgn-images/menu-li-2nd-left.gif') left bottom no-repeat; width: 5px; height: 100%; position: absolute; bottom: 0; =bottom: -7px; top: auto; left: 0}
#menu .in ul li.first-level ul div.brd-right{background-image: url('dsgn-images/menu-li-2nd-right.gif'); left: auto; right: 0}

#menu .in #vlajky {
float: right;

margin-top: 5px;
}

#menu .in #vlajky img {
border: 1px solid #3a90bf;

width: 23px;
height: 13px;
}

#menu .in #vlajky span  {
margin-left: 5px;
margin-right: 5px;

color: #333333;

position: relative;
top: -3px;
}

#header {
width: 100%;
height: 151px;
border-bottom: 3px solid #3a90bf;
background-image: url('dsgn-images/header-bg.jpg');
background-color: #3a90bf;
overflow: hidden;
position: relative;
}

#header .in {
width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#header .in img {
float: left;
border: none;
}

#header #trend  {
height: 151px;
width: 100%;
position: absolute;
left: 900px;

background-image: url('dsgn-images/header-trend.jpg');
background-repeat: no-repeat;
background-position: 0px 65px;
}

#main {
width: 100%;

background-image: url('dsgn-images/sum.jpg');
background-color: #f1f1f1;
}

#main .in  {
width: 851px;
margin-left: auto;
margin-right: auto;

background-image: url('dsgn-images/main-bg.jpg');
background-color: #ffffff;

padding-left: 78px;
padding-right: 71px;
padding-bottom: 0px;
position: relative;
}

#main .in #left {
width: 621px;
padding-right: 30px;
border-right: 1px solid #b2b2b2;

position: relative;
top: 13px;

padding-top: 6px;
text-align: justify;
color: #333333;
line-height: 19px;

float: left;

background-image: url('dsgn-images/main-left-kapka.jpg');
background-repeat: no-repeat;
background-position: right bottom;
}

#main .in #left h2  {
font-style: italic;
font-weight: normal;
color: #3a90bf;
font-size: 22px;
margin-top: 0;
margin-bottom: 10px;

clear: both;
}

#main .in #left h3  {
font-size: 16px;
font-style: italic;
color: #666666;

margin-top: 15px;
margin-bottom: 6px;

clear: both;
}

#main .in #left h3.normal {
font-style: normal;
}

#main .in #left h4  {
font-size: 13px;
color: #3a90bf;

margin-top: 0px;
margin-bottom: 3px;
}

#main .in #left p {
margin-top: 0;
margin-bottom: 6px;
}

#main .in #left a, #main .in #left a:link, #main .in #left a:visited  {
color: #3a90bf;
font-weight: bold;
}

#main .in #left a:hover {
color: #333333;
}

#main .in #left blockquote  {
width: 621px;
margin-left: -14px;
padding-left: 14px;
padding-right: 16px;
padding-top: 6px;
padding-bottom: 13px;

margin-top: 0;
margin-bottom: 12px;

background-image: url('dsgn-images/main-left-blockquote.jpg');
background-repeat: repeat-x;
background-position: left bottom;
}

#main .in #left img {
margin: 5px 10px 5px 5px;
border: 4px solid #c6c8ca;
}

#main .in #left hr  {
border: none;
height: 2px;
margin-top: 5px;
margin-bottom: 5px;
background-color: #3a90bf;
width: 60%;

margin-left: auto;
margin-right: auto;

clear: both;
}

#main .in #left ul {
margin: 0;
padding: 0;
list-style-type: none;

margin-top: 12px;
}

#main .in #left ul li {
background-image: url('dsgn-images/main-li.gif');
background-repeat: no-repeat;
background-position: 0px 6px;

padding-left: 31px;

margin-top: 2px;
}

#main .in #left ul li ul {
margin-top: 2px;
}

#main .in #left blockquote.photo  {
padding-top: 18px;
padding-bottom: 6px;
background-image: url('dsgn-images/main-left-blockquote.jpg');

padding-left: 16px;
width: 619px;

margin-top: 16px;
}

#main .in #left blockquote.photo div  {
float: left;
margin-right: 58px;

text-align: center;

color: #666664;
font-weight: bold;

width: 157px;
}

#main .in #left blockquote.photo img  {
margin: 0;
margin-bottom: -2px;
}

#main .in #left blockquote.photo a, #main .in #left blockquote.photo a:link, #main .in #left blockquote.photo a:visited {
color: #676566;
text-decoration: none;
}

#main .in #left blockquote.photo a:hover  {
color: #a5a5a5;
}

#main .in #left #bod-top  {
width: 5px;
height: 12px;
background-color: #3c91c0;
position: absolute;
left: 649px;
top: 0px;
z-index: 1;
font-size: 1px;
}

#main .in #left #bod-bottom  {
width: 5px;
height: 12px;
background-color: #3c91c0;
position: absolute;
left: 649px;
bottom: 0px;
z-index: 1;
font-size: 1px;
}

#main .in #right  {
float: left;
width: 179px;

margin-left: 20px;

position: relative;
top: 10px;
}

#main .in #right h2, #main .in #right h2 a, #main .in #right h2 a:link  {
font-size: 16px;
font-style: italic;
color: #666666;

margin-top: 0px;
margin-bottom: 6px;
text-decoration: none;
}

#main .in #right h2 a:hover {
text-decoration: underline;
}

#main .in #right h3 {
color: #3c91c0;
font-size: 12px;
margin: 0;
}

#main .in #right h3 a, #main .in #right h3 a:link, #main .in #right h3 a:visited  {
color: #3a90bf;
text-decoration: none;
}

#main .in #right h3 a:hover {
text-decoration: underline;
}

#main .in #right h3 em  {
color: #bababa;
font-style: normal;
font-weight: normal;
}

#main .in #right .text  {
color: #333333;
text-align: justify;
line-height: 19px;
margin-bottom: 17px;
}

#main .in #right .text p {
margin-top: 0;
margin-bottom: 6px;
}

#main .in #right .text a, #main .in #right .text a:link, #main .in #right .text a:visited  {
color: #3a90bf;
font-weight: bold;
}

#main .in #right .text a:hover {
color: #333333;
}

#main .in #right blockquote {
background-color: #2b739a;

width: 160px;
padding-left: 11px;
padding-right: 9px;
padding-top: 9px;
padding-bottom: 7px;

margin: 0;
color: #ffffff;

position: relative;

text-align: justify;
}

#main .in #right blockquote p {
margin: 0;
}

#main .in #right blockquote .crn-left-top {
position: absolute;

left: 0; top: 0;
width: 9px; height: 10px;

background-image: url('dsgn-images/block-crn-left-top.jpg');
}

#main .in #right blockquote .crn-left-bottom {
position: absolute;

left: 0; bottom: 0;
width: 9px; height: 10px;

background-image: url('dsgn-images/block-crn-left-bottom.jpg');
}

#main .in #right blockquote .crn-right-top {
position: absolute;

right: 0; top: 0;
width: 9px; height: 10px;

background-image: url('dsgn-images/block-crn-right-top.jpg');
}

#main .in #right blockquote .crn-right-bottom {
position: absolute;

right: 0; bottom: 0;
width: 9px; height: 10px;

background-image: url('dsgn-images/block-crn-right-bottom.jpg');
}

#main .in #right .autor  {
background-image: url('dsgn-images/block-autor.jpg');
background-repeat: no-repeat;
background-position: 142px 0px;
color: #666666;

padding-top: 19px;
font-style: italic;
text-align: right;
padding-right: 12px;

margin-bottom: 12px;
}

#footer {
width: 100%;
}

#footer .in {
width: 848px;
height: 29px;

margin-left: auto;
margin-right: auto;

background-image: url('dsgn-images/footer-bg.jpg');

font-size: 13px;
padding-top: 50px;
padding-left: 76px;
padding-right: 76px;

color: #666666;
}

#footer .in img {
border: none;
margin-left: 5px;
}

#footer .in a, #footer .in a:link, #footer .in a:visited  {
font-weight: bold;
text-decoration: none;

color: #3a90bf;
}

#footer .in a:hover {
text-decoration: underline;
}

#preload  {
display: none;
}

#kontakt-form  {
border: none;
padding: none;
}

#kontakt-form #table-kontakt  {
border: none;
border-collapse: collapse;
}

#kontakt-form td  {
padding-top: 5px;
}

#kontakt-form .td-prvni {
width: 120px;
vertical-align: top;

}

#kontakt-form label {
font-weight: bold;
color: #3a90bf;
}

#kontakt-form input, #kontakt-form textarea {
border: 1px solid #c9cacb;
padding: 2px;
width: 200px;

background-color: #f6fafc;

color: #3a90bf;
font-size: 11px;
font-family: Trebuchet MS, MS Trebuchet, Verdana, Arial, sans-serif;
}

#kontakt-form textarea {
width: 300px;
white-space: pre;

color: #3a90bf;
font-size: 11px;
font-family: Trebuchet MS, MS Trebuchet, Verdana, Arial, sans-serif;
}

#kontakt-form #form-button  {
margin-top: 10px;

font-weight: bold;
color: #3a90bf;

font-size: 12px;

border-width: 2px;

width: 90px;
}

#kontakt-errors {
color: #ee1c23;

margin-top: 5px;
margin-bottom: 5px;
}