@import url(init.css);

body { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 0.8em; color: #4c4c4e; }
html, body { height: 100%; }

a { color: #faba00; }
a.active, a:hover { color: #4c4c4e; }
a img { border: 0; }
table { border-collapse: collapse; margin: 15px 0; }
table td { vertical-align: top; padding: 2px 5px; }
table tr.odd td { background: #e3e4e6; }
table tr.spacer td { background: #f9f9f9; }

h1 { font-size: 1.8em; color: #b0b1b3; line-height: 1em; text-transform: uppercase; background: url(../images/content_bullet.png) no-repeat 0px 2px; margin-left: -20px; padding-left: 20px; }
h2 { font-weight: normal; font-size: 1.5em; }
h3 { margin: 1em 0; }
hr { border: 0; background: #b0b1b3; height: 1px; }
div.csc-frame-rulerBefore, div.csc-frame-rulerAfter { border: 0; background: #b0b1b3; height: 1px; }

p.body-text { font-size: 1.1em; }
table.vertical-middle td, table td.vertical-middle { vertical-align: middle; }

input, select, textarea { border: 1px #8C8C8C solid; padding: 2px; margin: 2px; }

ul { margin: 1em 0; list-style: none inside url(../images/bullet.gif); }
ul ul { margin-left: 1em; list-style: none inside url(../images/bullet2.gif); }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -258px; }
#foot-wrapper, #wrapper .content-push { height: 258px; }
#footer { background: white url(../images/footer_back.gif) repeat-x left bottom; height: 53px } 
#header { background: white url(../images/header_back.gif) repeat-x left top; height: 100px; } 
#middle-nav { background: white url() repeat-x left top; height: 193px; } 
#content { background: white url(../images/content_back.gif) repeat-x left top; padding: 10px 0 25px 0; min-height: 500px; } 
#bottom-nav { background: #4c4c4e url(../images/bottom_nav_back.gif) repeat-x left top; min-height: 209px; } 
#bottom-nav .inner { padding-bottom: 12px; }
#footer-menu { margin-top: 15px; float: left; }
#footer-copy { float: right; color: #b0b1b3; text-transform: uppercase; font-size: 0.9em; margin-top: 15px; }
#footer-copy a { color: #4c4c4e; text-decoration: none;  }
#logo { float: left; margin-top: 37px; height: 63px; }
#top-menu { float: right; clear: right; height: 65px; }
#top-nav { float: right; clear: right; height: 35px; width: 480px; }

#middle-nav .middle-nav-spacer { height: 15px; background: #4b4b4d; }
#banner { height: 178px; text-align: center; width: 750px; float: left; }
#middle-menu { float: right; width: 210px; }
#middle-menu h2 { text-transform: uppercase; margin: 18px 0 10px 0; font-size: 1.8em; line-height: 1.15em; }
#middle-menu a { color: white; text-decoration: none; }
#middle-menu a:hover { color: #4c4c4e; }

body #middle-nav .middle-nav-bg{ background-image: url(../images/middle_nav_back_yellow.gif); } 
body.green #middle-nav .middle-nav-bg{ background-image: url(../images/middle_nav_back_green.gif); } 
body.blue #middle-nav .middle-nav-bg{ background-image: url(../images/middle_nav_back_blue.gif); } 
body.red #middle-nav .middle-nav-bg{ background-image: url(../images/middle_nav_back_red.gif); } 

body.main-page .col_1 h3 { margin-bottom: 0.25em; }
body.main-page .col_1 p { margin-top: 0.25em; }

.hidden { visibility: hidden; }

span.arrow { background: url(../images/middle_menu_header.png) no-repeat center center; padding: 0 10px; }
a:hover span.arrow { background-image: url(../images/middle_menu_header_act.png); }

a.btn { color: #4c4c4e; text-decoration: none; display: block; font-size: 1.2em; text-align: center; max-width: 250px; }
a.btn .l { background: url(../images/btn_l.gif) no-repeat left top; display: block; }
a.btn .r { background: url(../images/btn_r.gif) no-repeat right top; height: 27px; display: block; }
a.btn .c { background: url(../images/btn_c.gif) repeat-x left top;  display: block; }
a.btn .label { padding: 3px 20px; display: block;  }

div.default-inner { width: 960px; margin: 0 auto; }
div.cl { clear:both; margin:0px !important; padding:0px !important; height: 0px; font-size: 0px; line-height: 0px; }

/* akcni nabidky */
div.action { width: 224px; float: left; margin-left: 14px; }
div.action .lt {  background: white url(../images/action_lt.gif) no-repeat left top; }
div.action .rt { background: url(../images/action_rt.gif) no-repeat right top; }
div.action .lb { background: url(../images/action_lb.gif) no-repeat left bottom; }
div.action .rb { padding: 0 10px; background: url(../images/action_rb.gif) no-repeat right bottom; }

div.action .price { background: url(../images/action_price.gif) no-repeat center center; height: 53px; width: 53px; margin-top: 5px; margin-left: -5px; }
div.action .price .inner { padding: 18px 8px; font-size: 0.9em; font-weight: bold; text-align: center; }
div.action .label { font-weight: bold; font-size: 1.1em; }
div.action .description { font-size: 1.1em; }
div.action .image { float: right; min-height: 168px; margin-top: 10px; margin-left: 5px; }
div.action .image img { display: block; }
div.action .info { padding-top: 10px; padding-left: 8px; padding-bottom: 5px;}

a.action-btn { color: #4c4c4e; text-decoration: none; display: block; font-size: 1.2em; }
a.action-btn .l { background: url(../images/action_btn_l.gif) no-repeat left top; display: block; }
a.action-btn .r { background: url(../images/action_btn_r.gif) no-repeat right top; height: 27px; display: block; }
a.action-btn .c { background: url(../images/action_btn_c.gif) repeat-x left top;  display: block; }
a.action-btn .label { padding: 3px 20px; display: block;  }

/*
a:hover.action-btn .l { background-image: url(../images/action_btn_l_act.gif); }
a:hover.action-btn .r { background-image: url(../images/action_btn_r_act.gif); }
a:hover.action-btn .c { background-image: url(../images/action_btn_c_act.gif); }
*/

/* menus */
ul.horizontal { margin: 0; }
ul.horizontal li { list-style: none url(); list-style-type: none;  list-style: none; list-style-position: outside; display: inline; }

ul.top-menu { margin-top: 25px; margin-right: 5px; }
ul.top-menu li a { font-size: 1.1em; color: #b0b1b3; text-decoration: none; }
ul.top-menu li a.active,
ul.top-menu li a:hover { color: #4c4c4e; }
ul.top-menu li .spacer { background: url(../images/top_menu_spacer.gif) no-repeat center center; padding: 0 9px; }

ul.middle-menu {  font-weight: bold; text-transform: uppercase; color: #4c4c4e; margin: 0 0 0 15px; list-style: none outside url(../images/middle_menu_bullet.png); }

ul.top-nav { text-transform: uppercase; }
	
ul.top-nav li a { 
	display: block;
	float: left; 
	text-decoration: none;
	width: 158px; 
	text-align: center;
	color: #4c4c4e;
	font-size: 1.4em;
	font-weight: bold; 
	font-family: Corbel, Tahoma, Arial, sans-serif;
	margin-right: 2px;
	cursor: pointer;
}
ul.top-nav li a.active,
ul.top-nav li a:hover {
	color: white;
}
ul.top-nav li a:hover { color: white; }

ul.top-nav li.last a { margin-right: 0; }

ul.top-nav li .green a.active,
ul.top-nav li .green a:hover {color: #a1bc30;}
ul.top-nav li .blue a.active,
ul.top-nav li .blue a:hover {color: #619ed3;}
ul.top-nav li .red a.active,
ul.top-nav li .red a:hover {color: #ef2525;}

ul.top-nav li a .l { background: url(../images/top_nav_l.gif) no-repeat left top; display: block;}
ul.top-nav li a .c { background: url(../images/top_nav_c.gif) repeat-x left top; display: block;}
ul.top-nav li a .r { height: 35px; background: url(../images/top_nav_r.gif) no-repeat right top; display: block;}
ul.top-nav li .label { padding: 8px; display: block; }

ul.top-nav li a.active .l,
ul.top-nav li a:hover .l { background-image: url(../images/top_nav_l_a.gif); }
ul.top-nav li a.active .c,
ul.top-nav li a:hover .c { background-image: url(../images/top_nav_c_a.gif); }
ul.top-nav li a.active .r,
ul.top-nav li a:hover .r { background-image: url(../images/top_nav_r_a.gif); }

ul.footer-menu { color: #b0b1b3; margin-top: 0px; }
ul.footer-menu a { color: #b0b1b3; text-decoration: none; }
ul.footer-menu a.active,
ul.footer-menu a:hover { color: #4c4c4e; }
ul.footer-menu li .spacer { padding: 0 5px;  }

/* news */
div.news-date { background: url(../images/news_date.gif) no-repeat top left; width: 50px; height: 62px; float: left; margin-right: 10px; margin-bottom: 10px; }
div.news-date .line1 { display: block; text-align: center; margin-top: 15px; }
div.news-date .line2 { display: block; text-align: center; margin-top: 5px;}
div.news-list-content { clear: both; margin: 10px 0; }
div.news-list-title { padding-top: 10px; }
div.news-item { margin-top: 25px; }
div.news-list-container { margin-bottom: 20px; }