* {
margin: 0;
padding: 0;
}

body {
background: #fff url(/images/back.png) repeat-x top fixed;
font: 80% Verdana, Arial, sans-serif;
}

#master {
width: 800px;
margin: 0 auto;
position: relative;
background: #fff;
padding: 0 20px;
}

h1 {
height: 160px;
text-indent: -9999px;
background: url(/images/mediasupport.jpg) no-repeat;
}

h2 {
font: normal 210% Goorgia, Times, serif;
margin-bottom: 1em;
color: #507890;
}

h3 {
font: normal 170% Goorgia, Times, serif;
}

p {
line-height: 140%;
}

#nav {
height: 37px;
list-style-type: none;
clear: both;
background: url(/images/nav.png) no-repeat 0 0;
padding-left: 114px;
}

#nav li {
display: block;
float: left;
}

#nav a {
display: block;
position: relative;
height: 37px;
text-indent: -9999px;
border-bottom: none;
}

#nav .onas { width: 69px; }
#nav .novinky { width: 86px; }
#nav .sluzby { width: 81px; }
#nav .cont { width: 90px; }
#nav .produkty { width: 101px; }
#nav .klienti { width: 84px; }
#nav .kontakt { width: 93px; }
#nav .odkazy { width: 81px; }

#nav a:hover, 
#onas .onas,
#novinky .novinky, 
#sluzby .sluzby, 
#cont .cont, 
#produkty .produkty, 
#klienti .klienti,
#kontakt .kontakt
#odkazy .odkazy {
background-image: url(/images/nav.png);
background-repeat: no-repeat;
}

#nav .onas:hover,
#onas .onas	{
background-position: -114px -37px;
}

#nav .novinky:hover,
#nav .novinky	{
background-position: -183px -37px;
}

#nav .sluzby:hover,
#sluzby .sluzby	{
background-position: -269px -37px;
}

#nav .cont:hover,
#cont .cont	{
background-position: -350px -37px;
}

#nav .produkty:hover,
#produkty .produkty {
background-position: -440px -37px;
}

#nav .klienti:hover,
#klienti .klienti	{
background-position: -541px -37px;
}

#nav .kontakt:hover,
#kontakt .kontakt	{
background-position: -625px -37px;
}

#nav .odkazy:hover,
#odkazy .odkazy	{
background-position: -718px -37px;
}

#content {
margin-top: 20px;
background: url(/images/content-back.png) repeat-x top;
padding: 20px;
}

#sidebar {
width: 220px;
float: left;
}

#main {
width: 520px;
float: right;
}

#main p {
margin-bottom: 1em;
}

#main h3 {
border-top: 1px solid #8aa8e2;
margin-bottom: 0.5em;
padding-top: 0.5em;
color: #333;
}

#main ul {
margin-bottom: 1em;
margin-left: 1.5em;
list-style-type: square;
}

#main li {
margin-bottom: 0.3em;
}

#main h4 {
margin-bottom: 1em;
}

#main a {

	color: #3333ff;

}

#main a:hover {
color: #cc6600;
}

#footer {
text-align: center;
color: #666;
padding-top: 1em;
border-top: 1px solid #aaa;
line-height: 100%;
}

.box {
padding: 15px;
background: url(/images/box.png) repeat-x top;
margin-bottom: 20px;
}

.box h3 {
color: #fff;
margin-bottom: 0.5em;
height: 35px;
padding-left: 42px;
}

#mobile { background: url(/images/mobile.gif) no-repeat; }
#globe { background: url(/images/globe.gif) no-repeat; }
#talk { background: url(/images/talk.gif) no-repeat; }

.box p {
color: #c4c9d1;
}

.box a {
color: #93b0f3;
}

.box a:hover {
color: #f49a12;
}

.intro {
font-size: 110%;
color: #333;
line-height: 190%;
margin-bottom: 1em;
}

.clean {
clear: both;
}

.klient {
border: 1px solid #8aa8e2;
padding: 10px;
padding-bottom: 0;
margin-bottom: 10px;
}

.klient h4 {
float: left;
width: 230px;
margin-bottom: 0;
padding-bottom: 0;
}

.klient ul {
float: right;
width: 230px;
margin-bottom: 0;
padding-bottom: 0;
}

#contact_form {
display: block;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #8aa8e2;
}

#contact_form p {
margin-bottom: 0.8em;
line-height: 120%;
}

#contact_form p.btn {
margin-top: 1em;
margin-bottom: 0 !important;
text-align: right;
}

#name, #email, #phone, #message {
width: 496px;
border: 1px solid #aaa;
font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #7171a8;
background-color: #fff;
}

#message {
width: 496px;
height: 140px;
border: 1px solid #aaa;
font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #7171a8;
background-color: #fff;
}

label {
color: #333;
font-size: 80%;
text-transform: uppercase;
font-weight: bold;
}