/*
 * Zakladni stylopis pro Ataxo Company
 * Pro doplnkove styly pouzivejte prednostne soubor ataxo-extended.css
 *
 */

html{font-size:13px;}

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, b, u, i, center,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-size:1em;vertical-align:baseline;background:transparent;}

table{border-collapse:collapse;border-spacing:0;}
body{font-family:Arial,sans-serif;line-height:1.4;color:#0f0f0f;background:#282828;text-align:center;}
a{color:#1e4f8a;}
a:hover{color:#31455d;}
a:visited{color:#31455d;}

h1{font-size:1.5em;margin-bottom:0.67em;}
h1 span.normal{font-weight:normal;}
h1.style2{color:#f37604;}
h2{font-size:1.23em;margin-bottom:0.81em;}
h3{font-size:1.08em;margin-bottom:0.93em;}
h4{font-size:1em;margin-bottom:1em;}
h5{font-size:0.85em;margin-bottom:1.18em;}
h6{font-size:0.69em;margin-bottom:1.44em;}

p, ul, ol, table{margin:0 0 1em;}
ul, ol{margin-left:1.5em;}
ul ul,ol ol{margin:0 0 0 1em;}
ol ol{margin-left:1.7em;}

img.decorated{border:1px solid #d0d0d0;}

.col1{float:left;width:180px;padding:0 8px 2em 0;}
.col1 h3{font-size:1em;}
.col2{float:right;width:754px;padding:0 0 2em 18px;background:url('colBorder1.gif') left top repeat-y;}
.hp .col1{padding:0 20px 4px 10px;width:621px;background:url('colBorder1.gif') right top repeat-y;}
.hp .col1 .borderBottom{margin-bottom:0;}
.hp .col1 .box1{margin-top:1.15em;margin-bottom:0;}
.hp .col1 .boxes1-2{margin-top:1.15em;margin-bottom:0;}
.hp .col1 .boxes1-2 .box1{margin-top:0;}
.hp .col2{padding-left:16px;width:293px;background:none;}

.crumbs{background:url('borderBottom.gif') left bottom repeat-x;padding-bottom:0.38em;}
.crumbs a{font-weight:bold;}

.contextNav{list-style-type:none;margin:0 0 1.5em;padding:0;}
.contextNav li{display:inline;}
.contextNav li a{display:block;line-height:26px;height:26px;background:url('contextNav-item.gif') left top no-repeat;text-decoration:none;font-weight:bold;color:#0f0f0f;padding:0 0.77em;}
.contextNav li a:hover{color:#0f0f0f;}
.contextNav li a.active{background-position:left bottom;}
.contextNav li.first a{background-image:url('contextNav-item-first.gif');}
.contextNav li.last a{background-image:url('contextNav-item-last.gif');}

.btn1{color:white;float:left;line-height:1.92em;background:#111 url('btn1-border-left.gif') left center no-repeat;padding-left:11px;font-size:0.92em;}
.btn1 span{display:block;height:inherit;padding-right:23px;background:url('btn1-border-right.gif') right center no-repeat;}

.btn2, .box1 p span{font-size:0.85em;display:inline-block;height:23px;line-height:23px;background:#292929 url('btn2.gif') left top no-repeat;}
#page .btn2 a,#page .box1 p span a{display:inline-block;height:23px;line-height:22px;vertical-align:top;text-decoration:none;color:white;padding:0 9px 0 7px;background:url('btn2-border-right.gif') right top no-repeat;}

.box1{width:300px;float:left;color:#383838;margin:0 21px 1em 0;background:#e1e1e1 url('box1.gif') center top no-repeat;}
.box1 .box-body{padding:10px 10px 0;}
.box1 .box-body h2{font-size:1.38em;margin-bottom:0.17em;;color:#0f0f0f;}
.box1 .box-bottom{height:2px;font-size:0;background:url('box1-bottom.gif') center bottom no-repeat;}

.boxes1-2{width:621px;background:url('boxes1-2.gif') left top no-repeat;position:relative;}
.boxes1-2-bottom{height:2px;background:url('boxes1-2-bottom.gif') left bottom no-repeat;}
.boxes1-2 .box1{background:none;}
.boxes1-2 .box1 .box-body{padding-bottom:3.23em;}
.boxes1-2 .box1 .box-bottom{display:none;}
.boxes1-2 .box1 .box-body{padding-bottom:3.23em;}
.boxes1-2 .box1 p span{position:absolute;bottom:1.38em;}

.slogan{color:#f37604;font-size:1.62em;line-height:1.2;padding-bottom:1em;}
.history h2{font-size:1.5em;font-weight:normal;margin-bottom:0;}

.newsItem{margin-bottom:1em;margin-left:125px;float:left;position:relative;display:inline;}
.newsItem .title{font-size:1.08em;margin-bottom:0.071em;}
.newsItem .date{margin:0;font-size:0.85em;font-weight:bold;}
.newsItem img{border:1px solid #c2c2c2;position:absolute;left:-125px;top:0;}

.hp .newsItem{margin-left:0;}
.why-ataxo{width:172px;height:137px;background:url('why-ataxo.gif') center center no-repeat;color:white;font-size:24px;text-align:center;padding-top:15px;}
.narrower{width:82%;}

.frm1{width:450px;}
.frm1 p{margin-bottom:0.46em;}
.frm1 label{cursor:pointer;}
.frm1 .col{float:left;width:50%;}
.frm1 .col label{display:block;float:left;width:23%;}
.frm1 .col .text{width:65%;}
.frm1 .text,.frm1 .textarea{border:1px solid #ccc;padding:3px;font-family:Arial,sans-serif;font-size:1em;}
.frm1 .textarea{width:94%;}

.hidden{display:none;}
.bottom{margin-bottom:0;}
.borderBottom{background:url('borderBottom.gif') left bottom repeat-x;margin-bottom:0.67em;}
.left{float:left;}
.right{float:right;}
.louder{font-size:116.67%;line-height:1.2;}
.text-center{text-align:center;}
.cleaner{clear:both;font-size:0;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
*:first-child+html .clearfix{zoom:1;}

.last{margin-right:0;}

#introduction{color:white;padding-top:0.08em;height:2em;z-index:10;}
#introduction .langs{float:right;padding-top:0.23em;}
#introduction .langs a{color:white;position:relative;top:0.15em;padding:0 0.4ex;}

#introduction .divisions{margin:1px 0 0;padding:0;list-style-type:none;}
#introduction .divisions .btn1{width:102px;}
#introduction .divisions li:hover ul{visibility:visible;}
#introduction .divisions ul{list-style-type:none;margin:-2px 0 0;padding:0;position:absolute;left:0;z-index:10;visibility:hidden;}
#introduction .divisions ul li{display:inline;}
#introduction .divisions ul li a{display:block;width:106px;color:white;background:#111;text-decoration:none;border-bottom:1px solid #1d1d1d;padding:0 10px;}
#introduction .divisions ul li.first a{background:#111 url('divisions-top.gif') left top no-repeat;padding-top:7px;}
#introduction .divisions ul li.last  a{background:#111 url('divisions-bottom.gif') left bottom no-repeat;padding-bottom:3px;border-bottom:none;}
#introduction .divisions ul li a:hover{background-color:#292929;}

#page{background:#d3d3d3 url('page.png') center top no-repeat;border-bottom:1px solid #f2a626;margin-bottom:1em;}
#introduction .inner,#page .inner,#footer{width:960px;margin:0 auto;position:relative;text-align:left;}
#introduction .inner {z-index: 1;}

#header{height:365px; position:relative;}

#siteLogo{display:inline;float:left;margin:15px 0 0 4px;padding:0;}
#siteLogo a{display:block;width:625px;height:52px;background:url('siteLogo.gif') left top no-repeat;}
#siteLogo a strong,#siteLogo a span{display:none;}

#header .search{float:right;display:inline;margin:36px 10px;}
#header .search input.text{background:#e8e8e8;border:none;border-top:1px solid #dcdcdc;border-right:1px solid #f2f2f2;padding:0.23em 0.46em;vertical-align:top;}

#globalNav{position:absolute;top:301px;left:0;width:960px;height:48px;background:#2a2a2a url('globalNav.gif') center center no-repeat;list-style-type:none;margin:0;}
#globalNav li{float:left;height:40px;background:url('globalNav-separator.gif') right top no-repeat;padding-right:2px;}
#globalNav li a,#globalNav li span{color:white;text-transform:uppercase;font-weight:bold;display:block;float:left;height:40px;line-height:36px;padding:0 1.38em;text-decoration:none;background:url('globalNav-item.gif') center top no-repeat;}
#globalNav li a:hover{background-position:center center;}
#globalNav li .active,#globalNav li .active:hover{color:#f39108;background-position:center bottom;}
#globalNav li.first a,#globalNav li.first span{background:url('globalNav-item-first.gif') left top no-repeat;}
#globalNav li.first a:hover{background-position:left center;}
#globalNav li.first .active,#globalNav li.first .active:hover{background-position:left bottom;}

#footer{color:#a0a0a0;}
#footer a{color:#f37604;}
#footer .inlineLinks a{padding:0 0.38em;}
#footer .ataxoLogo{padding:0 120px 15px 0;background:url('logo-ataxo.gif') right top no-repeat;}

.banner{ position:absolute; left:0; top:81px;}