/* *************************************************************************************************
 *
 *  resety | glwrapperni definice
 *   
 * ************************************************************************************************* */

a img, address, applet, area, blockquote, body, caption, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, img, legend, li, map, object, ol, p, param, pre, small, sub, sup, table, td, th, tr, ul {border:0;margin:0;padding:0;text-indent:0;font-size:100%;}
sub, sup {line-height:1;font-size:60%;}

table  {border-collapse:collapse;border-spacing:0;}
td, th {vertical-align:top;}
address {font-style:normal;}
.cleaner {clear:both;font-size:0;height:1px;display:block;}
.hidden {display:none;}

.required, .red {color:red;}
.green {color:green;}

.float-left {float:left;}
.float-right {float:right;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.italic {font-style:italic;}
.bold {font-weight:bold;}

:focus {outline:0;}
::selection {background:#fdffbf;}
::-moz-selection {background:#fdffbf;}

a {color:#ff7700;}
a:hover {text-decoration:none;background:#ff7700;color:#FFFFFF;}
a:active {text-decoration:none;background:#877d7d;color:#FFFFFF;}

h1 {font-size:24px;line-height:36px;}
h2 {font-size:18px;line-height:24px;}
h3 {font-size:16px;}
h4 {font-size:13px;}
h1,h2,h3,h4 {font-weight:normal;color:#ff7700;}
h1,h2,h3,h4 {padding-left:20px;}

small {font-size:90%;}

form {padding-left:20px;}
#content form p {padding:18px 0 18px 0;}
form label {float:left;display:block;width:150px;line-height:26px;font-style:italic;margin-bottom:9px;color:#877d7d;font-family:Georgia;font-size:18px;margin-top:2px;}
form input {margin-bottom:2px;margin-top:2px;margin-bottom:9px;}
form input.text {background:#f6f6f6;border:1px solid #aaa;height:20px;width:170px;line-height:24px;font-size:18px;color:#877d7d;padding:2px 5px;font-family:Tahoma;}
form textarea {background:#f6f6f6;border:1px solid #aaa;margin-bottom:2px;margin-top:2px;width:300px;height:160px;color:#1B1B1B;font-size:13px;padding:2px 5px;width:360px;font-family:Tahoma;}
form br {clear:both;height:1px;width:auto;display:block;}
form {margin:10px 10px 0 0;}
form input.submit {cursor:pointer;border:0;background:#ff7700;line-height:36px;color:#FFFFFF;text-align:center;width:150px;height:36px;font-style:italic;font-family:Georgia;font-size:18px;margin-top:18px;}

#pravy textarea, #pravy input.text {float:left;}

#wrapper p, #wrapper, #wrapper ul, #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper table, #wrapper form  {margin-bottom:18px;}
#wrapper ol, #wrapper ul {margin-left:46px;margin-bottom:36px;}

/* *************************************************************************************************
 *
 *  rozvrzeni stranky
 *   
 * ************************************************************************************************* */

body {background:url(../images/background.png) repeat-x #FFFFFF;font-family:Tahoma;font-size:13px;color:#1B1B1B;line-height:18px;behavior:url(hover.htc);}
#wrapper {width:960px;margin:0 auto;}

ul#header {list-style:none;text-align:center;height:117px;overflow:hidden;padding:0;margin:0;} 
ul#header li {float:left;display:block;overflow:hidden;}
ul#header li a {display:block;height:0;padding-top:117px;background:url(../images/menu.png) no-repeat;font-size:18px;color:#1B1B1B;text-decoration:none;cursor:pointer;}
ul#header #home {width:195px;}
ul#header #home:hover {background-position:0 -117px;}
ul#header #home.active {background-position:0 -234px;}
ul#header #sortiment {width:110px;background-position:-195px 0;}
ul#header #sortiment:hover {background-position:-195px -117px;}
ul#header #sortiment.active {background-position:-195px -234px;}
ul#header #spinning {width:95px;background-position:-305px 0;}
ul#header #spinning:hover {background-position:-305px -117px;}
ul#header #spinning.active {background-position:-305px -234px;}
ul#header #servis {width:75px;background-position:-400px 0;}
ul#header #servis:hover {background-position:-400px -117px;}
ul#header #servis.active {background-position:-400px -234px;}
ul#header #bg-fit {width:75px;background-position:-475px 0;}
ul#header #bg-fit:hover {background-position:-475px -117px;}
ul#header #bg-fit.active {background-position:-475px -234px;}
ul#header #testovanie {width:165px;background-position:-550px 0;}
ul#header #testovanie:hover {background-position:-550px -117px;}
ul#header #testovanie.active {background-position:-550px -234px;}
ul#header #cykloturistika {width:140px;background-position:-715px 0;}
ul#header #cykloturistika:hover {background-position:-715px -117px;}
ul#header #cykloturistika.active {background-position:-715px -234px;}
ul#header #kontakt {width:105px;background-position:-855px 0;}
ul#header #kontakt:hover {background-position:-855px -117px;}
ul#header #kontakt.active {background-position:-855px -234px;}

#banner {margin-bottom:36px;}
.box {float:left;width:300px;}
#mapa {width:600px;height:300px;margin:0 0 36px 20px}

#content {width:620px;float:left;padding:0 10px 36px 10px;}
#content .intro {font-size:18px;font-style:italic;font-family:Georgia;line-height:24px;color:#877d7d;}
#content .intro a {color:#877d7d;}
#content .intro a:hover {text-decoration:none;background:#877d7d;color:#FFFFFF;}
#content .intro a:active {text-decoration:none;background:#877d7d;color:#FFFFFF;}
#content .intro strong {font-weight:normal;color:#6e6565;}
#content p, #right p {padding-left:20px;}
#content strong {color:#2e2e2e;}
#content table {margin:0 0 18px 20px;width:100%;}

#right {float:left;padding:10px 0 36px 0;width:300px;}
#right h2, #right h3 {color:#877d7d;padding-left:0;}

#footer {clear:both;width:100%;padding:33px 0 20px 0;background-color:#ff7700;background:url(../images/footer.png) repeat-x;color:#FFFFFF;}
#footer-wrapper {width:930px;margin:0 auto;padding:0 10px 0 20px;}
#footer-wrapper p {margin:9px 0 18px 0;}
#footer-wrapper a {color:#FFFFFF;text-decoration:none;}
#footer-wrapper a:hover {background:#FFFFFF;color:#FF7700;}
#footer-wrapper a:active {background:#877d7d;color:#FFFFFF;}
#footer #footer-wrapper .contact {float:left;padding:27px 0 0 10px;width:300px;}
