/* CSS Document */
/* **** construct **** */
#mother{ display:block; width:858px; margin:8px auto 26px; text-align:left;}

#header{ padding-bottom:9px;}
#banner{ margin:0px 0 7px; position:relative; overflow:hidden;}
.box{ margin:0 19px 0px; padding:8px 0 19px;}
#footer{ padding:24px 24px 21px;}
#footer p{ margin:0px; font-family:Trebuchet MS, arial; color:#6B6B6B;}

/* **** Skip navigation **** */
#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* **** Basket button **** */
 .basket{ background: #CC0000 url(../img/basket-button-left.png) 0 0 no-repeat; padding:3px 0 2px 3px; margin:0px auto 0; font-size:90%; }
 .basket a{  background:transparent url(../img/basket-button-right.png) 100% 0 no-repeat;  padding:3px 26px 2px 4px; text-decoration:none; color:white; font-weight:bold; }
 .basket a:hover{ color:#C9E2CA;}
 .basket a.free{background-image:url(../img/free-button-right.png);}

/* **** BOXES background **** */
.box-full-top-home{ background:white url('../img/box-full-top-home.png') 0 0 no-repeat; margin-top:0px; zoom:1; margin-bottom:7px}
.box-full-bottom{ background:transparent url('../img/box-full-bottom.png') 0 100% no-repeat; padding-bottom:0px; zoom:1; }
.box-full-top{ background:white url('../img/box-full-top.png') 0 0 no-repeat; margin-top:0px; zoom:1; margin-bottom:8px;}
/* **** BOXES TWO background **** */
.box-cols-two{ width:100%; background: url(../img/box-cols-two.png) 0 0 repeat-y; margin-bottom:7px;}
.box-two-top{ width:100%; background: url(../img/box-two-top.png) 0 0 no-repeat; }
.box-two-bottom{ width:100%; background: url(../img/box-two-bottom.png) 0 100% no-repeat; }

/* **** COLS **** */
.box-cols-two .col-left{ width:600px; float:left;}
.box-cols-two .col-right{ width:200px; float:left; margin-left:7px; padding:5px 6px 0;} 


/* **** Language menu **** */
#lang-menu{float:left; margin:6px 0 -1px;}
#lang-menu ul{margin:0px; padding:0px; list-style:none;}
#lang-menu ul li{ float:left; background:#E8E8E8 url('../img/fold-left.png') 0 0 no-repeat; margin:0 2px 0 0; padding:0 0 0 3px;}
#lang-menu ul li div{ background:url('../img/fold-right.png') 100% 0 no-repeat;}
#lang-menu ul li a{display:block; padding:2px 13px 3px 8px; margin:0px;  text-decoration:none;}
#lang-menu ul li a span{ text-decoration:underline;  margin-top:-2px}
#lang-menu ul li.active{ background:white url('../img/fold-left-active.png') 0 0 no-repeat; }
#lang-menu ul li.active div{ background:white url('../img/fold-right-active.png') 100% 0 no-repeat; }
#lang-menu ul li.active a span{ text-decoration:none; font-weight:bold;}
#lang-menu ul li.active a{ font-weight:bold; color:black;}
#lang-menu ul li img{ margin:5px 5px 0 0; float:left;}

/* **** Main menu **** */
#main-menu { background: url(../img/main-menu-bg.png) repeat-x left top; padding:11px 0 9px;}
#main-menu ul{ margin: 0px 20px 0 20px; padding:0px;  list-style:none;}
#main-menu ul li{ float: left; margin-left:14px; background: url(../img/arrow.png) no-repeat left center; padding:0px 0px 0px 11px;}
#main-menu ul li:first-child{ margin:0px;}
#main-menu ul li a { text-decoration: none; color:black;}
#main-menu ul li a:hover{ color:#4F8152;}


/* **** BREADCRUMB **** */
#breadcrumb{font-size:90%;}
#breadcrumb a{ padding-right:14px; background: url(../img/arrow-main.jpg) right center no-repeat; margin-right:5px;}


/* **** SORT **** */
#sort{clear:both; background:#F7F7F7; border-bottom:1px solid #D4D4D4; border-right:1px solid #F0F0F0; padding:12px 15px 7px; margin-bottom:10px;}
#sort h2{float:left; margin:0;}
#sort ul {float:left; padding:0px; margin:0px 10px 0;  list-style:none;}
#sort ul li{ float:left; display:inline; margin-left:6px; background: #DFDFDF url(../img/button-left.png) no-repeat left top; padding-left:3px; }
#sort ul li span {display:block; background: url(../img/button-right.png) no-repeat right top; text-transform:uppercase; font-family: Tahoma, Veradana, arial; font-size:83%; line-height:100%; padding:4px 6px 3px 3px;}
#sort ul li span a{ text-decoration:none; display:block; }
#sort ul li span .prize{ padding:0 15px 0 0;}
#sort ul li span .down{ background: url(../img/prize-down.png) 100% 50% no-repeat !important;}
#sort ul li.active{ background: #BFBFBF url(../img/button-left-active.png) no-repeat left top;}
#sort ul li.active span {background: url(../img/button-right-active.png) no-repeat right top;}
#sort ul li.active span span, #sort ul li span span{background:none; padding:0; font-size:100%;}

/* **** PAGING **** */
.paging { display:block; background:#F7F7F7; padding:11px 15px 5px; border-bottom:1px solid #D4D4D4; margin-top:10px; position:relative;}
.prev, .next{ background: #DFDFDF url(../img/button-left.png) no-repeat left top; padding-left:3px; position:absolute; top:11px;}
.prev span, .next span{ display:block; background: url(../img/button-right.png) no-repeat right top; text-transform:uppercase; font-family: Tahoma, Veradana, arial; font-size:83%; line-height:100%; padding-right:4px;}
.prev span a{ display:block; text-decoration:none;  padding:4px 4px 3px 17px; background: url(../img/prev.png) 3px 50% no-repeat;}  
.prev{left:11px;}
.next{ right:11px;}
.next span a{ text-decoration:none; display:block;  padding:4px 14px 3px 4px; background: url(../img/next.png) 96% 50% no-repeat;}
.paging .pages{padding:0 200px 0;}
.paging .pages ul{padding:0px; margin:0px; list-style:none;}
.paging .pages ul li{ float:left; display:block; margin:0 0 2px 2px;  display:block;  background: #DFDFDF url(../img/button-left.png) no-repeat left top; padding-left:3px;}
.paging .pages ul li a{ display:block; padding:0px 3px 0px 0px; height:17px; line-height:17px; background: url(../img/button-right.png) no-repeat right top; text-transform:uppercase; font-family: Tahoma, Veradana, arial; font-size:90%; text-decoration:none; text-align:center; min-width:14px;}
.paging .pages ul li.active{ background: black url(../img/pages-active-left.png) no-repeat left top;}
.paging .pages ul li.active a{ color:white; background:url(../img/pages-active-right.png) no-repeat right top; font-weight:bold;}






/**************************************** ADMIN ***************************************/
#search-box select{padding-top:3px; padding-bottom:1px; width:100px;}

/* **** UPRAVA DM - upravene marginy **** */



.quick-sort{
	padding:6px 0px 4px;
	border-bottom:1px solid #E8E8E8;
	border-top:1px solid #E8E8E8;
	margin:0px 0 9px;
	zoom:1;
}
.quick-sort h2{float:left; margin:0; font-size: 100%;}
.quick-sort ul{float:left; list-style:none;  margin:0; font-size:100%; padding:0;}
.quick-sort ul li{
	float:left;
	padding-left:15px;
	background:url('../img/dot.png') 0 0.35em no-repeat;
	margin:0 8px 0 15px;
}

.list-object ul{margin:0; padding:0;}
.list-object li{list-style:none; padding:0; margin:0; font-family:Arial, Sans serif; border-right:1px solid #E0E0E0; border-bottom:1px solid #E8E8E8; margin-bottom:8px; zoom:1;}
.list-object li .box-spc{background:#F7F7F7;}
.list-object li .inside{margin:0; font-size:175%; font-family:Calibri, Arial, Sans serif;}
.list-object li h3{margin:0; font-size:175%; font-family:Calibri, Arial, Sans serif;}
.list-object li .col-left .listImgBox {float:left; width: 100px; display:block; position:relative; padding-top:5px; height:100px; margin-left:-130px;}
.list-object li .col-left .listDescBox { float:left; padding-left: 5px; border-left: 1px solid #CCCCCC; margin:0; height:100px; }
.list-object li .col-left .listImgBox .infotext {position:absolute; background: url("/css/img/showtime_bckg.png") no-repeat; bottom:5px; right:5px; color:white; padding:0 0 2px 0; font-size: 11px; width:48px;  }
.list-object li .col-left .listImgBox span { padding-left:5px; line-height: 13px;   }

.list-object li .inside span{float:left; width:100px; padding:1px 1px 1px 9px; background:#BCBCBC; margin-left:-130px;}
.list-object li .inside span img{border:none; display:block;}

.list-object li .col-left{float:left; padding:15px 0 15px 145px; width:380px;}
.list-object li .col-right{float:right; width:170px; background:#E8E8E8; padding:8px 15px 8px; font-size:92%;}
.list-object li .col-right li{overflow:hidden; zoom:1; border-top:1px solid #CFCFCF; padding:5px 2px 2px; margin:0; border-right:none; border-bottom:none;}
.list-object li .col-right li:first-child{border:none;}
.list-object li .col-right strong{float:left;}
.list-object li .col-right span{float:right;}
.list-object li .cz-title{font-style:italic; margin-bottom:0.6em;}
.list-object li .autor{font-size:92%; margin-bottom:0.3em;}
.list-object li .cz-desc, .list-object li .en-desc{margin:0;}
.list-object li .info{margin:-1px 0 0; padding:7px 13px 4px 0px;  background:#F4F4F4; border-top:1px solid #E8E8E8; overflow:hidden; zoom:1;}
.list-object li .info .item{float:left; white-space:nowrap; padding:0 3%;}
.list-object li .info .zip{min-width:30%; _width:30%; }
.list-object li .info .down{background:url('../img/ico-download.png') 0 0.3em no-repeat; min-width:20%; _width:20%; }
.list-object li .info .view{background:url('../img/ico-view.png') 0 0.3em no-repeat; min-width:20%; _width:20%; }
.list-object li .info .status img{margin-top:1px;}


/* EDIT OBJECT */

.label-box{width:110px; float:left; padding-right:5px; padding-top:0px;}
.input-box{width:650px; float:left; padding-left:5px; padding-top:0px;}
.input-box .multiZip-file{width:100px; float:left;}
.input-box .multiZip-title{width:200px; float:left; padding-right: 10px;}
.input-box .multiZip-desc{width:310px; float:left;  }

.big-form-box .input-box .lst{
	height:100px;
	padding-left:5px;
}


/* UPRAVA DM - pridano */



/* UPRAVA DM - end */

/* UPRAVA DM - pridano */
.big-form-box .label-box-img{width:140px; float:left; padding-right:5px; padding-top:0px;}
.big-form-box .input-box-img{width:530px; float:right; padding-left:30;}
.big-form-box .label-box-img .col1 {width:110px; float:left;}
.big-form-box .label-box-img .col1x {width:110px; float:left;}
.big-form-box .label-box-img .col1x img {pagging-right:10px;}
.big-form-box .label-box-img .col2 {width:30px; float:right;}
.big-form-box .label-box-img .col2 img {padding-bottom:10px;}

.big-form-box .batch-col1{width:48%; float:left; }
.batch-col1 h2{ font-family:Tahoma, Verdana, Arial; font-size:117%; font-weight:bold; line-height:100%; padding:0px; margin:20px 0 0 0;}
.big-form-box .batch-col2{width:48%; float:right;}

/* end */

.form-row{padding:2px 0;} 
.big-form-box{margin:20px -19px 10px; padding:10px 22px; background:#F7F7F7;}
.big-form-box .separator{height:1px; border-top:1px solid #DFDFDF; background:white; overflow:hidden; margin:8px 0; *margin:1px 0 8px;}
.big-form-box .separator2{height:1px; border-top:1px solid #DFDFDF; background:white; overflow:hidden; margin:0 0 10px 0;}
.big-form-box .separator3{height:1px; border-top:1px solid #DFDFDF; background:white; overflow:hidden; margin:0;}
.big-form-box .w-half{width:260px;}
.big-form-box .w-3quarter{width:460px;}
.big-form-box .w-3-4quarter{width:520px;} /* UPRAVA DM - pridano */
.big-form-box .w-4quarter{width:560px;} /* UPRAVA DM - pridano */
.big-form-box .w-1quarter{width:130px;}
.big-form-box .w-1quarter-x{width:130px; float:left; padding-right:10px;}
.big-form-box ul.col-w33{width:31%; float:left; padding-right:2%;}
.big-form-box .upload-img{margin-left:-12px;}

.big-form-box .upload-img li{float:left; border:1px solid #BCBCBC; margin-left:12px; list-style-type:none;}
.big-form-box .bundle-img{ margin:0; padding:0;}

.big-form-box .bundle-img li{float:left; border:1px solid #BCBCBC; margin-left:12px; list-style-type:none; width:100px;}



.wmenu { height: 40px; font-size:24px;}

.form-submit input{margin-right:3px;}
.form-submit .r{margin-top:13px;}

/* */
.inline-btn{ background: #DFDFDF url('../img/button-left.png') no-repeat left top; padding-left:3px; float:left; margin-right:10px;}
.inline-btn span{ float:left; display:block; background: url('../img/button-right.png') no-repeat right top; text-transform:uppercase; font-family: Tahoma, Veradana, arial; font-size:83%; line-height:100%; padding-right:4px;}
.inline-btn span .spc{ float:left; padding:4px 7px 3px 7px; text-decoration:none;}  

a img{border:none;}
img, label, input, select{vertical-align:middle;}
label img{vertical-align:top;}

.div-table {margin-top:1.6em;  font-stretch:condensed;}
.div-table  .col1 {float:left; width:40px; font-weight:bold;}
.div-table  .col2 {float:left; width:60px; }
.div-table  .col3 {float:left; width:50px; }
.div-table  .col4 {float:left; width:70px; }
.div-table  .col5 {float:left; width:130px; }
.div-table  .col6 {float:left; width:290px; }
.div-table  .col7 {float:right;}
.div-table  .line-header { padding: 3px 2px 3px 5px; font-weight:bold; border-bottom:2px solid #d4d4d4; }
.div-table  .line { padding: 3px 2px 3px 5px; border-bottom:1px solid #d4d4d4; }

/* **** vypis objektu na homepage **** */
.hp-topline  { padding:10px 0px 10px 0px;}
.hp-topline .imgpod  { float: left; width: 110px;}
.hp-topline .textpod  { font-size:16px;}
.hp-topline .textpod h2 { font-size:14px; font-weight:bold; margin:0; padding: 5px 0 8px 0;}


.top-product {clear:both; background:#F7F7F7; border-bottom:1px solid #D4D4D4; border-right:1px solid #F0F0F0; margin-top:10px; }
.top-product .desc p { margin:5px 0 7px; font-weight:bold; font-size:100%;}
.top-product ul li .img { background:#BCBCBC url(http://www.c4dexchange.com/img/img-bg.png) 0 100% no-repeat; padding:1px 1px 3px 9px; zoom:1; width:100px;}
.top-product ul li .img img { border:0px; margin:auto; display:block;}
.top-product h2 { float:left; font-family:Calibri, Arial; font-size:200%; font-weight:bold; line-height:100%; padding:0px; margin:0.4em 23px 0.4em; text-transform:uppercase;}
.top-product h2 a { color:black; text-decoration: none;  padding-bottom:0px;}
.top-product h2 a { float:left; font-family:Calibri, Arial; border-bottom:1px solid black; font-weight:bold; line-height:100%; padding:0px; text-transform:uppercase;}
.top-product h3 {float:left; border-bottom:1px solid black; font-family:Calibri, Arial; font-size:120%; font-weight:bold; line-height:100%; padding:0px; margin:0.4em 23px 0.4em;}  /* **** UPRAVA DM - pridano **** */
.top-product h2 span { text-transform:none;} /* **** UPRAVA DM - pridano **** */
.top-product ul { padding:6px 0px; margin:0px 22px 0px 22px;  list-style:none;}
.top-product ul li { float:left; display:inline; text-align:center; margin:0 0 12px 25px;}
.top-product ul li:first-child { margin:0px;}

.top-product .sa-button { padding:0px 0px 10px 22px;}

/* **** LEVY a PRAVY SLOUPEC **** */
.col-h-l, .col-h-r{ float:left; width:45%} 
.col-h-r{ margin-left:10%;}


/* **** TABULKA se seznamem produktu na sales/orders.aspx **** */
.order-list { line-height:20px; font-stretch:condensed;}
.order-list .first-line {font-weight:bold; font-size:90%;}
.order-list .col {width:600px;}
.order-list .col1 {float:left; width:30px;}
.order-list .col2 {float:left; width:220px; }
.order-list .col3 {float:left; width:70px; }
.order-list .col4 {float:left; width:60px; text-align:center; }
.order-list .col5 {float:left; width:40px; text-align:right;  }
.order-list .col6 {float:left; width:55px; text-align:right;   }
.order-list .col7 {float:left; width:55px; text-align:right;  }
.order-list .col8 {float:left; width:120px; text-align:right; }
.order-list .col9 {float:left; width:60px; text-align:right;}

/* **** TABULKA se seznamem plateb autorum na common/mysales.aspx a admin/rozaltyPayments.aspx **** */
.mysales { line-height:20px; color:#333;}
.mysales .first-line {font-weight:bold; font-size:90%; border-bottom:solid 1px #000; margin-bottom:5px;}
.mysales .col {width:600px;}
.mysales .col1 {float:left; width:40px;}
.mysales .col2 {float:left; width:80px; }
.mysales .col3 {float:left; width:50px; }
.mysales .col3-4 {float:left; width:290px; }/* **** uprava pro admin/rozaltyPayments.aspx **** */
.mysales .col4 {float:left; width:240px; }
.mysales .col5 {float:left; width:100px;}
.mysales .col6 {float:left; width:50px; text-align:right;  }
.mysales .col7 {float:left; width:50px; text-align:right;   }
.mysales .col8 {float:left; width:40px; text-align:right;  }
.mysales .col9 {float:left; width:80px; text-align:right;  }

.mysales .col-total {float:left; width:580px; font-size:110%; font-weight:bold; text-align:right; }
.mysales .col-total-value {float:left; width:120px; font-size:110%; font-weight:bold; text-align:left;}

.mysales .col-chargeback {float:left; padding-left:30px; width:600px; font-size:90%;}




.invoice-list {}
.invoice-list .first-line {font-weight:bold; font-size:100%;}

.invoice-list .col1 {float:left; width:230px; text-align:left; }
.invoice-list .col2 {float:left; width:60px; text-align:right;}
.invoice-list .col3 {float:left; width:130px; text-align:right; }
.invoice-list .col4 {float:left; width:200px; text-align:right; }
.invoice-list .col5 {float:left; width:50px; text-align:right; }

/* XMENU collapsible javascript menu */
.xmenu {}
.xmenu ul {list-style:none; padding: 0;}
.xmenu ul li {padding: 0 0 5px 5px;}
.xmenu span {font-size:11px;}
.xmenu span.head {font-size:16px; font-weight:bold;}
.xmenu a {background:url('/img/bullet-triangle.gif') no-repeat 0 0.25em; padding-left:12px;}
.xmenu a.opened {background:url('/img/bullet-triangle-opened.gif') no-repeat 0 0.25em; padding-left:12px;}
.xmenu ul li ul a {background: none; padding:0; }
.xmenu ol { list-style:disc; padding-left:30px; margin:0;}
.xmenu ol li {padding-left:0px; margin:0; font-size:90%;}


/* TOOLTIPS */
#tooltip-small { 
    display:none; 
    background:transparent url(/css/tooltip/black_arrow_small.png); 
    font-size:11px; 
    height:30px; 
    width:159px; 
    padding:25px; 
    color:#fff; text-align:center;
}

.bookmarks{
	margin: 0 0 1.3em;
	padding: 0;
	list-style: none;
}

.bookmarks:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* Bookmarks */
.bookmarks {
	margin: 0 0 -1px 5px;
	position: relative;
}
.bookmarks li {
	float: left;
	padding-left: 5px;
	margin-left: 5px;
	background: url(/img/bg-tab.gif) no-repeat 0 0;
	border-bottom: 1px solid #C1C9CD;
}
.bookmarks li a {
	display: block;
	padding: 5px;
	padding-right: 10px;
	background: url(/img/bg-tab.gif) no-repeat 100% 0;
	color: #747474;
	font-weight: bold;
	text-decoration: none;
}
.bookmarks li.active {
	background: url("/img/bg-tab-active.gif") no-repeat 0 0;
	border-bottom: 1px solid white;
}
.bookmarks li.active a {
	background: url("/img/bg-tab-active.gif") no-repeat 100% 0;
	color: #34444B;
}

.bookmarks-border {
	border-top: 1px solid #C1C9CD;
	border-bottom: 1px solid #C1C9CD;
	padding:9px 10px 9px 20px;

	background:#F7F7F7;
	margin:0px -19px 10px;
}
.bookmarks-tabs {
	
	margin:0px -15px 0px;
}