@import url("reset.css");

body{background: url('/images/kafelek.jpg') repeat; font: normal	normal normal 12px/1.3 Arial, sans-serif; color: #545b5e; }

#site{margin: 0 auto; width: 960px; background: url('../images/left-col-bg.gif') repeat; overflow: hidden;}

#left-col{float: left; width: 630px; padding: 0 0 0 35px; }

#left-top{background: url('../images/top-bg.jpg') no-repeat; height: 244px; position: relative;}

#menu{position: absolute; bottom: 0; right: 0; background: url('../images/menu-bg.jpg') repeat-x; height: 35px; width: 630px; overflow: hidden; white-space: nowrap;}
#menu li{ padding: 0 11px 0 15px; float: left; display: inline-block; }
#menu li+li{background: url('../images/item-border.gif') no-repeat top left;}
#menu li a{ color: #fff; text-decoration: none; font: bold 10px/35px Tahoma, sans-serif;}
#menu li a:hover{text-decoration: underline;}

#right-col{float: left; width: 295px; background: url('../images/right-bg.gif') repeat;}

#right-top{background: #989A9E url('../images/right-top-bg.gif') no-repeat; height: 224px; font: bold 10px/1.4 Tahoma, sans-serif; padding: 20px 25px 0 35px;}

#logo{margin: 0 0 0 -10px; background: url('../images/scr-logo.png') no-repeat scroll top left; width: 220px; padding: 80px 0 0 0; height: 0px; overflow: hidden; display: block;}

#right-top h1,#right-top h2, #right-top ul{clear: both; float: left; width: 100%}
#right-top h1{margin-bottom: 10px;}
#right-top h2{ color: #e8af0f; font-size: 12px; line-height: 18px;}
#right-top ul{}
#right-top ul li{float: left; font-size: 9px;}
#right-top ul li a{float: left; margin: 0 5px; color: #1a708f; text-decoration: none;}
#right-top ul li a:hover{text-decoration: underline;}
#right-top ul li+li{border-left: 1px solid #1a708f;}
#right-top ul li:first-child a{margin-left: 0;}

#right-col-content{float: left; background-color: #005A75; color: #fff; padding: 0px 0 10px 0; text-align: justify; width: 280px;}
#right-col-content p{margin: 10px 10px 0 15px;}

#content{text-decoration: none; background: #FAFAFA url('../images/content-bg.gif') no-repeat; padding: 0px 35px 10px 20px; float: left; width: 575px;}
#content h2{font: bold 18px Tahoma, sans-serif; float: left;  color: #004b7e; clear: both; width: 100%; margin: 10px 0 0 0;}
#content ul{text-decoration: none; float: left; width: 100%; margin: 10px 0 0 0;}
#content ul li{text-decoration: none; }
#content p{text-decoration: none; float: left; width: 480px; text-align: justify; margin: 0 0 15px 0;}
#content .image{float: left; margin: 0px 0 15px 20px;}


#header{background: #c8c8c8 url('../images/header-bg.gif') no-repeat; padding: 10px 0px 20px 20px; float: left; width: 610px; margin: -10px 0 0 -20px;}
#header h2{font: bold 18px Tahoma, sans-serif; float: left;  color: #4C5458; clear: both; width: 100%;}
#header ul{float: left; width: 100%; margin: 10px 0 0 0;}
#header li{width: 295px; float: left;}
#header li:first-child{border-right: 2px solid #4C5458; margin-right: 10px;}
#header p{float: left; width: 200px; text-align: justify; margin: 0 0 0 0; padding: 0 0 25px 0; position: relative;}
#header p a.more{color: #545b5e; text-decoration: none; position: absolute; bottom: 0px; left: 0px;}
#header p a.more:hover{text-decoration: underline;}
#header .image{float: left; margin: 0px 15px 0 0px; }

#gallery {background: #FAFAFA url('../images/content-bg.gif') no-repeat; padding: 0px 0px 10px 20px; float: left; width: 610px;}
#gallery h2{font: bold 18px Tahoma, sans-serif; float: left;  color: #004b7e; clear: both; width: 100%; margin: 10px 0 0 0;}
#gallery .image{float: left; margin: 10px 15px 15px 10px;}

#footer{width: 910px; border-right: 15px solid #B0B0B0; background-color: #E5E5E5; border-left: 35px solid #CBCBCB; float: left; height: 40px;}