body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#2D637B url(../img/bg.jpg) top left repeat-x;
}

/*----------------------------------------------------------------
LAYOUT - Page structure
---------------------------------------------------------------*/

#wrapper { 
 margin: 0 auto;
 width: 960px;
 background:transparent;
}

#top-logo {
width:475px;
height:306px;
background: transparent url(../img/logo.jpg) top left no-repeat;
float:left;
}
#top-logo a {
display:block;
width:475px;
height:306px;
}

#top-menu {
width:481px;
height:96px;
background: transparent url(../img/bg-menu.jpg) top left no-repeat;
float:left;
}
#navcontainer ul {margin:20px 0 0 0;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a { text-decoration: none;display:block;width:158px; height:58px;background:white;float:left; }
#navcontainer ul li a span {display:none;}
#navcontainer ul li a.m1 {background: url(../img/mref.gif) -35px -58px no-repeat;}
#navcontainer ul li a.m2 {background: url(../img/mzar.gif) 0px -58px no-repeat;}
#navcontainer ul li a.m3 {background: url(../img/mkon.gif) 0px -58px no-repeat;}
#navcontainer ul li a.m1:hover {background: url(../img/mref.gif) -35px 0 no-repeat;}
#navcontainer ul li a.m2:hover {background: url(../img/mzar.gif) 0 0 no-repeat;}
#navcontainer ul li a.m3:hover {background: url(../img/mkon.gif) 0 0 no-repeat;}

#top-motto {
width:481px;
height:auto;
float:left;
background:transparent;
}
ul.top-motto {width:480px;background:transparent;margin:15px 0 0 0;}
.top-motto li {padding:3px 0 3px 16px;color:white;font-size:12px; background:url(../img/motto.gif) 0 0.4em no-repeat;}

h3 {color:white;font-size:1.8em;font-family:georgia; margin:25px 0 0 0;font-weight:normal;}
h1 {color:white;width:200px;font-size:1.5em;font-family:"Trebuchet MS"; height:auto;line-height:1.2em; 
	background: url(../img/h1.gif) 0 3px no-repeat; padding:0 0 40px 30px;}

a {color:white;}
a:hover {color:#3FC1F3;}	
	
h2 {font-size:1.3em;padding:0 0 5px 0;}	
h5 {font-size:1em;padding:3px 0 0 0; font-weight:normal;}	
h4 {font-weight:normal;padding:5px 0 0 0;color:white;}
.cb {clear:both;}
.cennik {position:relative;width:76px;height:79px;background:transparent url(../img/cennik.png) bottom right no-repeat;font-weight:bold;color:#1F4E62;}
.cennik span {display:none;}
.cennik a {width:76px;height:79px;display:block;}
.nahlad {width:198px;height:200px;background:transparent url(../img/nahlad.jpg) top left no-repeat;float:right;margin:0 0 0 2px;position:relative;}
.nahlad img {width:170px;height:165px;background:transparent;position:absolute;top:15px;left:11px;overflow:hidden;}
.sponka {width:32px;height:44px;position:absolute;background:transparent url(../img/sponka.png) top left no-repeat;top:-20px;left:90px;}
.th {background:transparent url(../img/thumb.jpg) top left no-repeat;width:82px;height:92px; float:right; margin:0 10px 10px 0;position:relative;}
.th img {width:67px;height:75px;background:transparent;position:absolute;top:7px;left:6px;}
.h1poz {background:url(../img/h1poz.png) top right no-repeat; width:652px;height:70px;float:right;}
.h12 {background: url(../img/h12.gif) 0 3px no-repeat;}
.h13 {background: url(../img/h13.gif) 0 3px no-repeat;}
#prihlasenie-obal {width:100%;height:100%;background:transparent;position:relative;}
.prihlasenie-obal-pri {display:block; position:absolute; top:0; left:0;width:95px;height:95px; background:transparent url(../img/prihlasenie.png) top left no-repeat;}
.prihlasenie-obal-pri a {display:block; position:absolute; top:0; left:0;width:95px;height:95px; background:transparent;}
#content {
margin:20px 0 0 0;background:transparent; 	
}
p {color:white;padding:20px 0 20px; 0;}

.col-left, .col-mid, .col-right {border:none;float:left;min-height:200px; height:auto !important; height:200px; }
.col-left {width:200px; margin:0 40px 0 0;background:url(../img/col-left.jpg) top right no-repeat;position:relative;}
.col-left-obsah {width:200px;float:left;color:white;}
.col-mid {width:220px;background:transparent;margin:0 20px 0 0;}
.col-mid-obsah {width:220px;float:left;color:white; font-size:1em; line-height:1.3em; font-family:arial,verdana;}
.col-right {width:480px;background:transparent;}
.col-clear {width:960px; height:60px;clear:both; background: url(../img/col-clear.jpg) center right no-repeat;}

.uvod-a, .uvod-b, .uvod-c {width:319px; background:transparent url(../img/3colbg.png) 110px 0px no-repeat;float:left;color:white;}
.uvod-a li, .uvod-b li, .uvod-c li {padding:10px 10px 10px 35px; line-height:1.2em; }

.uvod-a li {background:url(../img/motto.gif) 1em 1em no-repeat;}
.uvod-b li {background:url(../img/motto-y.gif) 1em 1em no-repeat;}
.uvod-c li {background:url(../img/motto-m.gif) 1em 1em no-repeat;}

a:link.btn2, a:visited.btn2, a:hover.btn2, a:active.btn2, a:link.btn3, a:visited.btn3, a:hover.btn3, a:active.btn3 {color:white;}
a:link.btn, a:visited.btn, a:hover.btn, a:active.btn {color:#1E495C;}

a:hover.btn, a:hover.btn2, a:hover.btn3 {text-decoration: underline;}
a.btn, a.btn2, a.btn3 {display: block;float:left;width:auto;text-align:right;
font: bold 13px Arial;text-decoration: none;margin:25px 0 0 15px;padding: 2px 5px;}
.buttonwrapper{overflow: hidden;width: 100%;}

a.btn  {background:#FFF227;}
a.btn3  {background:#F432A2;color:white;}
a.btn2   {background:#00AEEF;color:white;}
a.btn {background:#FFF227;}
a.btn2  {background:#00AEEF;}
a.btn3 {background:#F432A2;}


#footer {

}