/* CSS Document */

body {
   font-family: Trebuchet Ms, Arial, Geneva, Helvetica, sans-serif;
   font-size: 12px;
   background-color: white;

}

body a { color: #930002;}
body a:hover { color: #f20000;}

/* ############# FONTS ############# */

h1 {
   color: #930002;
   font-size: 19px;
   padding-top: 0px;
    padding-bottom: 15px;
}

h2 {
   color: #930002;
   font-size: 15px;
   padding-top: 0px;
}



h3 {
   color: #930002;
   font-size: 13px;
}



#top h1
{
padding: 0;
margin: 0;
}




/* ############# BLOKY #####930002######### */

#container
{
width: 800px;
margin: 10px auto;
background-color: #930002;
color: #333;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: white;
float: left;
width: 800px;
}

#topright
{
margin-left: 400px;
background-color: white;
padding: .5em;
float: left;
}

.leftmenu
{
float: left;
width: 253px;
height: 186px;
margin: 0px;
border: 0px;
 padding-top: 4px;
background-image:url(reference/bgmenu.png);
}

/* ----------- hlavni menu --------------- */

.hlavnimenu {
   color: white;
   font-size: 16px;
   width: 200px;
   padding-left: 15px;
   margin-left: 21px;
   padding-top: 4px;
   padding-bottom: 4px;
   margin-top: 10px;
   /*background-image:url(reference/bgp.png);*/
  }
  
    .hlavnimenu a {
   color: white;
   text-decoration: none;
  }
     .hlavnimenu a:hover {
   color: #b8b8b8;
   text-decoration: none;
  }
  
  .hlavnimenu:hover {
   color: #b8b8b8;
   text-decoration: none; background-image:url(reference/bgpo.png);
  }

#leftnav
{
float: left;
width: 240px;
height: 100%;
color: white;
padding-top: 25px;
background-color: #930002;
}

a.leftnav
{
color: white;
}

.leftobsah
{
padding: 15px;
margin: 20px;
background-color: #800002;
}

.leftobsah A
{
color: white;
text-decoration: none;
}

.leftobsah h3 {
   color: white;
   font-size: 13px;
   padding-bottom: 10px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   margin: 0px;
}

.leftobsah p {
   color: white;
 

}

.lefth2 {
   color: white;
   font-size: 16px;
   padding-left: 10px;
   margin-left: 21px;
   padding-top: 7px;
   height: 23px;
   border:  3px;
   border-left: 4px solid white;
  }

.lefth2 a {
   color: white;
   }

.content
{
margin-left: 253px;
width: 483px;
padding-left: 27px;
padding-right: 20px;
padding-top: 25px;
padding-bottom: 20px;
border-right: 17px solid #dfdfdf;
background-color: white;
}

.inside
{
width: 437px;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #F3F3F3;
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
}

.zakazka
{
width: 437px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
background-image: url(reference/poza2.jpg);
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
}

.procnas
{
width: 437px;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 30px;
background-image: url(reference/poza2.jpg);
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
}

.sipka
{
width: 437px;
height: 70px;
background-image: url(reference/sipka.jpg);
}

.inside2
{
position: relative; top: -4px;
float: left;
padding-right: 20px;
}

.inside3
{
position: relative; top: 4px;
float: left;
padding-right: 20px;
}



.footer
{
clear: both;
margin: 0;
padding-top: 20px;
color: white;
height: 30px;
background-image: url(images/bgdown.gif);

text-align: center;
}

.footer A   {color: white}

#footer2
{
clear: both;
margin: 0;
padding-top: 10px;
color: gray;
text-align: center;
background-color: white;
border-top: 1px solid gray;
}

/* ############# REFERENCE ############# */

.reference
{
width: 437px; 
height: 130px; 
padding-left: 20px; 
padding-right: 20px; 
padding-top: 16px;
padding-bottom: 5px; 
margin-bottom: 16px; 
background-image: url(reference/poza2.jpg);
border-bottom: 1px solid #dfdfdf; 

}

.reference h2 a { color: #930002; text-decoration: underline; }
.reference h2 a:hover { color: #f20000; text-decoration: underline; }

.referencebig
{
text-align: center;
width: 437px;
height: 370px;
padding-left: 15px;
padding-right: 20px;
padding-top: 13px;
padding-bottom: 5px;
margin-bottom: 16px;
background-color: #F3F3F3;
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
}

.referencebigbig
{
text-align: center;
width: 437px;
height: 730px;
padding-left: 15px;
padding-right: 20px;
padding-top: 13px;
padding-bottom: 5px;
margin-bottom: 16px;
background-color: #F3F3F3;
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
}


.referencesmall
{
float: right;
width: 270px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
background-color: #f3f3f3;
Line-height: 1.6;

}

.referencesmall2
{
float: right;
width: 240px;
margin-right: 10px;
padding: 15px;
margin-left: 18px;
margin-bottom: 20px;
background-color: #f3f3f3;
Line-height: 1.6;

}

.referencesmall ul li { list-style-image:url("reference/li.png"); margin-left: 0px; padding-left: 0px; font-weight: bold; }
.referencesmall a { text-decoration: underline; color: #930002; font-weight: bold; }
.referencesmall a:hover { text-decoration: underline; color: #f20000;  }


.sluzbysmall
{
float: right;
width: 200px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;

Line-height: 1.6;
}

.sluzbysmall ul li { list-style-image:url("reference/li.gif"); margin-left: 0px; padding-left: 0px; font-weight: bold; }
.sluzbysmall a { text-decoration: underline; color: #930002; font-weight: bold; }
.sluzbysmall a:hover { text-decoration: underline; color: #f20000;  }




 .refepics
{
float: left;
margin-right: 20px;
margin-top: 3px;
padding: 3px; 
border: 3px solid #c9c9c9;


}

 .sedive
{
float: left;
margin: 0 0 0 0;
border: 0px;
padding-right: 20px;
padding-top: 11px;
padding-bottom: 36px;
}


.r-vypis ul li .nadpisref {  
display: block; 
font-size: 11px;
padding-top: 6px;
padding-left: 3px; 
text-decoration: underline;  
}


.r-vypis ul, .att-images ul li a img 
{ 
margin: 0; 
padding: 0; 
list-style: none; 
clear: left;
}

.r-vypis ul li, .att-images ul li a img 
{ 
margin: 0 0 35px 32px; 
padding: 0; 
list-style: none; 
float: left; 
width: 138px; 
background: none; 
display: inline;
}

.r-vypis ul li a, .att-images ul li a img 
{ 
text-decoration: none; 
display: block;
color: #2e2e2e;  }

.r-vypis ul li a:hover, .att-images ul li a img  
{ 
color: #bd0000;

}


.r-vypis ul li:first-child, .att-images ul li:first-child { margin-left: 0;}
.r-vypis ul li a, .att-images ul li a { text-decoration: none; display: block;  }


.r-vypis ul li a img, .att-images ul li a img 
{ 
margin: 0; 
padding: 2px; 
border: 2px solid #ebebeb; 
display: block;  
}

.r-vypis ul li a:hover img, .att-images ul li a:hover img { border-color: #b9b9b9; }

.r-vypis ul li br { display: none; }






/* ############# GRAPHICS ############# */

.line
{
height: 7px;
width: 800px;
background-color: #dfdfdf;
border-bottom: 1px solid white;
clear:both;
}

.line1
{
height: 7px;
width: 800px;
background-color: #dfdfdf;
border-bottom: 1px solid white;
border-top: 1px solid white;
clear:both;
}

#images
{
clear:both;
}


 .floatright
{
float: left;
margin: 0 0 0 0;
border: 0px;
padding: 0px;
}

 .floatright1
{
float: right;
margin: 0 0 0 0;
border: 0px;
padding: 10px;
}


#menu
{
width: 800px;
height: 253px;
}


#indeximage
{
float: left;
margin: 0;
padding: 0em;
background-image:url(images/pozadi.gif);
}


#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }