@import url('main.css');

h1,h2,h3,h4,h5,h6,a { color: red; }
#right-column h1,#right-column h2,#right-column h3,#right-column h4,#right-column h5,#right-column h6 { color: red; }
 

#right-column, #news-boxes { font-size: 1.2em; }

input.text { background: #fff; border: 2px solid #666; padding: 3px; font-weight: bold; }
fieldset textarea { border: 2px solid #666; padding: 3px; font-size: 1em; }
.textarea { border: 2px solid #666; padding: 3px; font-size: 1em; }
select.select { border: 2px solid #666; padding: 3px; }

fieldset { border: 3px solid #666; padding: 10px; margin-bottom: 10px; }
fieldset legend { font-size: 1.4em; font-weight: bold; padding: 0 5px; }

h1 span { background: url("images/logo2.gif") no-repeat; display:block; height:58px; left:0px; position:absolute; top:0px; width:239px; z-index:1; cursor: pointer; }

ul#menu-left li { list-style-type: none; background: none; margin: 0; padding: 0; }
ul#menu-left li.stupen { display: block; color: #000; font-weight: bold; padding: 10px 20px; background: #E6F5F8 url("images/bg/stupen.gif") no-repeat left top; width: 180px; border-bottom: 1px dotted #bebebe; }
ul#menu-left li a { display: block; color: #000; padding: 10px 20px; background: url("images/bg/town.gif") no-repeat left center; width: 180px; border-bottom: 1px dotted #bebebe; font-weight: bold; }
ul#menu-left li a:hover, ul#menu-town li a.active { color: #00A5CE;  }
ul#menu-left li a.active { color: #00A5CE; font-weight: bold; background: #000; color: #fff; }
ul#menu-left li.center {text-align: center; margin: 5px 0;}

#menu-left-bg { background: #000; color: #fff; height: 31px; font-weight: bold; text-align: center; padding-top: 19px; border-bottom: 2px solid #fff; }

#prihlaska { margin: 15px 0; background: url("images/bg/prihlaska.jpg"); width: 650px; height: 82px; padding: 5px 0 0 85px; }
#tabs { float: left; width: 735px; border-bottom: 3px solid #00708C; }
#tabs li { float: left; margin: 0; padding: 0; }
#tabs li a { float: left; display: block; color: #fff; padding-top: 10px; background: #555B60; width: 135px; height: 26px; margin-right: 5px; text-align: center; }
#tabs li a.active { float: left; display: block; color: #fff; padding-top: 10px; background: #00A5CE; width: 135px; height: 26px; margin-right: 5px; text-align: center; font-weight: bold; }
.tab { clear: both; padding: 10px; }

#tabs-index { float: left; width: 980px; border-bottom: 3px solid #00708C; }
#tabs-index li { float: left; margin: 0; padding: 0; }
#tabs-index li a { float: left; display: block; color: #fff; padding-top: 10px; background: #555B60; width: 200px; height: 26px; margin-right: 5px; text-align: center; }
#tabs-index li a.active { float: left; display: block; color: #fff; padding-top: 10px; background: #00A5CE; width: 200px; height: 26px; margin-right: 5px; text-align: center; font-weight: bold; }

#tabs-content { float: left; width: 735px; border-bottom: 3px solid #00708C; }
#tabs-content li { float: left; margin: 0; padding: 0; }
#tabs-content li a { float: left; display: block; color: #fff; padding-top: 10px; background: #555B60; width: 200px; height: 26px; margin-right: 5px; text-align: center; }
#tabs-content li a.active,#tabs-content li a:hover { float: left; display: block; color: #fff; padding-top: 10px; background: #00A5CE; width: 200px; height: 26px; margin-right: 5px; text-align: center; font-weight: bold; }

.order-by { background: #F4F9FA; padding: 7px; line-height: 1.5em; }

#top a { color: #333; }
#top #links { color: #333; padding: 14px 0; }

.bg1 { background: #fafafa; padding: 5px; }
.bg2 { background: #eee; padding: 5px; }
.bg3 { background: #ffffcf; padding: 5px; }

ul#menu-gray li { float: left; list-style-type: none; margin: 0; padding: 0; }
ul#menu-gray li a { float: left; display: block; width: 159px; height: 30px; background: #555B60; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 12px; text-decoration: none; border-top: 2px solid #fff; border-right: 2px solid #fff; }
ul#menu-gray li a:hover { color: #fff; }
ul#menu-gray li a.long { width: 159px; padding-top: 4px; height: 38px; border-right: 0px; }

.news-box { display: block; width: 321px; height: 32px; padding-top: 15px; background: #A1412A; font-weight: bold; color: #fff; text-align: center; font-size: 1.1em; }
.more-news-box { display: block; width: 338px; height: 32px; padding-top: 15px; background: #555B60; font-weight: bold; color: #fff; text-align: center; font-size: 1.1em; }

#employee-panel { display: block; width: 650px; height: 13px; background: #A1412A; font-weight: bold; color: #fff; padding: 3px 5px; font-size: 0.8em; }
ul#menu-blue li { float: left; list-style-type: none; margin: 0; padding: 0; }
ul#menu-blue li a { float: left; display: block; width: 163px; height: 30px; background: #A1412A; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 12px; text-decoration: none; border-top: 2px solid #fff; border-left: 2px solid #fff; }
ul#menu-blue li a.active { float: left; display: block; width: 163px; height: 30px; background: #C73310; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 12px; text-decoration: none; border-top: 2px solid #fff; border-left: 2px solid #fff; }
ul#menu-blue li a:hover { color: #333; }
ul#menu-blue li a.long { padding-top: 4px; height: 38px; border-right: 0px; }

#footer-box h2 { color: #fff; font-size: 1.3em; margin-top: 10px; }
#footer-box h3 { color: #555B60; font-size: 1.2em; margin: 10px 0; }

#footer-box { float: left; background: #333; width: 100%; margin-top: 2px; }
#footer-content { margin: 0 auto; position: relative; width: 980px;  }

#schools { float: left; width: 960px; background: #00A5CE; padding: 0 10px 10px 10px; font-size: 0.9em; }
	#schools .left { float: left; width: 300px; }
	img.bgtop { margin-bottom: -3px; }
#footer-links { float: left; color: #AFB4B8; padding-bottom: 30px; margin-top: 10px; }
#footer-links a, #footer-navigation a { color: #fff; }
#footer-links img { display: block; margin: 3px 0; }

#footer-navigation { margin-top: 17px; }
#footer-navigation li { list-style-type: none; background: url("images/footer-li.gif") no-repeat left top; padding-left: 8px; margin-bottom: 8px; }

#skolyBox { background: #fff; }
#skoly { background: #fff; }