/* mcsplus.cz - layout rules */

body { padding: 0; margin: 0; background: #E4E4E4 url(img/body.jpg) repeat-x 0 0; color: white; text-align: center; }
form, fieldset { margin: 0; padding: 0; border: none; }
form p { margin: 0 0 0.5em; }
input, select, textarea { vertical-align: middle; margin: 0 0 0.1em 0; font: 100% sans-serif; }
hr { display: none; }
.menu { margin: 0; padding: 0; list-style: none; }	/* simlpe list */
.menu a { text-decoration: none; }
.cols:after, .spc:after, #top-menu:after, #gallery p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	/* auto break */

/* mother */
#mother { width: 960px; padding: 0 5px 5px; margin: 0 auto; background: white url(img/mother.png) repeat-y 0 0; text-align:left; }

/* header */
#header { height: 130px; background: url(img/header.jpg) no-repeat 50% 0; }
#logo { margin: 0; position: relative; top: 28px; left: 10px; }
#logo img { padding: 0; border: none; }

/* top menu */
#top-menu { padding-left: 185px; font-size: 92%; font-weight: bold; background: #A20000 url(img/top-menu-2.png) repeat-y 50% 50%; }
#top-menu p, #top-menu ul, #top-menu a { margin: 0; height: 2.9em; line-height: 2.9em; display: inline; }
#top-menu p { margin-left: 20px; padding-left: 15px; width: 165px; float: left; display: block; background: #9F3D00 url(img/shops.png) no-repeat 0 0; }
#top-menu li { float: left; }
#top-menu a { width: 198px; display: block; float: left; color: white;  border-left: 1px solid #44365F; border-right: 1px solid #7EACD6; text-align: center; font-weight: bold; font-size: 14px; }
#top-menu a:hover { color: black; }
#top-menu .first a { border-left: none; }
#top-menu .last a { border-right: none; }

/* main menu */
#main-menu { padding-bottom: 6em; background: #AC0000; }
#main-menu li { border-bottom: 1px solid #CC0000; }
#main-menu li.first a { padding-top: 0.7em; background-image: url(img/menu-main-top.gif); }
#main-menu a { padding: 0.5em 20px; display: block; background: no-repeat 0 0; color: white; }
#main-menu a:hover, #main-menu a.active { background-color: #CC0000; }

/* footer */
#footer { margin: 0; padding: 1.6em 20px 0.8em; font-size: 92%; background: #FF0000 url(img/footer-top.png) no-repeat 0 0; color: white; }
#footer span { float: left; }
#footer a { color: white; text-decoration:none; }
#footer a:hover { text-decoration: underline; }

/* cols */
#col-left{ float: left; width: 200px; }
#col-right { float: right; width: 755px; }

/* table column */
table.column-table, table.column-table td { background:none; border: none; }

/* content */
#content { background: white url(img/content.png) repeat-y 0 0; color: #333; border-top: 5px solid white; }

/* search */
#search { padding: 1.2em 0 1.2em 20px; background: #FF0000 url(img/search-top.png) no-repeat 0 0; color: white; }
#search label { text-transform: uppercase; font-weight: bold; font-size: 92%; }
#search input { width: 100px; }
#search p { margin: 0; }

/* banner images*/
#ban-imgs { padding: 20px 8px; text-align: center; background: #C3C3C3 url(img/ban-imgs.png) no-repeat 0 0; }
#ban-imgs img { padding: 0; border: none; }

/* cross */
#crossroad img { float: left; margin-left: -190px;  }
#crossroad h3, #crossroad p { margin-bottom: 0; margin-left: 190px; }
#crossroad h3 { clear: left; padding: 30px 0 10px; }
#crossroad h3.first { padding-top: 0; }
#crossroad .no-image h3, #crossroad .no-image p { margin-left: 0; }

/* catalog */
#catalog { padding-top: 1em; font-weight: bold; text-transform: uppercase; }

/* news */
#services { padding: 20px 0; margin-bottom: 30px; border-bottom: 1px dotted #ddd; }

/* gallery */
#gallery { margin-right: -20px; }
#gallery a { display: block; width: 170px; padding: 4px; height: 148px; float: left; margin: 20px; margin-top: 0; margin-left: 0; font-size: 92%; text-decoration: none; border: 1px solid #ddd; text-align: center; }
#gallery img { display: block; margin: 0 auto 3px auto; border: 1px solid #ddd; padding: 1px; }

/* perex */
#perex { margin-bottom: 2em; font-weight: bold; }
#perex p { margin: 0; }