/* CSS Document */
head:after
{
content:  url('../gfx/paper_bg.png'), url('../gfx/first.png'), url('../gfx/about.png'),url('../gfx/about_h.png'), 
			 url('../gfx/program.png'), url('../gfx/program_h.png'), url('../gfx/web.png'), url('../gfx/web_h.png'),
			 url('../gfx/foto.png'), url('../gfx/foto_h.png'), url('../gfx/server.png'), url('../gfx/server_h.png'),
			 url('../gfx/poznamky.png'), url('../gfx/poznamky_h.png'), url('../gfx/kontakt.png'), url('../gfx/kontakt_h.png');
display: none;
}

body { 
	margin: 0px;
	padding: 0px; 
	font-family: sans-serif, Arial, "Times New Roman", serif; 
	font-size: 11pt; 
	border: 0px;
	text-align: center;
	color: black;
/*	background-color: gray;*/
	background-image: url('../gfx/bg1.png');
	background-position: top center; 
	background-repeat: repeat-x;
	background-color: #dcdcdc; /*#ba9f86;*/
}


/* vodorovne menu */
#menu {
	margin: auto auto;  
	width:948px; 
	height:108px; 
	/*background-image: url('../gfx/top.png');*/ 	
	background-position: top center; 
	text-align: center;
	color: black;
} 


.btn {
	cursor: Pointer;
} 

.btn_first {
	float: left;
	width: 42px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/first.png'); 	
}


.btn_about, .btn_about_h {
	float: left;
	width: 166px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/about.png'); 	
}

.btn_about:hover, .btn_about_h {
	background-image: url('../gfx/about_h.png'); 	
}


.btn_prog, .btn_prog_h {
	float: left;
	width: 153px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/program.png'); 	
}

.btn_prog:hover, .btn_prog_h {
	background-image: url('../gfx/program_h.png'); 	
}

.btn_web, .btn_web_h {
	float: left;
	width: 129px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/web.png'); 	
}

.btn_web:hover, .btn_web_h {
	background-image: url('../gfx/web_h.png'); 	
}

.btn_photo, .btn_photo_h {
	float: left;
	width: 141px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/foto.png'); 	
}

.btn_photo:hover, .btn_photo_h {
	background-image: url('../gfx/foto_h.png'); 	
}

.btn_server, .btn_server_h {
	float: left;
	width: 97px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/server.png'); 	
}

.btn_server:hover, .btn_server_h {	
	background-image: url('../gfx/server_h.png'); 	
}

.btn_blog, .btn_blog_h {
	float: left;
	width: 110px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/poznamky.png'); 	
}

.btn_blog:hover, .btn_blog_h {
	background-image: url('../gfx/poznamky_h.png'); 	
}


.btn_contact, .btn_contact_h {
	float: left;
	width: 110px; 
	height: 108px; 	
	line-height: 30px; 	
	background-image: url('../gfx/kontakt.png'); 	
}

.btn_contact:hover, .btn_contact_h {
	background-image: url('../gfx/kontakt_h.png'); 	
}


.menu_btn_h {
	background-color: #b3c1e7; 
}

.menu_btn a, .menu_btn_h a{	
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.menu_btn a:hover, .menu_btn_h a:hover{

}


/* Textova cast stranky */
#textarea {
	margin: auto auto; 
	width:948px; 
	height: 681px; 
   /*overflow: auto;*/
	padding: 0px;
	background-image: url('../gfx/paper_bg.png'); 
	color: black;
} 

/* Textova cast stranky */
#text {	
	height: 590px; 
	padding: 0px;
	padding-top: 10px;
	margin-left: 50px;
	margin-right: 45px;
	text-align: left;	
} 

/* Textova cast stranky */
#textarea a{	
	color: black;
	text-decoration: underline;
} 
/* Textova cast stranky */
#textarea a:hover{	
	text-decoration: none;
} 


/* Textova cast stranky */
#text a {	
	border-width: 0px;
	text-decoration: none;
} 


.projtable {
	color: black;
	border-width: 0px;	
	border-style: solid; 
	border-color: white;	
	width: 100%;
}

.projtable td{
	text-align: justify;	
}

.projtable a{	
	color: #3060b1; 
	
}
.projtable a:hover{
	color: red;
}



.accordion h3 {
	margin-top: 5px;
	text-decoration: none;
}


.accordion h3:hover {
	text-decoration: underline;
	font-style: italic;
}


.accordion h3.active {
	font-style: italic;
}

.accordion div {
	margin: 0;
	margin-bottom: 2px;
	padding: 10px 15px 20px 15px;
}


h1 {
	margin-top: 0px;
	font-size:120%;
}

h2 {
	margin-top: 0px;
	font-size:115%;
	text-align: center;
}

h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:110%;
	text-decoration: underline;
	
}

a {
color: white;
text-decoration: none;
}

a:hover {
text-decoration: none;
}


img{
	border-width: 0px;
}