@charset "utf-8";
/*
	Subject: CZ Welding Main Stylesheet
	Author: Pavel Hamřík
	Author URI: http://www.hmd.cz
*/

	/* Eric Meyer's Reset Reloaded | http://meyerweb.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black;	background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* Main Stylesheet */
html {height:100%;}
body {background:#1e1e1e; text-align:center; font:13px "Trebuchet MS", Verdana, Geneva, sans-serif; line-height:18px; color:#4d4d4d; position:relative; min-height:100%;}

#logotype {width:156px; height:155px; position:absolute; top:0; left:18px; text-indent:-10000px;}
#logotype a {display:block; width:156px; height:155px; background:url(i/logotype.png) no-repeat 0 0;}
#logotype a:hover, #logotype a:focus {background-position:0 -155px;}

.wrapper {text-align:left; width:960px; margin:0 auto; position:relative;}
.cleaner{clear:both; line-height:1px; display:block; height:1px; overflow:hidden; visibility:hidden;}
.col-left, .col-right, .col-middle {width:280px; float:left; margin:0 20px;}

#header {height:170px; background:#f3f3f3 url(i/header-stripe.png) repeat-x;}

#menu {height:99px; position:absolute; top:2px; right:0;}
#menu li {float:right; width:164px; height:96px; font-size:18px; letter-spacing:-0.05em; text-align:center; border:1px solid #fff; border-width:0 0 0 1px; position:relative; top:3px;}
#menu li.last {border-width:0 1px;}
#menu li.active {height:99px; top:0; left:1px; border:none;}
#menu a, #menu span, #menu span span {width:164px; height:99px; display:block; text-decoration:none; color:#6a6a6a;}
#menu span span {padding-top:40px; height:59px;}
#menu a:hover span span, #menu a:focus span span, #menu li.active span span {color:#e30613;}
#menu li.active a {background:url(i/menu-flap-body.png) no-repeat 50% 0;}
#menu li.active span {background:url(i/menu-flap-left.png) no-repeat 0 0;}
#menu li.active span span {background:url(i/menu-flap-right.png) no-repeat 100% 0;}

#submenu {height:31px; position:absolute; top:121px; left:200px;}
#submenu li {width: 100px; text-align: center; /*height:31px;*/ float:left; font-size:15px; padding:1px 10px; margin:0 4px 0 0;}
#submenu li.active {
	background: url(i/submenu-stripe-ii.png);
	background-position: 100%;
}
#submenu a {color:#444; text-decoration:none;}
#submenu a:hover, #submenu a:focus {color:#e30613;}
#submenu li.active a {color:#fff;}

#highlight {background:#e30613 url(i/highlight-tile.png); border-top:1px solid #aa000a; border-bottom:1px solid #d60006; color:#fff; padding:25px 0 13px;}
#highlight h2 a {font:20px "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; margin-bottom:8px; text-decoration:none;}
#highlight h2 a:hover, #highlight h2 a:focus {color:#000;}
#highlight a:hover img, #highlight a:focus img {border-color:#000;}
#highlight img {max-width:278px; border:1px solid #fff;}

#main {background:#f6f6f6; padding:30px 0;}
.subpage #main {background:#f6f6f6 url(i/subpage-stripe.png) repeat-x;}

#content {background:#fff; border:1px solid #e4e4e4; padding:20px 0 8px; width:638px; float:left;}
#content .col-middle {margin-right:0;}
#content .col-middle h3 a {background:url(i/arrow-grey.png) no-repeat 100% 50%; color:#e30613; padding-right:15px; text-decoration:none;}
#content .col-middle h3 a:hover, #content .col-middle h3 a:focus {text-decoration:underline;}
.subpage #content {padding:20px 20px 8px; width:598px;}

#sidebar {float:right; width:280px; margin-right:20px; padding-top:20px;}
#sidebar li {margin-bottom:4px; background:url(i/arrow-red.png) no-repeat 0 50%; padding-left:18px;}
#sidebar a {color:#4d4d4d; text-decoration:none; font-size:14px;}
#sidebar a:hover, #sidebar a:focus {color:#e30613; text-decoration:underline;}
#sidebar li.highlight a {font-weight:bold;}
#sidebar li.detached {margin-top:22px;}

#footer {color:#fff; font-size:14px; padding-bottom:28px;}
#footer a {color:#ffee79; text-decoration:none;}
#footer a:hover, #footer a:focus {text-decoration:underline; background:none;}
#footer h2 {font-size:14px; font-weight:bold; color:#fff; padding-top:7px;}

#footer .top {background:url(i/footer-stripe.png) repeat-x; height:35px; color:#fff; font-size:14px; position:relative;}
#footer .top .wrapper {padding:7px 20px 0; width:920px;}
#footer #copyright {float:left; position:relative; top:-1px;}
#footer #copyright a {font-weight:bold; font-size:15px;}
#footer #menu-repeated {float:right; margin-right:80px;}
#footer #menu-repeated a {color:#fff; padding:0 10px;}
#footer #menu-repeated a.active {color:#ffee79; font-weight:bold;}
#footer a#to-the-top {color:#000; font:11px Tahoma, Geneva, sans-serif; text-decoration:none; position:absolute; right:20px; top:10px;}
#footer a#to-the-top:hover, #footer a#to-the-top:focus {color:#fff;}

#footer .bottom {padding:13px 0 20px;}
#footer ul {margin-left:38px;}
#footer .col-middle ul li {margin-bottom:4px; background:url(i/arrow-white.png) no-repeat 0 50%; padding-left:18px;}
#footer .detached {margin-top:8px;}
#footer .col-left h2, #footer .col-middle h2, #design-by {padding:7px 0 0 38px; background:url(i/footer-icons.png) no-repeat 0 0; height:28px;}
#footer #contact {margin-bottom:0;}
#footer #design-by {background-position:0 -35px; padding-top:11px; height:24px; margin-top:15px;}
#footer #downloads {background-position:0 -70px; margin-bottom:0;}
#footer #news-archive {background-position:0 -105px; padding-top:8px; height:27px; margin-top:15px;}
#footer #sitemap {background:url(i/sitemap-icon.gif) no-repeat 0 0; height:28px;}

#footer input, #footer textarea {background:#fefefe url(i/form-input.png) repeat-x; border:1px solid #fff; height:17px; padding:6px 10px; color:#000; width:113px;}
#footer #contact-form-name {margin-right:10px;}
#footer textarea {width:258px; height:46px;}
#footer input:hover, #footer input:focus, #footer textarea:hover, #footer textarea:focus {background:#fff; border-color:#ffee79;}
#footer #contact-form-submit {float:right; background:url(i/form-submit.png) repeat-x 0 0; height:31px; width:auto; font-weight:bold; color:#fff; border:none; font-size:14px;}
#footer #contact-form-submit:hover, #footer #contact-form-submit:focus {background-position:0 -31px; cursor:pointer;}

#bottom-stripe {background:url(i/background-stripe.png) repeat-x; width:100%; position:absolute; bottom:0; height:4px;}

a {color:#e30613; text-decoration:underline;}
p a:hover, p a:focus {background-color:#e30613; color:#fff; text-decoration:none;}
.external {background:url(i/external.png) no-repeat 100% 2px; padding-right:12px;}
p {margin-bottom:12px;}
p.date {font:11px Tahoma, Geneva, sans-serif; line-height:11px; position:relative; top:-3px; color:#999; margin-bottom:6px;}

h2 {font-size:20px; color:#4d4d4d; margin-bottom:8px;}
h3 {font-weight:bold; margin:16px 0 4px;}

#content ul {margin-bottom:12px;}
#content ul li {background:url(i/arrow-red.png) no-repeat 0 50%; padding-left:18px;}
#content ul .noarrow{background: none;}

input, textarea {font:13px "Trebuchet MS", Verdana, Geneva, sans-serif;}

table {width:100%; margin:4px 0 16px; border-collapse:collapse;}
table th {border:1px solid #e1e4e5; border-width:1px 0; background:#e8e8e8 url(i/table-stripe.png) repeat-x; font-size:14px; font-weight:bold; padding:5px 10px;}
table .even {background:#f3f6f7;}
table td {padding:6px 10px;}

.image-twin .left, .image-twin .right {max-height:290px; float:left; border-bottom:3px solid #e30613;}
.image-twin .right {float:right;}
.image-twin .left:hover, .image-twin .left:focus, .image-twin .right:hover, .image-twin .right:focus {border-color:#000;}