
* {
padding : 0;
margin : 0;
}
body /* Internet Explorer */
{
text-align: center;
}

body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
} 

img {
border-style: none;
}

body {
height : 100%;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
size: 12px;
padding : 0;
margin : 0;
background:#CC0000 url(images/back.png) no-repeat;
text-align:center;
}

#wrapper { 
margin: 0 auto;
width:1024px;
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;
}




#header{
width: 900px;
height:610px;
margin-left:58px;
border:4px solid #FFFF00
}


#menu {
width: 900px;
height:40px; 
padding-top:5px;
padding-bottom:5px;
background:#FF6633;
border-right:4px solid #FFFF00;
border-left:4px solid #FFFF00;
border-bottom:4px solid #FFFF00;
margin-left:58px;
text-align:center;

}

#menu a{
display:inline-block;
padding : 10px 40px 10px 40px;
font-size : 12px;
font-family : Tahoma, Arial, Verdana, sans-serif;
color : #FFFFFF;
background:#0066FF;
font-weight : bold;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FFFFFF ;
}
#menu a:hover {
background : #FFFFFF;
color :#000000 ;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#0066FF ;
}

#menu a.first{
padding : 10px 40px 10px 40px;
font-size : 12px;
font-family : Tahoma, Arial, Verdana, sans-serif;
color : #FFFFFF;
background:#FF0000;
font-weight : bold;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FFFFFF ;
}
#menu a.first:hover {
background : #FFFFFF;
color :#000000 ;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FF0000;
}

#menu a.second{
padding : 10px 40px 10px 40px;
font-size : 12px;
font-family : Tahoma, Arial, Verdana, sans-serif;
color : #FFFFFF;
background:#FFAA00;
font-weight : bold;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FFFFFF ;
}
#menu a.second:hover {
background : #FFFFFF;
color :#000000 ;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FFAA00;
}

#menu a.third{
padding : 10px 40px 10px 40px;
font-size : 12px;
font-family : Tahoma, Arial, Verdana, sans-serif;
color : #FFFFFF;
background:#99CC00;
font-weight : bold;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FFFFFF ;
}
#menu a.third:hover {
background : #FFFFFF;
color :#000000 ;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#99CC00;
}

#menu a.fourth{
padding : 10px 40px 10px 40px;
font-size : 12px;
font-family : Tahoma, Arial, Verdana, sans-serif;
color : #FFFFFF;
font-weight : bold;
text-decoration : none;
background: #FF6600;
border-style: solid;
border-width: 2px;
border-color:#FFFFFF ;
}
#menu a.fourth:hover {
background : #FFFFFF;
color :#000000 ;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FF6600;
}
#menu a.fifth{
padding : 10px 40px 10px 40px;
font-size : 12px;
font-family : Tahoma, Arial, Verdana, sans-serif;
color : #FFFFFF;
background:#9900CC;
font-weight : bold;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#FFFFFF ;
}
#menu a.fifth:hover {
background : #FFFFFF;
color :#000000 ;
text-decoration : none;
border-style: solid;
border-width: 2px;
border-color:#9900CC;
}
#content { 
float: left;
padding: 15px;
display: inline;
border-bottom:4px solid #FFFF00;
border-right:4px solid #FFFF00;
border-left:4px solid #FFFF00;
font : normal 13px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
background:#FF6600;
line-height : 20px;
text-align: left;
width: 870px;
height:500px;
position: relative;
margin-left:58px;
}
#content2{ 
float: left;
padding: 15px;
display: inline;
border-bottom:4px solid #FFFF00;
border-right:4px solid #FFFF00;
border-left:4px solid #FFFF00;
font : normal 13px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
background:#FF6600;
line-height : 20px;
text-align: left;
width: 870px;
height:700px;
position: relative;
margin-left:58px;
}
#inercolumn {
width:600px;
height:500px;
color:#FFFFFF;
float:right;
border:4px solid #FFFFFF;
text-align: center;
}
#inercolumn2 {
width:580px;
height:680px;
float:right;
border:4px solid #FFFFFF;
padding:10px;
font: 13px Arial;
font-weight:bold;
color: #FFFFFF;
text-align: left;
line-height :20px;

}

#first {
width:230px;
height:480px;
font: 13px Arial;
font-weight:bold;
background:#99CC00;
color:#FFFFFF;
line-height : 20px;
text-align: left;
padding:10px;
border: 4px solid #FFFFFF;
}
#third {
width:230px;
height:680px;
font: 13px Arial, Tahoma, Helvetica, sans-serif;
font-weight:lighter;
background:#99CC00;
color:#000000;
line-height : 20px;
text-align: center;
padding: 10px;
border: 4px solid #FFFFFF;
}
#text {
width:530px;
font: 13px Arial;
font-weight:bold;
color: #FFFFFF;
line-height :30px;
text-align: left;
padding: 10px;
border: 4px solid #FFFF00;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
}
#text2 {
width:530px;
font: 13px Arial;
font-weight:bold;
color: #FFFFFF;
line-height :20px;
text-align: left;
padding: 10px;
border: 4px solid #FFFF00;
margin-top:10px;
margin-bottom:10px;
margin-left:12px;
}

#footer { 
height: 30px;
width:900px;
clear: both;
background: url(images/3.png) repeat-x;
font-size : 13px;
font-weight:normal;
font-family : Arial;
text-decoration:none;
border-left:4px solid #FFFF00;
border-right:4px solid #FFFF00;
border-bottom:4px solid #FFFF00;
color : #FFFFFF;
padding-top:10px;
text-align : center;
margin-bottom:10px;
}

p.copyright {
font-size : 11px;
font-family : Arial;
color : #FFFFFF;
text-decoration:none;
text-transform:none;
font-weight:normal;
}
a.footer {
text-decoration : none;
color : #FF0000;
font-family :Arial, Helvetica, sans-serif;
font-size : 11px;
}

a.footer:hover {
color : #FFFFFF;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
h1, h2, h3, h4 {
color : #FFFF00;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : 600;
text-decoration : none;
}

 h5, h6 {
color : #FF0000;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
text-decoration : none;
margin-bottom:5px;
margin-top:5px;
text-transform: uppercase;
}

img.kolona1 {
border-style:solid;
border-color:#0066FF;
border-width:5px;
width:100px;
height:75px;

}

img.kolona2 {
border-style:solid;
border-color:#FF0000;
border-width:5px;
width:100px;
height:75px;
}
img.kolona3 {
border-style:solid;
border-color:#FFAA00;
border-width:5px;
width:100px;
height:75px;
}
img.kolona4 {
border-style:solid;
border-color:#99CC00;
border-width:5px;
width:100px;
height:75px;
}
img.kolona5 {
border-style:solid;
border-color:#9900CC;
border-width:5px;
width:100px;
height:75px;
}
.stupac1{
display:inline;
text-align:center;
width:172px;
height:1500px;
float:left;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
padding:0px;
margin-left:9px;
}
.stupac2 {
display:inline;
text-align:center;
width:172px;
height:1500px;
float:left;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
padding:0px;
}
.stupac3 {
display:inline;
text-align:center;
width:172px;
height:1500px;
float:left;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
padding:0px;
}
.stupac4 {
display:inline;
text-align:center;
width:172px;
height:1500px;
float:left;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
padding:0px;
}
.stupac5 {
display:inline;
text-align:center;
width:172px;
height:1500px;
float:left;
border-top:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
padding:0px;
}
#center {
float:left;
margin-left:8px;
text-align:center;
}