/* OBECNÉ STYLY */
body{font-size: 10px; font-family: Verdana; color: #9b9c9e}
span,body,table,ul,p,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul{list-style: none}
a{color: #9b9c9e; text-decoration: none}
a:hover{text-decoration: underline}
a img{border:  0 none}
fieldset{border: 0 none; padding: 0; margin: 0}
/* DALŠÍ STYLY */



.sIFR-alternate{visibility: hidden; display: none}

#menu a{width: 133px; height: 27px; display: block; text-align: right; color: #1c4f87; text-transform: uppercase; font-size: 15px}
#menu a:hover{color: #e2001a; text-decoration: none}

a#uvod{height: 23px; background-position: 0 0}a#uvod:hover, a#uvod.act{background-position: -133px 0}
a#team{height: 23px; background-position: 0 -23px}a#team:hover, a#team.act{background-position: -133px -23px}
a#blog{height: 23px; background-position: 0 -46px}a#blog:hover, a#blog.act{background-position: -133px -46px}
a#guestbook{height: 23px; background-position: 0 -69px}a#guestbook:hover, a#guestbook.act{background-position: -133px -69px}
a#eshop{height: 23px; background-position: 0 -91px}a#eshop:hover, a#eshop.act{background-position: -133px -91px}
a#kontakt{height: 23px; background-position: 0 -114px}a#kontakt:hover, a#kontakt.act{background-position: -133px -114px}
a#kalendar-akci{height: 46px; background-position: 0 -150px; margin-top: 23px}a#kalendar-akci:hover, a#kalendar-akci.act{background-position: -133px -150px}

.contentTop{width: 400px; height: 100px; background: #eeeeee; margin-bottom: 10px}
.contentTop h1{color: #898989; font-size: 20px; font-weight: normal; position: absolute; margin: 68px 0 0 14px; width: 300px}
.contentTop #counter{font-size: 50px; font-weight: normal; color: #fff; width: 130px; text-align: right; height: 30px; margin: 49px 0 0 290px; position: absolute}

#catalog .item{height: 245px; background: url(../images/blog-item-background.gif) no-repeat; padding: 5px 0 0 195px}
#catalog .item img{position: absolute; margin-left: -195px}
#catalog .item a img{border: 0}
#catalog .item .counter{position: absolute; width: 100px; font-size: 24px; color: #fff; margin: 3px 0 0 100px; text-align: right}
#catalog .item .name{margin-top: 40px; color: #1c4f87; font-weight: bold; font-size: 12px; text-transform: uppercase; padding-right: 10px}
#catalog .item .description{margin: 3px 0}
#catalog .item .price{margin-top: 10px}
#catalog .item .price span{color: #1c4f87; font-weight: bold}
#catalog .item .addToCart{position: absolute; width: 134px; height: 16px; margin: 200px 0 0 72px; cursor: pointer}

.jezdci .item{height: 245px; background: url(../images/blog-item-background.gif) no-repeat; padding: 5px 0 0 195px}
.jezdci .item img{position: absolute; margin-left: -195px}
.jezdci .item a img{border: 0}
.jezdci .item .counter{position: absolute; width: 100px; font-size: 24px; color: #fff; margin: 3px 0 0 100px; text-align: right}
.jezdci .item .name{margin-top: 40px; color: #1c4f87; font-weight: bold; font-size: 12px; text-transform: uppercase; padding-right: 10px}
.jezdci .item .description{margin: 3px 0}
.jezdci .item .price{margin-top: 10px}
.jezdci .item .price span{color: #1c4f87; font-weight: bold}
.jezdci .item .addToCart{position: absolute; width: 134px; height: 16px; margin: 200px 0 0 72px; cursor: pointer}

.order input{border: 1px solid #898989; padding: 2px; margin: 0px 2px 4px 2px; width: 20px}

#cart{width: 440px; background: #eeeeee; padding: 20px}
.nofixed{top: 600px; position: relative}
.fixed{position: fixed; margin-top: 20px; &position: relative !important; &top: 600px !important; &margin-top: 0 !important}
#cart h2{color: #898989; font-size: 16px; font-weight: normal; margin: 0 0 15px  0}

#cartCont div{display: block; height: 20px; border-bottom: 1px solid lightgrey; padding-top: 3px}

label{display: block}
label span{display: block; float: left; width: 130px; color: #1C4F87; font-weight: bold}
label textarea, label input{border: 1px solid #898989; padding: 2px; margin: 0px 2px 4px 2px;}
input, textarea{font-family: Arial; font-size: 12px}

#database{width: 10px; border: 0 none; margin-left: 132px}

#cart .name{width: 180px; float: left; color: #1C4F87; font-weight: bold}
#cart .ammount{width: 60px; float: left; text-align: center}
#cart .ammount input{width: 20px; border: 1px solid #898989; padding: 2px; margin-top: -2px}
#cart .size,#cart .sizeH{width: 60px; float: left; text-align: center}
#cart .price,#cart .priceH{width: 60px; float: left; text-align: center}
#cart .delete{width: 20px; float: right; text-align: right; height: 15px; background: url(../images/delete-button.gif) no-repeat; cursor: pointer}

#cart .submitButton{margin-left: 132px; background: url(../images/odeslat.gif) no-repeat; width: 78px; height: 16px; border: 0 none; cursor: pointer;}
#cart .submitButton:hover{background: url(../images/odeslat-hover.gif) no-repeat}


#allPrice{text-align: right; font-size: 14px; color: #c10723; margin: 20px 0 ; border-bottom: 2px solid white; padding-bottom: 10px}

.order span{width: 80px; float: left}
#resultStatus{width: 300px; height: 13px; margin: 0 0 0 132px; color: green; padding: 5px 0}

#blog .item{margin: 45px 0; height: 337px; width: 400px; background: url("../images/blog-item-main-background.gif") no-repeat scroll 0 15px transparent}
#blog .item .name{color: #e2001a; font-size: 14px; position: absolute; width: 200px;}
#blog .item .text{margin-top: 230px; position: absolute; color: #585858}
#blog .item .date{position: absolute; margin: 38px 0 0 5px; color: #717171}
#blog .item .counter{position: absolute; width: 100px; font-size: 24px; color: #fff; margin: 18px 0 0 300px; text-align: right}
#blog .item .icon{position: absolute; margin-top: 55px}
#blog .item .comments{position: absolute; width: 140px;margin: 318px 0 0 5px}
#blog .item .visitors{position: absolute; width: 140px; text-align: right;margin: 318px 0 0 255px}
#blog .item .more{width: 59px; height: 20px; position: absolute; margin: 290px 0 0 335px}

#form{background: #eeeeee; padding: 20px}
#form label{width: 100px; float: left; color: #1C4F87; font-weight: bold; padding-top: 2px}
#form textarea, #form input{border: 1px solid #898989; padding: 2px; margin-top: 2px}
#form textarea{width: 250px; height: 60px}

#form .form_submit{margin-left: 100px; background: url(../images/odeslat.gif) no-repeat; width: 78px; height: 16px; border: 0 none; cursor: pointer}
#form .form_submit:hover{background: url(../images/odeslat-hover.gif) no-repeat}

#mainText{color: #585858}

#right h3{color: #e2001a; font-size: 14px; margin: 20px 0 5px 0; display: block; padding: 0 0 5px 0; border-bottom: 1px solid #e2001a; font-weight: normal}

#guestbook h2{margin: 0; padding: 0; display: block; color: #1C4F87; font-size: 12px}
#guestbook .name{font-size: 10px !important}
#guestbook .name span{color: #1C4F87; font-size: 10px}
#guestbook .itemguestbook{border-bottom: 1px solid #eeeeee; padding: 10px 0 }

#actions{height: 150px; 	}

#partnersCont{padding-top: 10px; width: 500px; height: 170px; padding-top: 610px}
#partnersCont h2{margin: 10px 0 10px 0}
#partnersCont div{position: absolute; width: 450px; height: 190px}
#partnersCont div a{position: absolute}

#partners1{background: url(../images/loga/p1.gif) no-repeat 0 40px;}
#partners2{background: url(../images/loga/p2.gif) no-repeat 0 40px;}
#partners3{background: url(../images/loga/p3.gif) no-repeat 0 40px;}
#partners4{background: url(../images/loga/p4.gif) no-repeat 0 40px;}
#partners5{background: url(../images/loga/p5.gif) no-repeat 0 40px;}
#partners6{background: url(../images/loga/p6.gif) no-repeat 0 40px;}
#partners7{background: url(../images/loga/p7.gif) no-repeat 0 40px;}

#cs{margin: 0 0 0 0}
#specialized{margin: 10px 0 0 230px}
#sika{margin: 10px 0 0 20px}
#techfloor{margin: 20px 0 0 271px}
#alve{margin: 17px 0 0 17px}
#koop{margin: 2px 0 0 169px}
#porsche{margin: 4px 0 0 319px}
#tufo{margin: 12px 0 0 19px}
#odlo{margin: -3px 0 0 178px}
#lawi{margin: 23px 0 0 322px}
#csmtbteam{margin: 17px 0 0 11px}
#look{margin: 24px 0 0 86px;}
#survival{margin: 17px 0 0 177px}
#wippermann{margin: 18px 0 0 276px}
#bikecentrum{margin: 29px 0 0 3px}
#dimegroup{margin: 24px 0 0 88px}
#parktool{margin: 21px 0 0 188px}
#ritchey{margin: 27px 0 0 285px}
#kolopro{margin: 10px 0 0 15px}
#ferdinand{margin: 10px 0 0 92px}
#tomato{margin: 24px 0 0 93px;}
#okdesign{margin: 10px 0 0 285px}
#hesperia{margin: 21px 0 0 371px}
#connex{margin: 20px 0 0 277px}
#carrot{margin: 28px 0 0 172px}
#powerbar{margin: 20px 0 0 364px}
#sportique{margin: 14px 0 0 288px}
#ride-on{margin: 21px 0 0 177px}

#footer{margin: 30px 0; width: 450px; border-top: 1px solid #eeeeee }
#footer #author{position: absolute; width: 200px; text-align: right; margin-left: 250px}

#archivBlog{text-align: right; margin-top: -20px; margin-right: 9px}

#eshopenter{position: absolute; margin: 205px 0 0 322px; z-index: 1}

#lining{line-height: 16px}

/* OBECNÉ NASTAVENÍ PRVKŮ LAYOUTU (barva, výška, border...) */
body{}
#main{background: #fff url(../images/main.jpg) no-repeat top left}
#header{}
#left{min-height: 650px; padding-left: 50px}
#right{}
#footer{}

#menu{position: absolute; width: 133px; height: 198px; margin: 300px 0 0 356px}

#mainText{padding: 10px}
#mainText p{margin: 5px 0}
#mainText a{text-decoration: underline}

#randomProducts .item{position: absolute; width: 205px}
/* ŠÍŘKY PRVKU LAYOUTU !!!! obecne !!!! */
#header,#main,#content{width: 950px;} /* hlavni velikost boxu */ 
#left{width: 500px;}
#right{width: 400px;}

/* KOREKTNI ZOBRAZENI  !!!! nemenit !!!! */
#left,#right{position: relative} 
#main,#header,.cb{margin: 0 auto; display: block}
#content{display: block}
#left{float: left; display: block}
#right{float: right; display: block}
.cb{clear:both; height: 0px; overflow: hidden; _clear: none;}