/** * style.css * definice stylu pro Conformity * * Autor:Vojtech Krupicka * * Kodovani:UTF-8 * Prezentuji.cz */
 
/* Zruseni mezer v elementech */
 *{margin:0;padding:0;border:none}

/* Definice tela dokumentu */
 body{background:#175D9C url('/css/images/bg-body.png') repeat-y top center;font-size:12px;font-family:Arial,Helvetica,sans-serif}

/* Pomocna trida pro zruseni obtekani blokovych elementu */
 .cleaner{display:block;width:auto;height:0;clear:both;font-size:0}

/* Definice hlavniho kontejneru pro uchovani celeho obsahu */
 #container{margin:48px auto 18px auto;width:990px;background-color:#FEFEFF;height:100%;position:relative}

/** ***************************************************************** HEADER **/
 #header{clear:both}

/** ******************************************************************* menu **/
 #header .menu{margin:0 0 24px 0;text-align:center}
#header .menu ul{display:inline-block}
#header .menu ul li{float:left;list-style:none;border-right:1px #BCBCBC dashed;height:96px}
#header .menu ul li.first{border-left:1px #BCBCBC dashed}
#header .menu ul li a{height:44px;display:block;padding:24px 16px;text-align:left;text-decoration:none}
#header .menu ul li a span.text{white-space:nowrap;font-size:14px;font-weight:bold;text-transform:uppercase;color:#175D9C}
#header .menu ul li a:hover span.text,#header .menu ul li a.active span.text{color:#5D9BC6;text-decoration:underline}
#header .menu ul li a span.description{font-size:10px;display:block;color:#BCBCBC;font-weight:normal}

/** ******************************************************************* logo **/
 #header .logoWrapper{height:60px;background:transparent url('/css/images/bg-logoWrapper.png') repeat-x top center}
#header .logoWrapper .logo{height:60px;width:390px;margin:0 0 0 36px;background:transparent url('/css/images/bg-logo.png') repeat-x top center}
#header .logoWrapper .logo h1,#header .logoWrapper .logo h2,#header .logoWrapper .logo img{display:none}
#header .logoWrapper .logo a{display:block;height:60px;width:390px}

/** *************************************************************** carousel **/
 #header .carousel{height:270px;background:transparent url('/css/images/bg-carousel.png') no-repeat top right;margin:40px 32px}
#header .carousel img{float:left;width:356px;height:236px;padding:12px;background:transparent url('/css/images/bg-carousel-img.png') no-repeat center center;margin:12px 40px 12px 20px}
#header .carousel .right{float:left;width:440px;height:82px;background:transparent url('/css/images/icon-ce.png') no-repeat left center;margin:60px 0 0 0;padding:18px 0 0 0}
#header .carousel .right ul{padding:0 0 0 170px;list-style:none;color:#050505;font-size:15px;font-weight:bold;text-transform:uppercase;line-height:150%}
#header .carousel .right ul span.blue{color:#175D9C}
#header .carousel .right a.demandButton{display:block;float:right;margin:32px 10px 0 0;background:url('/css/images/demand-button.png') no-repeat top center;height:91px;line-height:91px;font-size:22px;font-weight:bold;color:white;width:441px;text-transform:uppercase;text-decoration:none}
#header .carousel .right a.demandButton:hover{background-position:bottom center}

/** ***************************************************************** FOOTER **/
 #footer{clear:both;padding:10px 4px 0;background:#175D9C url('/css/images/bg-body.png') repeat-y top center;color:#B7CDE0;font-size:10px;height:32px}
#footer a{margin:0 4px;color:#E1EAF2;text-decoration:none}
#footer a:hover,#footer a.active{color:#FFFFFF;text-decoration:underline}
#footer .menu{float:left}
#footer .menu li{float:left;list-style:none}
#footer .copyright{float:right}

/** ******************************************************************* MAIN **/
 #main{margin:0 44px;padding:44px 0;background:transparent url('/css/images/bg-main.png') no-repeat center top}
#main table td{border:1px solid #d8d8d8;padding:2px 15px}
#main table thead td{border:1px solid #d8d8d8;padding:2px 15px;background:#dcf5ff}
#main #demand td{border:none}
#main #demand input.text,#main #demand textarea{background:#F2F2F2;border:1px solid #C2C2C2;box-shadow:0 0px 4px #C6C6C7;color:#3E3E3E;padding:5px 10px;text-shadow:0 0 2px #CCC;width:50%}
#main #demand textarea{width:100%;resize:vertical;font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:5px}
#main #demand input.boxinput,#main #demand label.boxlabel,#main #demand label.boxlabel{float:left;padding-left:10px}
#main #demand .button{height:40px;width:160px}
#main .button{font-weight:bold;box-shadow:0px 0px 4px #AAA;cursor:pointer;border-radius:4px;background:#4f8fbe;border:1px solid #11518b;text-align:center;color:#fff;text-decoration:none;display:block;padding:10px;height:40px;border-radius:4px;background-image:linear-gradient(bottom,#64a0ca 100%,#175d9c 0%);background-image:-o-linear-gradient(bottom,#64a0ca 100%,#175d9c 0%);background-image:-moz-linear-gradient(bottom,#64a0ca 100%,#175d9c 0%);background-image:-webkit-linear-gradient(bottom,#64a0ca 100%,#175d9c 0%);background-image:-ms-linear-gradient(bottom,#64a0ca 100%,#175d9c 0%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#64a0ca),color-stop(0,#175d9c))}

/** ******************************************************************* LEFT **/
 #left{float:left;width:340px;padding:0 0 48px 0;background:transparent url('/css/images/bg-left.png') no-repeat left bottom}
#left h1{color:#175D9C;font-size:24px;font-weight:bold;margin:0 0 10px 0;padding:0 0 0 6px}
#left h1 a{color:#175D9C;text-decoration:none}
#left h1 a:hover{color:#5D9BC;text-decoration:underline}
.showAll{background:url('/css/images/icon-content-list-item.png') no-repeat;background-position:145px 5px;margin-left:145px;margin-top:25px}
.showAll a{color:#175D9C}
.showAll a:hover{color:#9A9A9A}

/** ******************************************************************* news **/
 .newsWrapper{margin:0 32px 0 0}
.newsWrapper .news{border-top:1px #EDEFEF solid;padding:10px 0 0 0;margin:0 0 10px 0;min-height:60px}
.newsWrapper .news a.date{display:block;width:48px;height:44px;background:transparent url('/css/images/bg-news-date.png') repeat-x center center;margin:8px 10px 10px 8px;padding:2px 0;text-align:center;color:#FFFFFF;float:left;text-decoration:none}
.newsWrapper .news a.date .day{display:block;font-size:24px;font-weight:bold;color:white}
.newsWrapper .news a.date .month{display:block;font-size:10px;color:white}
.newsWrapper .news p{color:#9A9A9A;line-height:150%;margin:0 0 8px 0}
.newsWrapper .news p a{color:#175D9C}
.newsWrapper .news p a:hover{color:#5D9BC6;text-decoration:none}

/** ****************************************************************** RIGHT **/
 #right{float:right;width:540px;padding:0 0 48px 20px;border-left:1px #EDEFEF solid;min-height:512px;background:transparent url('/css/images/bg-right.png') no-repeat right bottom}
#right h1,#main .siteCms h1{color:#175D9C;font-size:24px;font-weight:bold;border-bottom:1px #EDEFEF solid;margin:0 0 10px 0;padding:0 0 10px 6px}

/** ************************************************************ cms content **/
 #right .cmsContent p,#main .siteCms p{color:#201C20;line-height:150%;margin:0 0 8px 8px;text-align:justify}
#right .cmsContent a,#main .siteCms a{color:#175D9C}
#right .cmsContent a:hover,#main .siteCms a:hover{color:#5D9BC6;text-decoration:none}
img{margin:6px}
#right .cmsContent img.small,#main .siteCms img.small{width:150px;height:108px;padding:12px;background:transparent url('/css/images/bg-content-img.png') no-repeat center center;margin:6px}
#right .cmsContent h2,#main .siteCms h2{color:#AADEF3;font-size:20px;font-weight:bold;margin:0 0 6px 0}
#right .cmsContent h3,#main .siteCms h3{color:#201C20;font-size:16px;font-weight:bold;margin:0 0 4px 0}
#right .cmsContent ul,#main .siteCms ul{margin:24px 32px}
#right .cmsContent ul li,#main .siteCms ul li{list-style-image:url('/css/images/icon-content-list-item.png');line-height:180%}

/** **************************************************** MSIE 7.0,6.0 FIX **/
 #header .menu ul li.first{&border-left:none}
*html #header .menu ul li a:hover{color:#5D9BC6}
*html #header .menu ul li.first{border-left:none}

/**********************************************************************************************************************/
 
/** CORE **/
 #main{position:relative}
#main .info{color:#777;font-style:italic}
#adminmenu{position:absolute;top:0px}
#adminmenu li{float:left;list-style:none}
#adminmenu li a{display:block;padding:5px 15px;background:white;border:1px solid #ddd;border-left:none;border-right-color:#eee;text-decoration:none;color:#aaa;border-top:0}
#adminmenu li a:hover{color:#555}
#adminmenu li.first a{border-left:1px solid #ddd}
#Sitemap{margin-left:50px}
#Sitemap ul{margin-left:20px}
#Sitemap ul li{line-height:18px}
#Sitemap ul li a{display:block}

/********** Strankovanie,Pocet na stranku **********/
 
/* Strankovanie - Paginator,Limiter */
 .paging{margin:15px 10px}
.paging a{background:none repeat scroll 0 0 #F5F5F5;border:1px solid #DDDDDD;border-radius:4px 4px 4px 4px;color:#658DAA;text-decoration:none}
.paging div.paging-left{float:left;width:40%}
.paging div.paging-right{float:right}
.paging .page{float:left;display:block;padding:2px 10px;margin-left:2px}
.paging .current{background:none repeat scroll 0 0 #EEEEEE;color:#AAAAAA}
.paging span.left{float:left;padding:2px 0px}

/* Paginator */
 .paginator{float:right;margin-left:10px}
.paginator .page,.paginator .movepage{background:none repeat scroll 0 0 #F5F5F5;border:1px solid #DDDDDD;border-radius:4px 4px 4px 4px;margin:1px;padding:4px 10px }
.paginator .movepage{display:block;padding:2px 6px;float:left}
.paginator .page,.paginator .movepage,.paginator .pagedots{float:left}
.paginator .page{padding:2px 6px}
.paginator .pagedots{padding:4px 0px}
.paginator .current{background:none repeat scroll 0 0 #EEEEEE;color:#AAAAAA}
.paginator span.movepage{display:none}

/* Limiter */
 .limiter{float:left}

/********** Grids **********/
 
/* Grid,Form-table-layout */
 form table,table.highlighted{width:100%}
form table td,table.highlighted td{}
form table th,table.highlighted th{}
form table td,table.highlighted td,form table th,table.highlighted th{padding:6px 12px}

/* Table-Grid */
 table.grid{width:100%;margin:10px 0px;border-collapse:collapse;border:1px solid black;position:relative}
table.grid thead th{font-weight:bold;background:#619e15;color:#F1F0A5 !important;border:1px solid #487a07 !important}
table.grid tbody td{}
table.grid tbody tr:nth-child(2n) td{background:#f1ffd4}
table.grid th,table.grid td{padding:2px 6px;border:1px solid black;height:26px}
table.grid .col-taxPrice,table.grid .col-totalPrice,table.grid .col-price,.col-price{text-align:right}
table.grid .col-units{text-align:center}
table.grid .col-units input{text-align:right}
table.grid .col-productName{width:360px}
table.grid .col-sizes,table.grid .col-price{white-space:nowrap}

/* Table-Layout */
 #main table.layout{width:100%;padding:15px 0px}
#main table.layout td{padding:15px;border:0}

/********** Messages **********/
 
/* Spravy */
 p.message{text-align:center;font-size:20px;padding:20px 0px}

/* Flash spravy */
 .flashes .flash{background:#5887ab url('/css/images/icon_info.png') no-repeat 10px 50%;color:#FFFFFF;padding:10px;margin:2px;border-radius:4px;padding-left:30px;border:1px solid #2f6995}
.flashes .flash.flash-small{padding:4px 0px 4px 20px;margin:0px;font-size:11px;background-position:2px 50%}

/********** Forms **********/
 a.button,form input.button{border:1px solid #000000;padding:4px 15px 4px 15px;cursor:pointer;color:#3E3E3E;text-decoration:none;background:white}
a.button:hover,form input.button:hover{color:#888}
form ul.error{margin-bottom:5px;list-style-type:none;padding:0px}
form ul.error li{background:white url('/css/images/icon_alert.png') 8px 4px no-repeat;border-radius:4px;padding:4px;margin:1px;color:black;padding-left:35px}
input.boxinput,label.boxlabel,label.boxlabel{cursor:pointer}
#main form input.text,#main textarea{color:#3e3e3e;padding:2px 3px;border-radius:2px;border:1px solid #ccc}
#main textarea{font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:5px;border-radius:4px}
#main form input{height:16px;padding:4px}
#main form select{}
#main form div.checkbox input{float:left;margin:2px;margin-right:6px}
#main form div.checkbox label{display:block;padding-top:2px}
#main form input.button{}
#main .form legend{padding-top:10px;font-size:16px;padding-left:2px}
#main .form fieldset{margin-bottom:20px}
#main .form input.button{border-radius:5px;height:26px;padding:2px 15px;background:url('/css/images/button.png') no-repeat;width:140px;border:0;color:white}
#main .form small{display:block;color:#777;line-height:20px}
#main .form table th{width:25%;padding:3px 15px}
#main .form table span.required{color:#f40000;padding-left:3px}
#main .form table td,#main .form table th{border:none;line-height:26px}
#main .form table td label{padding:3px;height:20px;display:block;float:left}
#main .form table td input.boxinput{width:auto;margin:8px 2px 0px 2px;cursor:pointer;float:left}

/********** Specialne **********/

/**********************************************************************************************************************/
 
/** CMS **/
 .box .flashes{margin-top:4px}

/********** Clanky **********/
 
/* Skupina clanku */
 .articles{}
.articles .more{float:right}

/* Nahled clanku */
 .articlePreview{border-bottom:1px dotted #E2E2E2;padding:10px;position:relative}
.articlePreview h3{color:#C31919;margin-bottom:2px}
.articlePreview h3 a{text-decoration:none;color:#658DAA}
.articlePreview h3 a:hover{text-decoration:underline !important}
.articlePreview p{padding:5px;color:#8F8F8F;font-style:italic}
.articlePreview .date{color:#A6A6A6;font-size:11px;font-style:italic}
.articlePreview .more{position:absolute;top:10px;right:10px}
.articlePreview .articlePreviewImage{float:left;width:150px;text-align:left}
.articlePreview .articlePreviewImage img{background:#f0f0f0;border:1px solid #ddd;padding:5px;margin-right:10px}
.articlePreview .articlePreviewAbstract{}

/********** Clanok **********/
 .article{margin:0px 10px}
.article .articleImage{float:left}
.article .articleImage img{background:#f0f0f0;border:1px solid #ddd;padding:5px;margin:0 10px 0 0 !important}
.article .articleAbstract{color:#808080}
.backToGroup{float:right;color:black;font-weight:normal;font-size:12px;margin-right:10px;text-transform:none}

/********** Typy stranok **********/
 
/* otazkay */
 .siteQuestions .questions{margin:0 0 20px;padding:0}
.siteQuestions .question{border-radius:6px;margin:4px 0;padding:4px 8px;position:relative;border-top:1px solid #D8D8D8}
.siteQuestions .question .time{color:#aaa}
.siteQuestions .question .deleteQuestion{float:right}
.siteQuestions .question .deleteAnswer{float:right}
.siteQuestions .question h3{color:#F40000;font-size:120%;line-height:36px;margin:0;font-weight:bold}
.siteQuestions .question h3 span{color:black;font-weight:normal}
.siteQuestions .question p{color:#4C4C4C;line-height:140%;margin:0 0 5px;text-align:justify}
.siteQuestions .question p a{color:#FFFFFF;text-decoration:none}
.siteQuestions .question p a:hover{text-decoration:underline}
.siteQuestions .question .answers{color:#4C4C4C;margin:5px 0px 0px 30px;padding-top:5px}
.siteQuestions .question .answers .answer{margin-bottom:5px}
.siteQuestions .question .answers .answer .time{font-weight:normal;display:block}

/********** Komponenty **********/
 
/* Galeria */
 .cmpGallery{margin-bottom:20px;color:#565656}
.cmpGallery .header{margin-bottom:5px;padding-left:20px}
.cmpGallery table.images{margin-bottom:20px;margin-left:20px;width:92% !important;border-collapse:separate !important}
.cmpGallery table.images .image{width:170px;height:170px;margin:2px;background:#f0f0f0;vertical-align:middle;text-align:center}

/* Anketa */
 .cmpPoll{padding:0px 13px 55px 13px;background:#0f240f}
.cmpPoll h2{line-height:60px;_height:60px;height:60px}
.cmpPoll p{margin-bottom:15px}
.cmpPoll a{text-decoration:none;color:#a6a6a6}
.cmpPoll a:hover{color:#ffffff}
.cmpPoll ul{padding-left:0px}
.cmpPoll li{height:39px;list-style:none;color:#a6a6a6}
.cmpPoll li div{background:#538107;height:8px;font-size:1%}
.cmpPoll li a{display:block}

/********** Ostatne sablony **********/
 #main.mSearch .searchGroup{margin-bottom:20px}
#main.mSearch .searchGroup h2{margin-bottom:5px}
#main.mSearch .searchGroup .paging{margin-top:0px}
#main.mSearch .searchGroup p.noResult{text-align:center;padding:20px;font-size:16px;color:#777}

/**********************************************************************************************************************/
 
/** Eshop **/
 
/* Celkova cena */
 #main .totalPrice{float:right}
#main .totalPrice div{text-align:right;float:right;border-bottom:1px #E0E0E0 solid;padding-bottom:4px}
#main .totalPrice .totalPrice-priceinfo{width:290px;font-size:20px;font-weight:bold;color:#353535}
#main .totalPrice .totalPrice-priceinfo .totalPrice-price{color:#C31919}
#main .totalPrice .totalPrice-dphtext{width:550px;color:#353535;font-size:12px;padding-top:10px;font-style:italic}

/* Navigacia medzi krokmi objednavky */
 #OrderNavigation .buttons{padding:20px 0;clear:both}
#OrderNavigation .buttons .navbutton{height:49px;line-height:49px}
#OrderNavigation .next{float:right;width:186px;padding:0px 50px 0px 22px;color:#FFFFFF;font-size:18px;text-decoration:none;text-transform:uppercase;background:transparent url('/css/images/button-next-red.jpg') no-repeat center center;letter-spacing:1px;border:0}
#OrderNavigation input.next{width:264px}
#OrderNavigation .next:hover{text-decoration:underline}
#OrderNavigation .back{float:left;width:121px;padding-left:60px;color:#353535 !important;font-weight:bold;text-decoration:none;background:transparent url('/css/images/button-back-gray.png') no-repeat center center}
#OrderNavigation .back:hover{text-decoration:underline}
#OrderNavigation .disabled{opacity:0.4}
#OrderNavigation .disabled:hover{text-decoration:none;cursor:default}

/* Basket */
 #basket .col-units input{width:20px;text-align:right;padding:1px 3px}
#basket tbody td{text-align:right;height:50px}
#basket tbody .col-desc{text-align:left;width:220px}
#basket .submit{display:none}
#basket tbody td p{text-align:center;padding:15px}
#basket input{width:30px}
#basket #recalculateButton{float:left;margin:0 auto;border:0;display:block;width:70px;height:25px;line-height:25px;font-size:12px;font-weight:bold;text-decoration:none;text-align:left;color:#353535;padding:0 12px;background:transparent url('/css/images/button-recount.png') no-repeat center center}
#basket #recalculateButton:hover{text-decoration:underline}

/* Kupon */
 #CouponBox{margin:40px;margin-left:0px;width:350px}
#CouponBox div.form{margin-left:0px;margin-top:10px}

/* Order steps */
 #OrderSteps{margin-bottom:20px;margin-top:10px}
#OrderSteps .steps .step{float:left;width:142px;margin:2px 10px;padding:15px 4px;text-align:center;position:relative}
#OrderSteps .steps .step a{text-decoration:none;display:block}
#OrderSteps .steps .step .step-number{position:absolute;top:-7px;left:-7px;background:white;font-weight:bold;padding:4px 7px;border-radius:5px;border:1px solid #ccc;color:#aaa}
#OrderSteps .steps .step.notexecuted{background:#eee;border:1px solid #e0e0e0;color:#aaa}
#OrderSteps .steps .step.executed{background-color:#333}
#OrderSteps .steps .step.executed a{color:#FFFFFF !important}
#OrderSteps .steps .step.current{background:#619e15;color:#F1F0A5 !important;border:1px solid #487a07 !important}
#OrderSteps .steps .step.current a{color:white !important}

/* OrderInvoiceOptions */
 #OrderInvoiceOptions{margin-bottom:20px;border-top:3px solid #aaa}
#OrderInvoiceOptions div.item{width:33%;float:left}
#OrderInvoiceOptions div.item2{width:34%}
#OrderInvoiceOptions a.invoiceOptionsButton{display:block;padding:15px 4px;text-align:center;position:relative;background:#eee;border:1px solid #e0e0e0;border-top:none;color:#aaa;text-decoration:none;cursor:pointer}
#OrderInvoiceOptions a.invoiceOptionsButton strong{display:block;text-decoration:underline;font-size:14px}
#OrderInvoiceOptions a.invoiceOptionsButton:hover,#OrderInvoiceOptions a.invoiceOptionsButton.active{background:#619e15;color:#F1F0A5 !important;border:1px solid #487a07;border-bottom:none;border-top:none}
#OrderInvoiceOptionsCards .invoiceOptionCard{display:none}
#OrderInvoiceOptionsCards .invoiceOptionCard.active{display:block}
#OrderInvoiceOptionsCards #SingleBuyCard{margin-left:0px}
#OrderInvoiceOptionsCards #NewUserCard{margin-right:0px}
#OrderInvoiceOptionsCards #NotselectedCard p{text-align:center;font-size:16px;margin-top:100px}
#OrderInvoiceOptionsCards .flashes{margin:0px 10px 10px 4px}
#OrderInvoiceOptionsCards .flashes a{color:#FFFFFF}

/********** platba a doprava **********/
 #main.paymentDelivery .noPayment{display:none}
#main.paymentDelivery .col-conditions{color:#999;padding:3px;font-size:11px}
#main.paymentDelivery .col-name{width:400px}
#frmdeliveryForm-commentUser{width:100%}

/********** Finish **********/
 #OrderFinishMsg{margin:100px 20px;text-align:center;font-size:17px}
#OrderFinishMsg h3{font-size:25px;font-weight:normal;margin:5px}
#AuthOrder{margin:auto;padding:15px 30px;border:1px dashed #ddd;width:360px;border-radius:15px;background:#eee}
#AuthOrder p{font-size:14px;margin-bottom:5px;text-align:center}
#AuthOrder th{width:120px !important}

/********** Detail objednavky **********/
 .orderdetail .leftorder{float:left;margin-right:17px;width:271px}
.orderdetail .rightorder{float:left;width:270px}
#main.order .order-status{position:absolute;top:10px;right:10px;color:#aaa}
#main.order .order-status .order-status-info{font-weight:bold;color:#658DAA}
#orders .order-item-products{text-align:center}
#orders .order-item-products img{margin:2px;border:1px solid #ddd}

/********** Dealer **********/
 #ShareLinkInfo{margin:10px 0px}
#ShareLink{text-align:center;padding:15px 30px;background:#c3ea51;border:10px solid #bce649;width:400px;margin:auto;color:#ffffff;font-size:20px;border-radius:4px}