body {
  font-family: Arial, Lucida Grande, Tahoma, sans-serif;
  font-size: 14px;
   background: #ffffff url(img/tlo.jpg) repeat-x;
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
}

/* --- layout ---*/



#page {
	position:relative;

	width:930px;
    margin: 8px auto;
}

#header {
	width: 930px;
	height: 355px;
}
#header_tlo {
	position: absolute;
	left: 0;
	right 0;
	width: 930px;
	height: 74px;
	background-color: #132839;
}


#top_L {
	position:absolute;
	left:0px;
	top:0px;
	background: url(img/top_L.jpg) no-repeat;
	width:16px;
	height:39px;
}

#logo {
	position:absolute;
	left:16px;
	top:0px;
    background: url(img/top_logo.jpg) no-repeat;
	width:150px;
	height:74px;
}



#top_R {
	position:absolute;
	left:916px;
	top:0px;
	background: url(img/top_R.jpg) no-repeat;
	width:15px;
	height:39px;
}

#pasek_top {
	position:absolute;
	left:0px;
	top:74px;
	background: url(img/pas_p_menu.jpg) repeat-x;
	width:915px;
	height:17px;
	padding: 7px 5px 5px 10px;
	font-size: 10px;
}

#projektor {
	position:absolute;
	left:0px;
	top:103px;
	background: url(img/proj_01.jpg) no-repeat;
	width:930px;
	height:243px;
}

#pasek {
	position:absolute;
	left:0px;
	top:346px;
	background: url(img/pas_pod_proj.jpg) repeat-x;
	width:930px;
	height:9px;
}



#content {
	background-color: #FFFFFF;
	padding: 10px;
	min-height: 192px;
}


#stopka {
	Position: relative;
	width: 930px;
	height: 28px;
}

#stopka_L {
	position:absolute;
	left:0px;
	top:0px;
	background: url(img/stopka_L.gif) repeat-x;
	width:16px;
	height:28px;
}

#stopka_cont {
	position:absolute;
	left:16px;
	top:0px;
	background: url(img/stopka_tlo.jpg) repeat-x;
	width:899px;
	height:14px;
	padding: 7px;	
}
#stopka_cont {
	text-align: center;
	font-size:12px;
	color: #808080;
}

#stopka_R {
	position:absolute;
	left:915px;
	top:0px;
	background: url(img/stopka_R.gif) no-repeat;
	width:15px;
	height:28px;
}


ul.menu_top {
	Position: relative;
	top:39px;
	float: right;
	list-style: none;
}
ul.menu_top li{
	float: left;
	height:35px;
	width: 120px;
}
ul.menu_top a {
	display: block;
	padding: 10px 25px;
	background: url(img/p2_on_off.jpg) no-repeat left top;	
	height: 35px;
}
ul.menu_top a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}


ul.menu_top a.first {
	background: url(img/p1_on_off.jpg) no-repeat left top;	
}
ul.menu_top a.first:hover, ul.menu_top a.activ {
	background-position: 0 -35px;
	color: #000;	
}
ul.menu_top a:hover, ul.menu_top a.activ  {
	background-position: 0 -35px;
	color: #000;	
}

/* ie <7 bug */




/* --- typografia ---*/

h1,h2,h3,h4,h5,h6 {
 margin-bottom: 15px;
 border-bottom: 1px dotted #ddd;
 padding-bottom: 5px;
 width: 80%; 
}

h1 {font-size:180%}
h2 {font-size:160%}
h3 {font-size:140%}
h4 {font-size:120%}
h5 {font-size:100%}
h6 {font-size:90%}

a {
  text-decoration: none;
  font-weight: bold;
  color: #888;
}

a:hover {
  color: red;
}

p {
 margin: 10px 0;
 line-height: 150%;
}

ul.gallery  {
 margin: 0 80px;
}
.gallery li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
width:150px;
}


.ramka , a img{
    background-color: #E9EEF1;
    border:1px solid #CAD5D9;
    margin:5px;
    padding:5px;
}

.left {float:left;}
.right {float:right;}