@import "reset.css";

body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; background:#fff; color:#666666; line-height:1.4em; text-align:center; }
p { padding:0; margin:0 0 6px 0; }
a { color:#ff6600; text-decoration:underline; outline:none; }
a:hover { color:#8cc63f; text-decoration:none; }

/* h1 { color:#8cc63f; font-size:1.3em; font-weight:bold; margin:0 0 8px 0 } */
h1 { font-weight:bold; color:#000; font-size:1.2em; background:url(/design/bg-title-03.gif) no-repeat; line-height:30px; padding:0 10px; margin:0 0 8px 0;}
/* h2 { font-weight:bold; color:#000; font-size:1.2em; background:url(/design/bg-title-03.gif) no-repeat; line-height:30px; padding:0 10px; margin:0 0 8px 0;} */
/* h2 { color:#73A533; font-weight:bold;} */
/* GLOBAL
------------------------------*/
input { vertical-align:middle; border:1px solid #d4d6d7; padding:2px 1px; }
textarea { vertical-align:middle; border:1px solid #d4d6d7; padding:2px 1px; }

.noscreen { display:none; }
.nobr { border:none !important; }
.nom { margin:0 !important; }
.margin { margin:0 10px; }

.mt-5 { margin-top:5px !important; }
.mt-100 { margin-top:60px !important; }
.w-100p { width:97%; }

.upper { text-transform:uppercase; }

.normal { font-size:1em !important; }
.big { font-size:1.1em !important; }
.small { font-size:0.9em !important; }
.smaller { font-size:0.7em !important; }

.f-left { float:left; }
.f-right { float:right; }

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

.btn-submit { border:none; background:url(/design/bg-input.gif) no-repeat; width:91px; height:20px; text-align:left; font-size:0.85em; padding:0 0 2px 4px; cursor:pointer; }
.btn-half { width:35px; margin-left:5px; }

.title-01 { font-weight:bold; font-size:1.3em; }
.title-02 { font-weight:bold; color:#ff6600; }
.title-03 { font-weight:bold; color:#000; font-size:1.2em; background:url(/design/bg-title-03.gif) no-repeat; line-height:30px; padding:0 10px; }
.title-04 { font-weight:bold; color:#73a533; }
.title-05 { font-weight:bold; color:#73a533; font-size:1.4em; }

.reference { margin-top:10px; }

/* LAYOUT
------------------------------*/
#all { position:relative; width:950px; padding:0 10px; margin:0 auto; text-align:left; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; }
#container { width:950px; position:relative; padding-top:210px; }
.clean { clear:both; width:100%; font-size:1px; height:10px; }

.banner { position:absolute; top:0; left:0; width:950px; height:200px; overflow:hidden; }

/* TOP
------------------------------*/
#top { width:100%; height:68px; /*background:url(/design/bg-top.gif) repeat-x;*/ }
#top p.logo a { display:block; position:relative; width:390px; height:68px; left:0; top:0; text-align:center; font-size:2em; text-indent:-9999px; background:url(/design/hubnuti-logo.gif) 0 0 no-repeat; }
#top p.logo a span { width:390px; height:68px; display:block; position:absolute; left:0; top:0; z-index:1; cursor:pointer; background:#fff url(/design/hubnuti-logo.gif) 0 0 no-repeat; }

ul.lang { position:absolute; right:10px; height:24px; top:20px; list-style:none; font-size:1.1em; }
/* ul.lang li { list-style:none; float:left; height:24px; line-height:24px; width:6.8em; } */
ul.lang li { list-style:none; float:left; height:24px; line-height:24px; padding:0 0 0 20px; }
ul.lang li a { height:24px; display:block; padding-right:20px; color:#b3b3b3; text-decoration:none; font-weight:bold; text-align:right; background:url(/design/bg-lang.gif) 100% 53% no-repeat; }
ul.lang li a:hover, ul.lang li.active a { color:#666666; text-decoration:none; background:url(/design/bg-lang-hover.gif) 100% 53% no-repeat; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:200px; overflow:hidden; padding-bottom:10px; }
#sidebar ul.menu { list-style:none; width:200px; }
#sidebar ul.menu li { list-style:none; width:200px; }
#sidebar ul.menu li a { width:200px; display:block; background:url(/design/bg-sidebar-li.gif) 0 100% repeat-x; padding:3px 0; color:#ff6600; text-decoration:none; font-weight:bold; }
#sidebar ul.menu li a:hover, #sidebar ul.menu li.active a { color:#808080; text-decoration:none; }
#sidebar ul.menu li.sep { border-bottom:1px solid #8cc63f; }
#sidebar ul.menu li.sep a { background:none; padding:1px 0 2px 0; }

#sidebar ul.menu ul { background:url(/design/bg-sidebar-li.gif) 0 100% repeat-x; padding:4px 0; }
#sidebar ul.menu ul li a, #sidebar ul.menu li.active ul li a { width:175px; background:none; padding:0 0 0 25px; font-weight:normal; color:#ff6600; }
#sidebar ul.menu ul li a:hover, #sidebar ul.menu li.active ul li a:hover, #sidebar ul.menu li.active ul li.active a { color:#808080; text-decoration:none; }

/* CONTENT
------------------------------*/	
#content { width:716px; float:right; border:1px dotted #999999; padding:11px; margin-bottom:10px;}
.odsazeni { margin-top:110px; }
.odsazeni-abc { margin-top:3em; }
#content-left { width:500px; float:left; padding-right:10px; overflow:hidden; text-align:left;}
/*
#content-left { width:500px; float:left; }
#content-left { text-align:justify; }
*/
#content-right { width:200px; float:right; }
/* #content h2 { font-size:1.7em; color:#0687ad; text-transform:uppercase; font-weight:normal; padding:0; margin:15px 0 10px 0; } */
#content h2 { color:#73A533; font-weight:bold;margin:0 0 6px;padding:0;}
#content ul { margin:0; padding:0 0 5px 23px; list-style:disc; }
#content ul li { padding:0 0 0 2px; font-size:1em; }
#content ol { margin:0 0 5px 25px; padding:0; list-style:decimal; }
#content ol li { margin:0; padding:0; font-size:1em; }


table { border-collapse:collapse; }
table td { padding:3px 4px; }
table th { font-weight:bold; background-color:#efefef; border-bottom:1px solid #999999; border-right:0; padding:3px 5px; text-align:left; }

/* REFERENCE
------------------------------*/  
.ref-title { background:url(/design/bg-reference.gif) no-repeat; height:30px; width:510px; line-height:30px; }
.ref-title p { float:left; width:146px; padding:0 15px 0 9px; color:#000; margin:0; font-weight:bold; font-size:0.9em; }

.ref-box { background:url(/design/bg-ref-box.gif) 0 100% no-repeat; width:510px; overflow:hidden; margin-top:3px; padding:4px 0 9px 0; clear:both; }
.ref { float:left; width:142px; padding:0 19px 0 9px; }
.ref p { margin:0; }
.ref img { margin:5px 0 0 0; }
.ref-1 { color:#8dc63f; }
.ref-2 { color:#ed1c24; }
.ref-3 { color:#008fd4; }

.ref-vice { height:20px; width:510px; line-height:20px; }
.ref-vice a {background:url(/design/bg-input.gif) no-repeat; float:left; width:82px; padding:0 0 0 9px; color:#000; margin:0; font-size:0.8em; text-decoration:none; margin:0 79px 0 0; color:#000; display:block; }
.ref-vice a:hover { text-decoration:underline; color:#000; }

/* ZKUSENOST
------------------------------*/  
.zkusenost { background:url(/design/bg-zkusenost.gif) 0 100% no-repeat; width:370px; padding:10px 134px 5px 0; position:relative; }
.zkusenost-bez-buttonu { background:url(/design/bg-zkusenost.gif) 0 100% no-repeat; width:490px; padding:10px 134px 5px 0; position:relative; }
.prvni { width:225px; padding:5px 279px 10px 0; } 
.jmeno { font-weight:bold; text-transform:uppercase; color:#808080; }
.jmeno .kolik { padding-left:10px; }
.kolik, .jmeno .kolik { font-weight:bold; color:#8dc63f; text-transform:none !important; }
.vice-zkusenost { background:url(/design/bg-input.gif) no-repeat; height:20px; line-height:20px; width:82px; padding:0 0 0 9px; color:#000; margin:0; font-size:0.8em; text-decoration:none; color:#000; display:block; position:absolute; bottom: 15px; right:14px; }
.vice-zkusenost:hover { text-decoration:underline; color:#000; }
.zkusenost-image { position:absolute; top:0; right:0; background:url(/design/bg-zkusenost-image.gif); width:258px; height:129px; }
.zkusenost img { padding:10px; float:left; }

/* OBJEDNAT
------------------------------*/  
.objednat {background:url(../design/objednat.png) 2px 0 no-repeat; width:506px; height:53px; padding-top:28px; overflow:hidden;}
.objednat a { display:block; padding:0 0 0 8px; width:160px; height:53px; background:url(../design/bg-objednat-button.png) 0 0 no-repeat; float:left; line-height:53px; color:#000; text-decoration:none; overflow:hidden; }
.objednat a:hover { background:url(../design/bg-objednat-button.png) 0 -53px no-repeat; color:#000; text-decoration:underline; }


/* FOOTER
------------------------------*/
#footer { width:100%; color:#ff6600; position:relative; clear:both; border-top:1px solid #8cc63f; }
#footer a { color:#ff6600; text-decoration:none; font-weight:normal; }
#footer a:hover { color:#ff6600; text-decoration:underline; }
#footer p { margin:10px 0; text-align:center; }
#footer p.copyright { clear:both; width:100%; text-align:center; color:#666666; margin-bottom:0; }
#footer p.copyright a, #footer p.copyright a:hover { color:#666666; }
#footer p.tipy { margin:4px 0 0 0; padding-bottom:30px; width:100%; text-align:center; color:#666666; font-size:0.9em; }
#footer p.tipy a, #footer p.tipy a:hover { color:#666666; }

/* VELKE BUTTONY
------------------------------*/
#velke-buttony { width:740px; height:110px; position:absolute; top:210px; right:0; }
.button-big { background:url(/design/bg-big-button.gif) no-repeat; width:365px; height:100px; display:block; position:relative; background:url(/design/bg-big-button.png) 0 0 no-repeat; }
.button-big a { width:365px; height:100px; display:block; text-decoration:none; cursor:pointer; background:#c2c3c5 url(/design/bg-big-button.png) 0 0 no-repeat; } 
.button-big a:hover { background:#97999c url(/design/bg-big-button.png) 0 100% no-repeat; }
.button-big a .nadpis { color:#fff; position:relative; width:339px; padding:0 13px; height:30px; line-height:31px; display:block; font-size:1.3em; font-weight:bold; cursor:pointer; }
.button-big a .text { color:#333; position:relative; width:234px; padding:14px 13px 0 13px; display:block; font-size:1.2em; font-weight:bold; cursor:pointer; line-height:1.5em; }
.button-big a .vice { color:#fff; position:absolute; top:48px; right:5px; width:108px; height:51px; text-align:center; display:block; font-size:0.85em; font-weight:bold; cursor:pointer; }

/* ROUNDED BOX
------------------------------*/
.round-box { background:url(/design/round-top.gif) 0 0 no-repeat; padding-top:9px; margin-top:10px; }
.round { padding:0 15px 9px 15px; background:url(/design/round-box.gif) 0 100% no-repeat; }
.round table {  }
.round table td { padding:2px 0;  }
.round .box-nadpis { font-size:0.9em; font-weight:bold; text-transform:uppercase; color:#8dc63f; }
#content-right .round { padding:0 10px 9px 10px; }

/* ABC
------------------------------*/
.abc { position:absolute; top:210px; width:738px; border:1px dotted #999999; border-bottom:0; height:3em; right:0; }
.abc ul { list-style:none; padding:0 7px !important; line-height:3em; margin:0 !important; }
.abc ul li { list-style:none; float:left; }
.abc ul li a { font-size:1.25em; color:#ff6600; text-decoration:none; font-weight:bold; padding:0 5px; }
.abc ul li a:hover, .abc ul li.active a { color:#808080; text-decoration:none; }

/* VYBER LEVY SLOUPEC
------------------------------*/
ul.vyber { list-style:none; margin:35px 0; }
ul.vyber li { list-style:none; }
ul.vyber li a { color:#ff6600; text-decoration:none; }
ul.vyber li a:hover, ul.vyber li.active a { color:#808080; text-decoration:none; }

/* JQUERY - rozbalovaci text
------------------------------*/
.jquery { width:241px; margin:0; position:relative; }
.jquery a { font-weight:bold; font-size:1em; color:#ff6600; background:url(/design/bg-sidebar-li.gif) 0 100% repeat-x; padding:4px 0; text-decoration:none; display:block; }
.jquery a span { display:none; }
.jquery-content { background:url(/design/bg-sidebar-li.gif) 0 100% repeat-x; position:relative; }
.jquery-content p { margin:0; padding:7px 0; }
.zavrit { position:absolute; right:0; width:80px; text-align:right; padding:0 10px 0 0; background:url(/design/bg-zavrit.gif) 100% 50% no-repeat; text-decoration:none; color:#ff6600; }

/* Tlacitko objednat v textu
------------------------------*/
.button {  height:96px; width:245px; position:relative; margin-bottom:10px; }
.button a { background:#dc5d1e url(/design/bg-button.jpg) 0 0 no-repeat; display:block; width:100%; height:100%; text-decoration:none; }
.button a:hover { background: #dc5d1e url(/design/bg-button.jpg) 0 99% no-repeat;}
.button .nadpis { color:#fff; position:relative; width:145px; padding:11px 10px 0 10px; height:41px; line-height:41px; display:block; font-size:1.25em; font-weight:bold; cursor:pointer; }
.button .text { color:#fff; position:relative; width:220px; padding:2px 10px 0 10px; line-height:37px; display:block; font-size:1em; font-weight:bold; cursor:pointer; }

/* Tlacitko v abecede
------------------------------*/
.button-mini { height:100px; width:160px; position:relative; float:left; }
.button-mini a { background:#c2c4c5 url(/design/bg-button-mini.png) 0 0 no-repeat; display:block; width:100%; height:100%; text-decoration:none; }
.button-mini a:hover { background:#97999c url(/design/bg-button-mini.png) 0 100% no-repeat; height:100px; width:160px; position:relative; float:left; }
.button-mini .nadpis { color:#fff; position:relative; width:140px; padding:0 10px; height:30px; line-height:30px; display:block; font-size:1.25em; font-weight:bold; cursor:pointer; }
.button-mini .text { color:#080808; position:relative; width:140px; padding:2px 10px 0 10px; line-height:68px; display:block; font-size:1em; font-weight:bold; cursor:pointer; }

/* CLEARFIX
------------------------------*/
.clearfix:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }