/* CSS Document */

* { margin: 0; padding 0;}

body {background: url(img/bodybg.png) #E3DFD2 repeat-x ;
margin-bottom: 180px;
text-align: center;
font-family: arial;
}

/*linkbar*/

#linkbar {
height:22px;
margin-left:120px;
position:relative;
width:847px;
text-align: left;
margin-bottom: -22px;
float: left;
}

#linkbar a {
background-image:url(img/header_sipka.gif);
background-position:left center;
background-repeat:no-repeat;
color: #51BADD;
font-family:tahoma;
font-size:11px;
margin-left:5px;
margin-top:10px;
padding-left:10px;
position:relative;
text-decoration:none;
top:0;
}

#linkbar span.header_polar {
color: #666;
font-size:14px;
font-weight:bold;
margin-left:0px;
position:relative;
top:1px;
}

/*linkbar*/

h1 {
display: none;
}

h3.service {
color: #fff;
margin-left: 166px;
margin-top: 20px;
display: block;
height: 20px;
width: 160px;

}

.content { 
margin: 0 auto;
width: 965px;
height: 800px;

}

.header {
float: left;
width: 965px;
height: 204;
background-image: url(img/designfrog_header.jpg);

}

.footer {
display: block;
width: 291px;
height: 24px;
text-align: left;
font-size: 12px;
color: #666;
}

.main {
width: 600px;
float: left;
background: #392908 url(img/content_footer.png) no-repeat center bottom;
padding-top: 110px;
padding-bottom: 40px;
clear: both;
text-align: left;


}

h2 {
display: block;
width: 550px;
height: 55px;
border-bottom: dotted 1px #50452E;
float: left;
margin-left: 20px;

}

h2 span.zmiz {
display: none;
}

h2.profil {
background: url(img/h2_profil.gif) no-repeat left top;
}

h2.sluzby {
background: url(img/h2_sluzby.gif) no-repeat left top;
}

h2.reference {
background: url(img/h2_reference.gif) no-repeat left top;
}

h2.kontakty {
background: url(img/h2_kontakty.gif) no-repeat left top;
}

p a {color: #ff6600; text-decoration: none; border-bottom: 1px dotted;}
p a:hover {color: #0099ff;}

h3 {

float: left;
width: 550px ;
font-size: 22px;
font-weight: bold;
color: #E3DFD2;
margin: 15px 0px -10px 20px;
}


p.obsah {
font-family: arial;
font-size: 16px;
margin-left: 20px;
color: #E3DFD2;
text-align: left;
padding: 0 20 0 150;
margin-top: 20px;
line-height: 125%;
float: left;
height: 130px;
text-align: justify;

}

p.sluzby {
font-family: arial;
font-size: 16px;
margin-left: 20px;
color: #E3DFD2;
text-align: left;
padding: 0 30 5 0;
margin-top: 20px;
line-height: 125%;
float: left;
text-align: justify;
}

p.proc {
background: url(img/p_proc.png) no-repeat left top;
}

p.jak {
background: url(img/p_jak.png) no-repeat left top;
}

p.kdo {
background: url(img/p_kdo.png) no-repeat left top;
height: 160px;
}

p.design {
background: url(img/p_design.png) no-repeat left top;
}

p.stranky {
background: url(img/p_stranky.png) no-repeat left top;
}

p.banery {
background: url(img/p_banery.png) no-repeat left top;
}

.sidebar {
width: 292px;
height: 500px;
float: left;
margin: 95px 0 0 12px;
}

a.sample  {
display: block;
width: 291px;
height: 124px;
background: url(img/ref_bg_down.png) no-repeat;
margin-bottom: 11px;
text-align: left;
}

a.sample:hover {

background: url(img/ref_bg_up.png) no-repeat;
}

.sampleimg {
display: block;
margin: 6px 0 0 6px;
display: inline;
border: 0px;
}

/* small sample*/

a.small_sample  {
display: block;
width: 125px;
height: 124px;
background: url(img/small_bg.png) no-repeat;
margin-bottom: 11px;
text-align: left;
position: relative;
top: 20px;
margin-left: 20px;
float: left;
}

a.small_sample:hover {

background: url(img/small_bg_up.png) no-repeat;
}

.small_sampleimg {
display: block;
margin: 6px 0 0 6px;
display: block;
border: 0px;
}

/* small sample*/

menu {
position: relative;
top: 204px;
display: block;
height: 80px;
padding: 0;
text-align: left;
background: url(img/nove_ukazky.png) no-repeat right bottom;
}

menu li {
display: inline;
}

menu li a {
display: block;
width: 150px;
height: 80px;
float: left;
background-position: center center;
}

menu li a span {
display: none;
}

menu .profil a {
background-image: url(img/profil_down.png);

}

menu .profil_up a {
background-image: url(img/profil_up.png);
}

menu .profil a:hover {
background-image: url(img/profil_hov.png);
}

menu .profil_up a:hover {
background-image: url(img/profil_hov.png);
}

menu .sluzby a {
background-image: url(img/sluzby_down.png);
}

menu .sluzby_up a {
background-image: url(img/sluzby_up.png);
}

menu .sluzby a:hover {
background-image: url(img/sluzby_hov.png);
}

menu .sluzby_up a:hover {
background-image: url(img/sluzby_hov.png);
}

menu .ukazky a {
background-image: url(img/ukazky_down.png);
}

menu .ukazky_up a {
background-image: url(img/ukazky_up.png);
}

menu .ukazky a:hover {
background-image: url(img/ukazky_hov.png);
}

menu .ukazky_up a:hover {
background-image: url(img/ukazky_hov.png);
}

menu .kontakty a {
background-image: url(img/kontakty_down.png);
}

menu .kontakty_up a {
background-image: url(img/kontakty_up.png);
}

menu .kontakty_up a:hover {
background-image: url(img/kontakty_hov.png);
}

menu .kontakty a:hover {
background-image: url(img/kontakty_hov.png);
}