/* CSS Document */

* { margin: 0; padding 0;}

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


/*linkbar*/

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

#linkbar a {
background-image:url(../images/header_sipka.png);
background-position:left center;
background-repeat:no-repeat;
color: #838383;
font-family:tahoma;
font-size:11px;
margin-left:5px;
margin-top:10px;
padding-left:10px;
position:relative;
text-decoration:none;
top:0px;
}
#linkbar span.header_polar {
color:white;
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;

}

.header {
float: left;
width: 925px;
height: 204px;
background-image: url(../images/designfrog_header.png);
background-repeat: no-repeat;

}

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

.main {
width: 600px;
float: left;
background: #fff url(../images/content_footer.png) no-repeat center bottom;
padding-top: 9px;
padding-bottom: 20px;
clear: both;
text-align: left;
position: relative;
top: 64px;
margin-bottom: 100px;

}

h2 {
display: block;
width: 550px;
height: 45px;
border-bottom: dotted 1px #ccc;
float: left;
margin-left: 20px;
padding-top: 15px;

}

h2 a {
float: left;
text-decoration: none;
color: black;

}

//h2 span.zmiz {
display: none;
}

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

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

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

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

h3 {

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


.footer a {color: #fff; text-decoration: none; border-bottom: 1px dotted;}
.footer a:hover {color: #ff6600;}

p a {color: #ff6600; text-decoration: none; }
p a:hover {color: #0099ff;}

a.ukazka1 {color: #ff6600; text-decoration: none; border-bottom: 1px dotted;
font-size: 10px;
display: block;
float: left;
position: relative;
top: 115px;
left: 325px;
clear: both;
}
a.ukazka1:hover {color: #0099ff;}

a.ukazka2 {color: #ff6600; text-decoration: none; border-bottom: 1px dotted;
font-size: 10px;
display: block;
float: left;
position: relative;
top: 172px;
left: 325px;
clear: both;


}
a.ukazka2:hover {color: #0099ff;}

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

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

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

p img {


margin-bottom: 0px;
}

ul {
display: block;
float: left;
margin-top: 20px;
}

ul li {
color: #666;
font: 14px arial;
line-height: 120%;
margin-left: 50px;
margin-right: 50px;
list-style-type: square;
line-height: 145%;

}

.kvalita_streamu {
display: block;
float: left;
width: 420px;
height: 200px;
background-image: url(stream_ex.png);
background-repeat: no-repeat;
background-position: center center;
margin-left: 100px;
margin-top: 20px;
}

.prvni {
background: url(../images/p_proc.png) no-repeat left top;
}

.druhy {
background: url(../images/p_jak.png) no-repeat left top;
}

.treti {
background: url(../images/p_kdo.png) no-repeat left top;
}

.sidebar {
width: 292px;
float: right;
margin: 77px 60px 0 12px;

}

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

a.sample:hover {

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

.sampleimg {
display: block;
margin: 6px 0 0 6px;
display: inline;
border: 0px;
}
menu {
position: relative;
top: 205px;
display: block;
height: 64px;
padding: 0;
text-align: left;
/*background:   url(images/virtualnistudio/nove_ukazky.png) no-repeat right bottom; */
}

menu li {
display: inline;
}

menu li a {
display: block;
width: 150px;
height: 63px;
float: left;
text-decoration: none;
text-align: center;
}

menu li a span {
color: white;
text-decoration: none;
font: normal normal bold 22px bold;
font-family: arial, verdana, arial;
display: block;
position: relative;
top: 18px;
}

menu li a.current span {
color: green;
}

menu  a {
background: #98cc00;

background-repeat: no-repeat;
}

menu a.current   {
background: white;
color: green;
background-repeat: no-repeat;
}

menu a:hover.current   {
background: white;
color: green;
background-repeat: no-repeat;
}

menu .current  a span {
color: #489618;
}

menu .current a:hover span {
color: #fff;
}


menu a:hover {
background: black;
background-repeat: no-repeat;
}


dfn {
display: none;
}

fieldset {
border: 2px solid #ccc;
margin-top: 15px;
margin-bottom: 15px;
}

textarea {
border: 2px solid #ccc;
}

p a img {
border-color: #ccc;
padding: 0px 0px 0px 0px;
}

p a:hover img {
border-color: #666;
}

p.images
{
width: 100%;
  margin-left: 0px;
  text-align: center;
  padding-right: 0px;
}



p.images a.first
{
  left:20px;
  position:absolute;
}

p.images a.second
{

}

p.images a.third
{

  position:absolute;
right:20px;
}

p.images a.second img
{

}

p.images a
{

}