/*
Design by VirtualArt Studio
http://www.stronki-www.pl
dla BEATA-VITA Beata Kotoro
*/

	
/*Reset*/	
	
img {	
border: 0;
}

h1, h2,h3,h5,  ul, li {
margin:0;
padding:0;
}

/* Strona */

body {
 margin: 0 auto;
 padding: 0;
 text-align: center;
 font-family: Verdana, Arial,  sans-serif;
 font-size: 12px;
 background: #1e0d00;
 color: #444444;
}

a {
 color:#835002;
 text-decoration:underline;
 }
 
a:hover{
 color:#ae0303;
 text-decoration:underline;

}

ul{
 list-style-position: inside;
 margin-left:25px;

}

.kontener{
 margin: 0 auto;
 padding:0;
 width:920px;
 background:transparent;
 font-size:12px;
 line-height: 16px;
 overflow:hidden;
}

#top {
 margin:0;
 padding:0; 
 height: 249px;
 width:100%;
 min-width:920px;
 background-image: url('images/tlotop.jpg');
 background-repeat: repeat-x;
}

#logo { 
 width: 920px;
 height: 249px;
 background-image: url('images/logo.png');
 background-repeat: no-repeat; 

}

#logo1 {
 margin:0 auto; 
 width: 920px;
 height: 249px;
 background-image: url('images/logo1.png');
 background-repeat: no-repeat; 
 position:relative;
 

}
/*lista nawigacyjna, czytaj:menu główne*/


#logo1 ul {
 overflow:hidden;
 margin-left: 10px;
 position:absolute;
 right: 0;
 bottom: 0;
 list-style-type:none;
 
 }

#logo1 ul li {
 float:left;
 margin-right: 1px;
 }

#logo1 ul li a {
 overflow:hidden;
 display:block;
 text-align:center;
 color:#000000;
 text-decoration:none;
 font-size: 12px;
 padding-top:8px;
 padding-bottom:6px;
 font-weight:bold;
 width: 110px;
 background-image: url('images/nawi.png');
 background-repeat: no-repeat;
 outline:none;
 border-bottom: 1px solid #ffffff;
}

#logo1  ul li a:hover {
 color:#ae0303;
 background: url('images/nawi-hover.png');
 border-bottom: 1px solid #ffffff; 
 }

#logo1 li#selected a{
 color:#ae0303;
 background: url('images/nawi-hover.png'); 
 border-bottom: 1px solid #ffffff;
}

#spacer-top{
 height: 38px;
 min-width:920px;
 background: #ffffff url('images/spacertop.gif');
 background-repeat: repeat-x;
 clear:left;
}

#content{
  min-width:920px;
 background: #fff;
 text-align:left;
 position:relative;
}

/* style dla indexu */
#lewa{
 float: left;
 width: 30%;
 background:transparent;
 border-right:1px groove #000;
 text-align:center;
 font-size:18px;
 }
 
#prawa{
 float: left;
 width: 69%;
 padding: 2px;
 background:transparent;
 text-align:center;
 }
 
#prawa h1{
 font-size: 42px;
 line-height: 52px;
 
}

.czytaj{
 float:right;

}

.czytaj a {
 text-decoration:none;
}
/*style dla strony głownej instytutu*/
.box{
 float:left;
 width: 440px;
 margin-left:20px;
 padding-top:0;
 margin-bottom: 5px;
 padding-bottom:25px;
 background:transparent;
 text-align:left;
 writing-mode: lr-tb;

 
}
.box h4{
 padding-bottom:10px;
 
}

.box ul{
 list-style-type: cirkle;
 list-style-position: outside; 
 margin-left: 15px;
}
.box p{ 
line-height: 18px;
}
/* box z tłem*/
.box1{
 float:left;
 width: 424px;
 margin-left:20px;
 padding-top:0;
 margin-bottom: 5px;
 padding-bottom:25px;
 padding-left:15px;
 text-align:left;
 writing-mode: lr-tb;
/* border-left:1px solid #ff9e09;*/
 background-image: url('images/tlobox.png');
 background-position:top;
 background-repeat: repeat-x;
}
.box1 h4{
 padding-bottom:10px;
 text-align:center;

}

.box1 ul{
 list-style-type: cirkle;
 list-style-position: outside; 
 margin-left: 15px;
}
.box1 p{ 
line-height: 18px;
}

/* style dla boxu długiego*/

.box2{
 float:left;
 width: 900px;
 margin-left:20px;
 padding-top:0;
 margin-bottom: 5px;
 padding-bottom:25px;
 background:transparent;
 text-align:left;

}




.box2 ul{
 list-style-type: cirkle;
 list-style-position: outside; 
 margin-left: 15px;
}


.clear{
 clear:both;
 width:100%;
}

#spacer-bot{
 height: 38px;
 min-width:920px;
 background: #ffffff url('images/spacerbot.gif');
 background-repeat: repeat-x;
 
}
#margue{
 float:right;
 width:69%;
 }

#spacer-bot ul {
 float:right;
 list-style-type:none;
 border-top:1px solid #8d8c8c; 
 width:100%;
 }

#spacer-bot ul li {
 float:right;
 margin-right: 10px;
 border-right: 1px groove #fff;
 margin-top:10px;
 }

#spacer-bot a {
 display:block;
 text-align:center;
 color:#000000;
 text-decoration:none;
 font-size: 10px;
 padding-right:5px;
 font-weight:normal;
 width: 90px;
 
 
 }

#spacer-bot  a:hover {
 color:#ae0303;
 background: transparent; 
 }
 
 
 
#bottom {
 clear:both;
 height: 68px;
  min-width:920px;
 background-image: url('images/bottom.jpg');
 background-repeat: repeat-x;
}

#stopka{
 height: 68px;
 width:920px;
 background:  url('images/stopka.png');
 background-repeat: no-repeat;
}

#stopka a{
 text-decoration:none;
 color:inherit;
}


#stopka a:hover{
 color:#ddd;
 text-decoration:underline;
}

#power{
 float:right;
 margin-right: 10px;
 padding-top:30px;
 color: #fff;
 font-size:10px;
 font-weight:bold;
}

.bot{
clear:both;
}