/**
 * Main layout rules
 *
 * $Id: main.css 79 2009-02-05 08:20:42Z svoby $
 */

body { padding: 0 0 0; margin: 0 0; background: black; color: white; text-align: center; }
.spc:after, .cols:after, #perex:after, #crossroad div:after,  #images:after, #menu-maun:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	/* auto break */

/* Mother */
#mother { max-width: 1150px; min-width: 950px; margin: 0 auto; }
#mother .centred { width: 950px; margin: 0 auto; position: relative; text-align: left; }
h1 { width: 390px; }

/* Header */
#header { height: 339px; background: #333 url(img/header.png) repeat-x 0 0; color: black; border-bottom: 8px solid #FFCC7F; }
#header .centred { background: url(img/header-top.jpg) no-repeat 100% 0; min-height: 110px; _height: 110px; }
#header #logo { margin: 0; width: 222px; height: 60px; line-height: 60px; font-size: 20px; background: white; top: 24px; text-align: center; }
#header #claim { width: 950px; height: 140px; padding-top: 100px; margin: 0; color: white; background: url(img/claim-img.jpg) no-repeat 100% 0; font-size: 12px; position: absolute; top: 109px; }
#header #claim span { top: 77px; }

/* Main menu */
#menu-main  { position: absolute; top: -220px; left: 0; }
#menu-main a { padding: 0.5em 0 0.3em; float: left; text-decoration: none; font-size: 116%; font-weight: bold; color: white; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; border-bottom: 3px solid #444; _height: 1px; }
#menu-main a:hover, #menu-main a:active, #menu-main a:focus, #menu-main li.active a { border-bottom: 3px solid #FF3300; }
#menu-main li { float: left; padding-right: 17px; margin-right: 17px; _height: 1px; }
#menu-main ul { list-style: none; margin: 0; padding: 0; }
#menu-main ul ul { background: #D1D9DF; }
#menu-main ul ul a, #menu-main ul ul span { padding-left: 30px; border: none; }

/* Sub menu */
#menu-sub { margin-bottom: 3em; }
#menu-sub li { margin-bottom: 0.5em; font-size: 14px; font-weight: bold; }
#menu-sub ul ul li { margin-bottom: 0; font-size: 12px; }

/* Bread crumbs */
#menu-crumbs { width: 220px; float: right; margin: -4.2em 60px 0 0; _display: inline; font-size: 92%; text-align: right; }
#menu-crumbs strong { white-space: nowrap; }

/* Content */
#content { padding-bottom: 20px; min-height: 420px; background: white url(img/content.png) repeat-x 0 100%; color: #333; _height: 420px; }

/* Perex */
#perex { font-weight: bold; margin: 0 60px 2em 0; padding: 0 0 2em 0; border-bottom: 1px dashed #ddd; }
#perex p { margin: 0; padding: 0; }
#perex img { margin-bottom: 0; }

/* Footer */
#footer { padding-top: 1em; height: 135px; font-size: 92%; text-align: right; background: url(img/footer.png) repeat-x 0 0; color: #BDBDBD;  }
#footer a { color: #BDBDBD; }
#footer a:hover { color: #167FD1; }
#footer span { margin: 0 0 0 2.5em; }
#footer .l { width: 80%; height: 2em; line-height: 2em; text-align: left; }
#footer .r a { text-decoration: none; }

/* Columns */
.col-abc { width: 672px; float: left; }
.col-abc .spc { padding: 0 60px 20px 0; }
.col-ab { width: 448px; float: left; }
.col-cd { width: 487px; float: right; padding-left: 15px; }
.col-a, .col-b, .col-c { padding: 0 15px; width: 194px; float: left; }
.col-a { padding: 0 14px 15px 0; width: 210px; }
.col-d { width: 278px; float: right; min-height: 233px; background:url(img/col-shadow-dark.jpg) no-repeat 0 0; _height: 233px; }
.col-d .spc { padding: 35px 0 10px 40px; }
.col-d ul { margin: 0 0 0 18px; padding: 0; }

/* Crossroad */
#crossroad img { float: left; margin: 0 20px 20px 0; }
#crossroad .no-image { padding-left: 178px; }
#crossroad .news { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; _height: 1px; min-height: 1px; }
#crossroad .more { margin: 0; }

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

/* Homepage */
#home-crossroad { margin-bottom: 20px; font-weight: bold; }
#home-crossroad h2 { margin-top: 25px; font-weight: bold; }
#home-crossroad .col-b, .col-c { min-height: 225px; background:url(img/col-shadow.png) no-repeat 0 0; _height: 225px; }
#home-crossroad ul { margin-let: 18px; padding: 0; }
#home-crossroad ul a { color: #222; }
#home-crossroad ul a:hover { color: #FF3300; }

/* Homepage - news */
#news { margin-bottom: 1.5em; }
#news h2.hl { color: #FF3300; border-color: #FF3300; }
#news h3 { font-size: 100%; }
#news h3 span { font-weight: normal; font-size: 80%; color: #167FD1; }
#news h4 { font-size: 100%; }
#news p { line-height: 1.4em; margin-bottom: 0.4em; text-align: justify; }
#news p.more { text-align: left; }
#news img { margin: 0.5em 0; }
#news .col-b { padding-right: 0; }
#news .date { color: #aaa; font-size: 92%; margin: -0.5em 0 1em 0; }

/* Homepage - about */
#about h2.hl { color: #006699; border-color: #006699; }
#about h2.hl a { color: #006699; text-decoration: none; }
#about h2.hl a:hover { color: black; }

/* Image replacement (+ span) and buttons */
#logo span { width: 222px; height: 60px; background-image: url(img/logo-telconnect.png); }
#claim span { width: 360px; height: 110px; background-image: url(img/claim-text.jpg); }
#komunikacni-systemy { font-size: 16px; font-weight: bold; background-image: url(img/button-red.png); background-color: #FF3807; }
#voip { background-image: url(img/button-green.png); background-color: #60BF60;  }
#devices { background-image: url(img/button-blue.png); background-color: #3366CC;  }

/* Box */
.box { padding: 15px; background: #CDCDCD url(img/box.png); text-align: justify;  }
.box p { margin: 0; }

/* Misc */
h2.btt { margin-bottom: 15px; font-size: 18px; background: #FF3807 no-repeat; }
h2.btt , h2.btt a { display: block; height: 50px; line-height: 44px; text-align: center; text-decoration: none; color: white; }
h2.btt a:hover { color: #eee; }
h2.hl { padding-bottom: 3px; font-size: 18px; font-weight: bold; color: #FF3300; border-bottom: 2px solid #333; }
h2.hl a:hover { color: black; }
h2 a.fake { color: #333; text-decoration: none; }
h2 a.fake:hover { color: black; text-decoration: underline; }
.no-screen { position: absolute; left: -2000px; top: -2000px; }
.files { margin: 0 0 1.6em 0; padding: 0; list-style: none; }
table.th-right th { text-align: right; }
ul p.center img { margin-top: 1.5em; }
.error, .notice, .success { margin-right: 60px; }