body {position: relative; margin: 0; padding: 0; background: #2e303b url('../images/background.png') top left repeat-x; color: #FFFFFF; font-size: 0.8em;}
body, input, select, textarea {font-family: Tahoma, Verdana, Geneva;}

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.clear {clear: both;}
/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; color: #e5a926; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
h1 {font-size: 2em; text-transform: uppercase;}
h2 {font-size: 3.4em; text-transform: uppercase; margin: 0 0 0.3em 0;}
h3 {font-size: 2.3em; margin: 0 0 0.3em;}
h4 {color: #426a09; font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; color: #000; font-weight: normal;}
p {margin: 0 0 0.5em; line-height: 1.6em}

/* link */
a {color: #e5a926;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* table */
div.table {width: 600px; _clear: both; margin: 0 0 0 1px; @margin-left: 0;}
th.section {background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }

/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; background: #FFF url('/system/images/bg_img.gif') center center no-repeat;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

hr {display: none;}
.noshow {display: none;}
.h3 {text-align: right; margin: 0.25em 0 0.85em 0;}

#main {position: relative; width: 998px; margin: 0 auto;}

#header {height: 132px; position: relative}
#header h1 {padding: 19px 0 0 0; margin: 0; float: left}
#header h1 a {display: block; width: 348px; height: 91px; background: url('../images/logo.gif') no-repeat; text-indent:-9999px;}     
#header .flash {float: left; width: 339px; height: 130px; margin: 0 0 0 10px; background: url('../images/flash.gif') 0 0 no-repeat;}
#header .label {background: url('../images/vypinac.gif') 0 0 no-repeat; height: 109px; right: -7px; position: absolute; top: 10px; width: 82px; cursor: pointer; cursor: hand;}
#header .off {background-position: 0px -109px;}
#header ul, #header li {margin: 0; padding: 0; list-style-type: none}
#header ul {float: right; position: relative; top: 45px; right: 109px }
#header li {float: left; margin: 0 0 0 12px}
#header li a {display: block; height: 36px; width: 80px; text-indent: -9999px}
#header li a:hover {background-position: -80px 0;}
#header li .e-shop {background: url('../images/ico-eshop.gif') top left no-repeat}
#header li .vyprodej {background: url('../images/ico-vyprodej.gif') top left no-repeat}
#header li .akce {background: url('../images/ico-akce.gif') top left no-repeat}

#menu {height: 104px;}
#menu ul, #menu li {margin: 0; padding: 0; list-style-type: none}
#menu ul {padding: 37px 0 0 1px;}
#menu li {float: left; margin: 0 3px 0 0; overflow: hidden;}
#menu li a, #menu li span {height: 36px; display: block; text-indent: -9999px; outline: none; overflow: hidden;}
#menu li a:hover, #menu li span.active, #menu li a.active {background-position: 0 -36px;}

#menu .home {width: 59px; background: url('../images/ico-uvod.gif') top left no-repeat}
#menu .o-firme {width: 80px; background: url('../images/ico-o-firme.gif') top left no-repeat}
#menu .produkty-a-sluzby {width: 159px; background: url('../images/ico-produkty-a-sluzby.gif') top left no-repeat}
#menu .cenik {width: 66px; background: url('../images/ico-cenik.gif') top left no-repeat}
#menu .vase-dotazy {width: 119px; background: url('../images/ico-vase-dotazy.gif') top left no-repeat}
#menu .fotogalerie {width: 109px; background: url('../images/ico-fotogalerie.gif') top left no-repeat}
#menu .reference {width: 103px; background: url('../images/ico-reference.gif') top left no-repeat}
#menu .kariera {width: 79px; background: url('../images/ico-kariera.gif') top left no-repeat}
#menu .kontakt {width: 98px; background: url('../images/ico-kontakty.gif') top left no-repeat}

#mapa {width: 266px; position: relative; height: 155px; background: url('../images/mapa.png') top left no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://argos.vytvor-to.cz/app/templates/argos/images/mapa.png', sizingMethod='scale');
_background: none;}
                            
#mapa a {background: url('../images/none.gif') top left no-repeat; width: 12px; height: 12px; display: block; position: absolute;}

#mapa .opava {top: 62px; left: 220px;}
#mapa .ostrava {top: 69px; left: 236px;}
#mapa .krnov {top: 54px; left: 209px;}
#mapa .jesenik {top: 46px; left: 193px;}
#mapa .vsetin {top: 98px; left: 227px;}
#mapa .praha {top: 57px; left: 87px;}
#mapa .pardubice {top: 60px; left: 139px;}



#content {background: url('../images/background-content.gif') top right repeat-y; width: 100%;}
#content .content-in {background: url('../images/background-content-top.gif') top left no-repeat;}
#content .content-in .content-in-in {min-height: 381px; height: auto !important; height: 381px; background: url('../images/background-content-bottom.gif') bottom left no-repeat;}

#left_content {float: left; width: 654px; padding: 30px 37px 60px 3px; overflow: hidden;}
#right_content {float: right; width: 264px; padding: 30px 20px 200px 20px; overflow: hidden; position: relative;}

#kalendar ul, #kalendar li {margin: 0; padding: 0; list-style-type: none; color: #FFF}
#kalendar li {font-size: 0.85em;}
#kalendar li a {color: #e5a926; font-weight: bold;}
#kalendar li p {padding: 0.2em 0 1.5em 0}

.office {display: none;}
.office table {width: 100%;}
.office table td {border-bottom: #666e95 1px dotted; white-space: nowrap; padding: 5px 5px 5px 0; vertical-align: top;}

#foot {font-size: 0.85em; font-weight: bold; padding: 37px 0}
#foot p {float: left; padding: 0; margin: 0; color: #8d91a3;}
#foot p a {color: #8d91a3;}
#foot ul, #foot li {margin: 0; padding: 0; list-style-type: none;}
#foot ul {float: right}
#foot li {float: left; padding: 0 0 0 10px; background: url('../images/separator-white.gif') bottom right no-repeat;}
#foot li a, #foot li span.active {text-decoration: underline; color: #8d91a3; padding: 0 10px 0 0;}
#foot li span.active {text-decoration: none}
#foot li a:hover {text-decoration: none}
#foot li.kontakt {background: none}
#foot li.kontakt a, #foot li.kontakt span.active {padding: 0}
              
.logos {margin: 20px auto; opacity: 0.3; filter: alpha(opacity=30);}
.logos li {margin: 0 20px;}

.hq {display: none; text-align: right; margin: 40px 0 0 0;}

#post_box {padding: 0;}                
#post_box li {font-size: 1.1em;}
#post_box .article_content .text p {font-size:1.1em;}

#contact_box .text, #contact_box textarea {border: 1px solid #4c4e59; background: #333642;}   

#gallery_box .gallery_thumb_img a {border: 2px solid #4c4e59; text-decoration: none; display: inline-block;} 
#gallery_box .gallery_thumb_img a:hover {border: 2px solid #e5a925;}
#gallery_box .gallery_thumbs .small {height: auto !important; width: auto !important;}