* {
margin: 0;
padding: 0;
}
html, body {
	height: 100%;
}
body
{
text-align:center;
background-color: black; /*barva pozadi*/
background-image: url(img/paint11.jpg);
background-attachment: fixed ;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;/*velikost*/
color: White;/*barva fontu*/
line-height: 1.4em;
}
#vsechno
{
margin:0 auto; /* centrovani v ostatnich prohlizecch */
width:810px; /* sirka */
padding-left: 8px;
padding-right: 9px;
min-height:100%;
height: 100%;
text-align: center;
position: relative;
background-color: Black;
background-image: url(img/pozadix.gif);
background-repeat: repeat-y ;
background-position:center;
}
body>#vsechno{
 height: auto;
}
#paticka
{
width: 830px;
height: 50px;
bottom: 0;
left: 0;
position: absolute;
overflow: hidden;
text-align: center;
}
h1
{
font-size: 1.4em;
line-height: 2em;
color: White;
}
h2{
font-size: 1.3em;
line-height: 2em;
color: White;
}
h3 {
font-size: 1.3em;
line-height: 1.9em;
color: White;
}
h4
{
font-size: 1.2em;
line-height: 1.9em;
color:white;
}
p {
padding: 0px 0px 5px 0px
}
a
{
color: White;
font-size: 12px;
}
a:hover {
color: red;
font-size: 12px;
}
#siroky
{
margin:0 auto; /* centrovani v ostatnich prohlizecch */
width:440px; /* sirka */
float: left; 
text-align: center;
padding-bottom: 50px;
padding-top: 35px;
}
#uzky
{
width:340px	; /* sirka */	
height: 550px;
float: right;
background-image: url(img/drak.gif);
background-repeat: no-repeat;
background-position: top center;
text-align: center;
padding-right: 15px;
margin-top: 50px;
text-align: center;
}
#text
{
width:360px	; /* sirka */
text-align: left;
margin:0 auto; 
color: #FFFAF0;
float: left;
padding: 0px 0px 0px 15px
}
#text2
{
width:360px	; /* sirka */
text-align: left;
margin:0 auto; 
color: #FFFAF0;
float: right;
padding: 0px 20px 0px 0px
}    
#text3
{
width:360px	; /* sirka */
text-align: justify;
margin:0 auto; 
color: #FFFAF0;
float: right;
padding: 0px 0px 0px 0px
}

#sirokygallery

{
margin:0 auto; /* centrovani v ostatnich prohlizecch */
width:810px; /* sirka */
padding: 0px 0px 60px 0px;
}

#textlinks
{
margin:0 auto; /* centrovani v ostatnich prohlizecch */
width:700px; /* sirka */
padding: 0px 0px 60px 0px;
text-align: left;
}
#uzkyphoto
{
float: right;
padding-top:60px;
}
#nadpis
{
width:440px	; /* sirka */
text-align:left;
margin:0 auto; 
margin-top: 7px;
margin-bottom: 7px;
margin-left:20px;
}

h1.nadpis,h1.nadpis span
{
margin:0; padding:0;
position:relative;
width:380px; height:227px;
overflow:hidden;
font-size: 1.5em;
text-align: justify;
}	
h1.nadpis span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:380px; height:227px;
margin:0; padding:0;
background: url(img/logo2.gif) center no-repeat;
color:white;
cursor: pointer;
}

h1.gallery,h1.gallery span {

margin:0; padding:0;

position:relative;

width:240px; height:150px;

overflow:hidden;

font-size:1.5em;

float: left;

}	

h1.gallery span {

display:block;

background: url(img/nadpisgallery.gif) left no-repeat;

width:240px; height:150px;

margin:0; padding:0;

position:absolute; left:0; top:0; z-index:1;

color: White;

float: left;

cursor: pointer;

}

#hlavickagallery img

{
float: right;
}
#hlavickagallery
{
width: 800px;
height: 150px;
float: right;
padding-top: 20px;
}
/* FOTKY */
.photo {
position: relative;
width: 160px;
height: 150px;
float: left;
border: none;
padding: 0;
top: 10px;
text-align : center;
}
.photo img {
border:  none;
}
.photo span {
width: 160px;
height: 150px;
display: block;
position: absolute;
top: -6px;
left: 0px;
background: url(img/brush-border.png) no-repeat;	
}
.photo a {
text-decoration: none;
}
.photo a:hover
{
width: 150px;
height: 160px;
text-decoration: none;
background-image: url(img/pozadifotek.gif);
background-repeat: no-repeat;
background-position: -10px; 
}
.sample10 img {
border: none;
padding: 0;
}
/* MENU NA prvni strance */
#menu {
width: 440px;
height:250px;
}

#menu ul{
width: 440px;
padding-left: 20px;
}

#menu li {
 width: 400px;
 height: 50px;
 float: left;
 position: relative;
 list-style: none;
}

#menu a
{
 display: block;
 width: 400px;
 height: 50px;
 overflow: hidden;
 position: absolute;
 left: 0px;
 top: 0;
}
#menu span {
 display: block;
 width: 400px;
 height: 50px;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 0;
}
#menu  span {
 z-index: 1;
 cursor: pointer;
}
#menu a:hover {visibility:visible;}
#guestbook span{
background:url(img/guestbook.gif) no-repeat;
background-position:0px 0px;
}
#gallery span{
 background:url(img/gallery.gif) no-repeat;
}
#trika span{
 background:url(img/trika.gif) no-repeat;
}
#video span{
 background:url(img/video.gif) no-repeat ;
}
#links span{
 background: url(img/links.gif) no-repeat ;
}
#trika a:hover span, #video a:hover span, #guestbook a:hover span, #gallery a:hover span, #links a:hover span{
 background-position:0px -50px;
}
#menu a:link, #menu a:visited {
 text-decoration: underline;
}
#guestbook li{
 background:Silver url(img/guestbook.gif);
}

#gallery li{
 background:Silver url(img/gallery.gif);
}
#trika li{
 background:Silver url(img/trika.gif);
}
#video li{
 background:Silver url(img/video.gif);
}
/* MENU GALERIE prekryvaci*/
#menugallery ul
{
width:700px; 
height:50px;
float: right;
text-align:center;
margin:0px 0px 0px 0px auto;
padding :10px 30px 0px 30px;
}
#menugallery a:hover
{visibility:visible;
}
#menugallery li {
 width: 100px;
 height: 50px;
 float: left;
 position: relative;
 list-style: none;
}
#menugallery a
{
 display: block;
 width: 100px;
 height: 50px;
 overflow: hidden;
 position: absolute;
 left: 0px;
 top: 0;
}

#menugallery span {
 display: block;
 width: 100px;
 height: 50px;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 0;
}
#menugallery span 
{
 z-index:1;
 cursor: pointer;
}
#vizitkamenu span{ background-image: url(img/vizitkamenu.gif );
}
#artist span{ background-image: url(img/artist.gif);
}
#guestbookmenu span{ background-image: url(img/guestbookmenu.gif);
}
#tribal span { background-image: url(img/tribalmenu.gif);
}
#colour span { background-image: url(img/menucolour.gif);
}
#blackm span { background-image:  url(img/menublack.gif);
}
#realistic span { background-image: url(img/realisticmenu.gif);
}
#coverup span { background-image: url(img/coverupmenu.gif);
}
#others span { background-image: url(img/othersmenu.gif);
}
#krtek span { background-image: url(img/menukrtek.gif);
}
#dodo span { background-image: url(img/menudodo.gif);  
}
#guestbookmenu span { background-image: url(img/menuguestbook.gif);  
}
#trikamenu span { background-image: url(img/menutrika.gif);  
}
#linksmenu span { background-image: url(img/menulink.gif);  
}
#vizitkamenu a:hover span, #guestbookmenu a:hover span, #tribal a:hover span,

#japanese a:hover span, #freehand a:hover span, #realistic a:hover span, 

#coverup a:hover span, #others a:hover span, #artist a:hover span, 

#krtek a:hover span,  #dodo a:hover span,  #guestbookmenu a:hover span, 

#trikamenu a:hover span, #blackm a:hover span, #colour a:hover span,#linksmenu a:hover span
{
 background-position:-100px;
}
#forum_form {
width: 520px;
height: 350px;
margin:0 auto; /* centrovani v ostatnich prohlizecch */
background-image: url(img/guestbook.jpg);
background-repeat: no-repeat; 
color: white;
font-size:15px;
}
.form
{
width:530px;
color:white;
margin:0 auto;
}
.bunka
{
color: white;
margin:0 auto;
text-align: center;
background-color: Black;
padding-bottom: 50px;
}
.text
{
background-color: Black;
width:335px;
margin: 0 auto;
font-size:1em;
font-weight: lighter;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
padding-bottom:15px;
background-image: url(img/text.jpg);background-repeat: repeat-y;
padding-right: 65px;
padding-left: 70px;
}
input.tlacitko {
background-color:black;
color: white;
border:none;
font-size: 1em;
padding: 3px;
cursor: pointer;
}
input.textove_pole{
margin-top:20px;
background-color:black;
color:white;
cursor: text;
}
textarea {
font-size: 1em;
margin-top:9px;
height: 217px;
border: solid 1px ;
border-color: Silver;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.head
{
background-image: url(img/head.jpg);
background-repeat: no-repeat;
width: 470px;
height:45px;
color: white;
background-color: Black;
font-size: 1em;
margin: 0 auto;
}
input {

background-color: Black;
color: white;
border:none;
font-size:15px;
border:solid 1px ;
border-color: Silver;
padding: 3px;
cursor: pointer;
}
table.forum

{
height: 35px;
font-size: 1em;
margin:0 auto;
color: white;
}  

a.banner:hover
{
	color: #feff09;
}
.banner img {

border: none;  

display:block;

padding-top:20px;
padding-bottom:10px

}
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: .5;
}
* {
margin: 0;
padding: 0;
}
#PagerId
{
margin-top: 7px;
width: 780px;
border: solid 1px white;
padding: 7px;
margin: 0 auto;
text-align: center;
}
.float_left
{
float:left;
border:1px solid #ccc;
margin:2px;
padding-bottom:3px;
}
.center
{
text-align:center;
}

