/* CSS Document */
html, body 
{ 
font-family: Tahoma, Arial;
color: #cdcdcd;
height: 100%;           
padding: 0; 
margin: 0; 
}

body { 
     text-align: center;
     margin-top: 0;
     background: #000;
}

table.website
{
height: 100%;
width: 100%;
text-align: center;
background: #000; 
}

#background
{
width: 960px;
margin: 0 auto;
text-align: left;
}

#footer
{
width:331px;
text-align: left;
position: absolute;
left:5px;
bottom:1px;
}

#footer h2
{
  font-size:9px;
  font-weight: normal;
  display:inline;
}



#logo
{
height: 55px;
}

#main
{
position: relative;
font-size: 9px;
min-height:500px;
height:auto !important;
height:500px;

background-image: url(images/bgspacer.gif);
}

#line
{
height: 4px;
background-image: url(images/line.gif);
}

#menu
{
height: 51px;
}

#buttons
{
position: relative;
left:218px;
top:75px;
height: 350px;
width: 450px;
}

#buttons h2,h1
{
display:none;
}

#sub
{
position: relative;
left:218px;
top:0px;
margin-top:75px;
width: 450px;
}

#sub h1
{
  display:none;
}

#text
{
position: absolute;
left:-1px;
top:0px;
font-size: 12px;
width: 113px;


}

#pic
{
position: relative;
top:0px;
left:150px;                 
font-size: 12px;
font-weight: bold;
padding:0px;
margin: 0px;
width: 307px;

}

input.send
{
color :#d40000;
width:70px;
height: 30px;
}

input{
color:white;
border: none;
background-color:#333333;
float: left;
font-size:10px;
width:155px;
}

textarea
{
background-color:#333333;
color:white;
border: none;
}

table.omg
{
font-family: Tahoma, serifSansSerifMonospace;
font-size: 10px;
font-weight: bold;
font-style: italic;
}

table.omg2
{
width:307px;
font-family: Tahoma, serifSansSerifMonospace;
font-size: 10px;

}

.italic
{
font-style: italic;
}

p.lmao
{
font-size: 9px;
}
p.roflmao
{
font-size: 9px;
font-style: italic;
}

div.page1 a {
   display:block;
   float:left;
   margin:0;  
   background: url("images/gallery_active.gif") 0 -51px;;
   width: 134px;
   height: 51px;
   }
div.page1 a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/gallery_active.gif");
   width: 134px;
   height: 51px;
   }
div.page2 a {
   display:block;
   float:left;
   margin:0;  
   background: url("images/babout.gif");
   width: 134px;
   height: 51px;
   }
div.page2 a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/babout.gif") 0 -51px;
   width: 134px;
   height: 51px;
   }
  
div.page3 a {
   display:block;
   float:left;
   margin:0;
   background: url("images/bcennik.gif");
   width: 134px;
   height: 51px;
   }
div.page3 a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/bcennik.gif") 0 -51px;
   width: 134px;
   height: 51px;
   }   
div.page4 a {
   display:block;
   float:left;
   margin:0;
   background: url("images/bkontakt.gif");
   width: 134px;
   height: 51px;
   }
div.page4 a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/bkontakt.gif") 0 -51px;
   width: 134px;
   height: 51px;
   }
   
   
div.page1a a {
   display:block;
   float:left;
   margin:0;  
   background: url("images/gallery_active.gif");
   width: 134px;
   height: 51px;
   }
div.page1a a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/gallery_active.gif") 0 +51px;;
   width: 134px;
   height: 51px;
   }
div.page2a a {
   display:block;
   float:left;
   margin:0;  
   background: url("images/babout.gif") 0 -51px;
   width: 134px;
   height: 51px;
   }
div.page2a a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/babout.gif");
   width: 134px;
   height: 51px;
   }
  
div.page3a a {
   display:block;
   float:left;
   margin:0;
   background: url("images/bcennik.gif") 0 -51px;
   width: 134px;
   height: 51px;
   }
div.page3a a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/bcennik.gif");
   width: 134px;
   height: 51px;
   }   
div.page4a a {
   display:block;
   float:left;
   margin:0;
   background: url("images/bkontakt.gif") 0 -51px;
   width: 134px;
   height: 51px;
   }
div.page4a a:hover {
   display:block;
   float:left;
   margin:0;
   background: url("images/bkontakt.gif");
   width: 134px;
   height: 51px;
   }   

a{
    border:0;
    color: #d40000;
    text-decoration: none;
}

a:hover
{
 border:0;
    color: #d40000;
    text-decoration: underline;
}

img{
    border:0;
    
}

div.firmy a{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/firmy.png");
}

div.firmy a:hover{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/firmy.png") 0 -148px;;
}

div.svadby a{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/svadby.png");
}

div.svadby a:hover{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/svadby.png") 0 -148px;;
}

div.ludia a{
display:block;

position: absolute;
top: 158px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/ludia.png");
}

div.ludia a:hover{
display:block;

position: absolute;
top: 158px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/ludia.png") 0 -148px;;
}

div.tvorba a{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/tvorba.png");
}

div.tvorba a:hover{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/tvorba.png") 0 -148px;;
}

div.portrety a{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/portrety.png");
}

div.portrety a:hover{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/portrety.png") 0 -148px;;
}

div.obrad a{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/obrad.png");
}

div.obrad a:hover{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/obrad.png") 0 -148px;;
}

div.vyzdoba a{
display:block;

position: relative;
top: 10px;
left: 0px;
margin:0;
width: 225px;
height: 155px;
background: url("images/vyzdoba310.png");
}

div.vyzdoba a:hover{
display:block;

position: relative;
top: 10px;
left: 0px;
margin:0;
width: 225px;
height: 155px;
background: url("images/vyzdoba310.png") 0 -155px;;
}

div.zabava a{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/zabava.png");
}

div.zabava a:hover{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/zabava.png") 0 -148px;;
}

div.budovy a{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/budovy.png");
}

div.budovy a:hover{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/budovy.png") 0 -148px;;
}

div.akcie a{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/akcie.png");
}

div.akcie a:hover{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/akcie.png") 0 -148px;;
}

div.image a{
display:block;
position: absolute;
top: 158px;
right: 0px;

margin:0;
width: 225px;
height: 155px;
background: url("images/image.png");
}

div.image a:hover{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 155px;
background: url("images/image.png") 0 -155px;;
}

div.rozne a{
display:block;
position: relative;
top: 10px;
left: 0px;

margin:0;
width: 225px;
height: 148px;
background: url("images/rozne.png");
}

div.rozne a:hover{
display:block;
position: relative;
top: 10px;
left: 0px;

margin:0;
width: 225px;
height: 148px;
background: url("images/rozne.png") 0 -148px;;
}

div.deti a{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/deti.png");
}

div.deti a:hover{
display:block;

position: relative;
top: 0px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/deti.png") 0 -148px;;
}

div.portrety2 a{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/portrety2.png");
}

div.portrety2 a:hover{
display:block;

position: absolute;
top: 0px;
right: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/portrety2.png") 0 -148px;;
}

div.ine a{
display:block;

position: relative;
top: 10px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/ine.png");
}

div.ine a:hover{
display:block;

position: relative;
top: 10px;
left: 0px;
margin:0;
width: 225px;
height: 148px;
background: url("images/ine.png") 0 -148px;;
}

div.modeling a{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 155px;
background: url("images/modelingsk.png");
}

div.modeling a:hover{
display:block;

position: absolute;
top: 158px;
right: 0px;
margin:0;
width: 225px;
height: 155px;
background: url("images/modelingsk.png") 0 -155px;;
}
#thumbnails {
width:307px;
text-align:left;
margin: 0px;
}
#thumbnails a {
margin: 2px;
}
#thumbnails img {
border: 1px solid #ccc;
}