body {font-family: georgia, times new roman, times, serif; font-size: 14px; font-weight: normal; text-align: center; text-decoration: none; ; color: black; background-image: url(""); background-repeat: repeat }

a {color: black; text-decoration: none}
a:hover {color: silver; text-decoration: none}



body, .top a, .right a  {background-color: yellow; }
.top {border-top-color: yellow; border-bottom-color: yellow;}   
.right {border-left-color: yellow}

.left, .right {background-color: white;}


.main_frame {position: relative; text-align: left; margin: auto; width: 900px; height: 1000px; background-color: white }

.head {float: left; width: 900px; height: 170px; text-align: left; font-weight: bold; font-family: verdana, helvetica, arial, sans-serif;  color: white; background-image: url("obr/head.jpg"); background-repeat: no-repeat; }

.head a {display: block; float: left; width: 100%; height: 145px; 
font-size: 30px; font-weight: bold; font-family: verdana, arial, sans; text-align: right; text-decoration: none;
color: white; line-height: 1.6} 
.head a:hover {color: white ; }

.top {float: left; width: 900px; height: 28px; border-bottom-width: 2px; border-bottom-style: solid; line-height: 2.2 ; background-color: white; }

.left {float: right; width: 632px; height: 800px; margin-right: 15px; text-align: left;  }

.right {float: right; width: 237px; height: 800px;  text-align: left; border-left-width: 2px ; border-left-style: solid;  }





.svetle_modra {background-color: #99CCFF ;}
.svetle_modra a {color: #99CCFF}
.svetle_modra a:hover  {color: white;}

bila #FFFFFF white  
zluta #FFFF00 yellow
oranzova #FF9900
cervena #FF0000
ruzova #FF99FF
fialova #9900CC
svetle_modra #99CCFF
modra #3300FF
tmave_modra #000099
svetle_zelena #99FF99
zelena  #33CC33
tmave_zelena  #006633
svetle_hneda #CC9933
hneda  #993300 
tmave_hneda #660000