/* Created by B&M - Benes&Michl - www.benes-michl.cz */

*{outline: none; }
body {text-align:center;padding:0;margin:0;font-family:Arial;font-size: 12px;font-weight: normal; color: #666; background: url(../images/bg.png) repeat ;}
#page {text-align: left; background: url(../images/bg_grad.png) repeat-x top}

a{text-decoration: underline;color: #CE171F;}
a:hover{text-decoration: none;}
a img {border: none;}

h1{font-size: 36px;font-weight: bolder;color: #CE171F; padding-left: 23px; background: url(../images/arrow_h1.png) no-repeat left center;}
h2{font-size: 18px;font-weight: bolder;color: #CE171F; padding-left: 14px; background: url(../images/arrow_h2.png) no-repeat left center; margin: 15px 0 20px}
h3{font-size: 12px;font-weight: bolder;color: #CE171F;}


p {line-height: 18px; margin: 0 0 20px 0;}
table td, table th {vertical-align: top;}
.hidden {display: none;}
ul {list-style: none url(); padding: 0 ; margin: 0 ;}
ul li {line-height: 18px; background: url(../images/ul_li.png) no-repeat left 5px; padding: 0  0 3px  12px; margin-left: 20px; }


#top {height: 95px; margin-bottom: 10px;}
#logo {margin: 33px 45px 0 19px; display: block; float: left;}
#slogan {margin: 48px 0 0 0; display: block; float: left;}
.lang_menu {float: right; margin: 46px 10px 0 0;}
.lang_menu a { font-size: 18px; color: #58585A; margin-left: 7px; text-decoration: none;}
.lang_menu a:hover {text-decoration: underline;}
.lang_menu a.active {font-weight: bolder; color: #CE171F; }

#facebook-page {
    background: url('../images/facebook.png');
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 59px;
}


#menu {border: 1px #CE171F solid; background: #fff url() ; margin-bottom: 10px;}
#menu a {font-size: 20px; color: #58585A; text-decoration: none; margin: 16px 25px 16px 20px; display: block; float: left;}
#menu a.first {margin-left: 30px;}
#menu a:hover {text-decoration: none;}
#menu a:hover cufon {border-bottom: 1px #58585a solid; margin-bottom: -1px;}
#menu a.active {font-weight: bolder; color: #CE171F;  padding-left: 14px; background: url(../images/arrow_menu.png) no-repeat left center}

#slider {margin-bottom: 30px; width: 940px; height: 339px; }
#slider img {display: none;}
#slider img:first-child {display: block;}

.box {background: #fff url(); border: 1px #CE171F solid; margin-right: 8px;}
.box .padding {padding-top: 5px;}
.grid_4 .box {margin-right: 0;}
.padding {padding: 22px 35px }

a.more {display: block; color: #CE171F; background: url(../images/arrow_left.png) no-repeat left center; height: 30px; line-height: 30px; font-weight: bolder; padding-left: 35px; position: relative; left: -35px; min-width: 230px; }

.item {float: left; width:125px; margin:0 12px 10px 0;}
.item:hover {border: 1px #CF1B23 solid; margin: -1px 11px 9px -1px} 
.item h2 {font-size: 13px; margin: 0 0 5px 10px; text-transform: uppercase; background: url(../images/arrow_product.png) no-repeat left center}
.item h2 a{;color:#CE171F; text-decoration: none; }
.item h2.cat {background: url(../images/arrow_category.png) no-repeat left center}
.item h2.cat a {color: #777676; font-weight: normal;}
.item h2 a:hover {text-decoration: underline;} 
.item img {margin-bottom: 15px;}

.clanek > .padding {padding: 0 }
.content .clanek .padding {padding: 15px 30px ; background: #FFF url() ; border: 1px solid #CE171F}
.content .clanek .padding.uvod {padding: 0 ; background: transparent url() ; border: 0px }

.about {height: 315px; margin-bottom: 20px;}  
.top_products { height:315px}
.sizes {margin-top: 15px; padding: 5px 12px ; font-weight: bolder; width: 264px; float: left; margin-right: 10px; min-height: 36px; line-height: 13px;}
.material {width: 320px; float: left;margin-top: 15px;}
.material .head {width: 80px; float: left; text-align: center; font-weight: bolder; color: #fff; background: #CE171F url() ; height: 48px;line-height: 48px;}
.material .cont {width: 230px; float: left; font-weight: bolder; color: #fff; background: #000 url() ; height: 48px; line-height: 48px; padding-left: 10px;font-size: 11px;}
.txt_size {color: #CE171F;}
.txt_size .man {color: #00AEEF;}
.txt_size .woman {color: #EC008C;}
.txt_konf {color:#58585A}                
.content .padding {padding: 0 }
.desc, .photos,.same_cat  {margin: 15px 0 0 ; padding: 0 35px 25px}
.desc h2,.photos h2,.same_cat>h2 {margin-left: -15px;}
.box.desc {line-height: 18px;}
.box.desc br {margin-bottom: 10px; width: 100px;display: block;} 
.list {padding: 0  0 15px 25px; margin: 0 }
.list .item {width: 180px; height: 240px;}
.list .item h2 {font-size: 17px;} 

.submenu {background: #231F20 url() ; margin-bottom: 20px;}
.submenu .padding {padding-left: 0;}
.submenu h2 {background: url() ; padding: 0 ; margin: 5px 0 0}
.submenu h2 a {font-weight: normal; color: #BABABA;text-decoration: none; display: block; padding: 5px 0 5px 49px; }

.submenu h2 .active {background: #CE171F url(../images/arrow_submenu.png) no-repeat 39px center !important; color:  #fff}
.submenu h2 a:hover {color:  #fff; background: url(../images/arrow_submenu.png) no-repeat 39px center;}




.thumb   {width:28px; height:28px; float:left; margin-right:10px; position:relative;}  
.kolecko {position:absolute; top:-130px; left:5px;}
.row a   {position:relative; float:left; margin-bottom:10px;} 
.material_n {background: url(../images/ul_li.png) no-repeat left 5px; padding: 2px  0 3px 12px; color:#8d8d8d;}
.margin     {margin-top:20px;}
.vzornik    {margin-top:20px;}




#big_img {}
#big_img img {border: 1px #CE171F solid;}
.content {position: relative;}
.crumb {position: absolute; top: 22px; right:0px;color:#CE171F}
.crumb a {color:#CE171F; padding-right: 11px; margin-right: 8px; background: url(../images/arrow_crumb.png) no-repeat right center;}
.list .crumb {position: relative; top: 10px;margin-bottom: 50px;}
                                            
#footer {margin-top: 50px; background: url(../images/arrow_footer.png) no-repeat left; height: 123px;}
#footer .inner {background: #BE0B13 url() ; margin-left: 101px; height: 123px;}
#footer .copy {color: #fff; padding-top: 32px; float: left;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;} 

#footer .footer_menu {float: right; margin-top: 32px;}
#footer .footer_menu a {padding-left: 9px; background: url(../images/arrow_footer_menu.png) no-repeat left center; margin-right: 20px;}

.news_hp                  { position:relative;}
.news_hp h2.item_h2       { font-size: 13px; background: url(../images/arrow_product.png) no-repeat left 1px; margin:15px 0 10px 0; }
.news_hp h2.item_h2 a     { color:#CE171F;}
.news_hp hr               { border:none; border-bottom:1px #E6E7E7 solid; margin:10px 0 0 0;  }
.news_hp a                { color:#000;  }
.news_hp .more a          { color:#CE171F; float:right; }
.news_hp .more            { position:absolute; bottom:22px; left:0px; padding: 0 0 0 122px; width:200px; display: block; color: #CE171F; background: url(../images/arrow_left.png) no-repeat left center; height: 30px; line-height: 30px; font-weight: bolder; padding-left: 35px;   min-width: 230px; }

.paging.top a {display:block; font-weight:bold; float:left; padding:0 10px 0 10px; margin:0 8px 0 0 ; line-height:22px; text-decoration:none; }
.paging.top a:hover {text-decoration:underline;} 
.paging.top a.active {background:#CE171F; color:#fff;}

.navod-blok {
    border: 1px solid #d02631;
    background-color: #fff;
    margin-bottom: 20px;
}

.error-message {
    color: #CE171F;
    font-size: 12px;
    font-weight: bold;
}

.banner-news-hp {
    width: 100%;
    padding-top: 10px;
}

.banner-news {
    width: 100%;
}