/********************************************** *   CSS file: style.css                      * *   Autor: Pfeffer Vladimir                  * **********************************************/
/********************************************** *                  CYCLE                     * **********************************************/
.darkrow {
	background-color: #DFF5F9;
}
.lightrow {
	background-color: white;
}
.branch {
	display: none;
	margin-left: 16px;
}
/********************************************** *                  HELPS                     * **********************************************/
.help {
	position: relative;
	padding: 0;
	margin: 0 2px;
	float: left;
	text-align: left;
}
.help em {
	position: absolute;
	background: white;
	width: 250px;
	border: 1px solid #996633;
	color: black;
	top: 0px;
	left: 70px;
	text-align: left;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}
/********************************************** *                  HEADS                     * **********************************************/
/*h1 {
	padding: 0;
	margin: 0;
	color: #000;
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif;
	letter-spacing: -1px;
}
*/
#header .f_search {
	float: right;
	padding: 70px 50px 0 0;
}
#header .title {
	display: block;
	float: left;
	padding: 45px 0 0 50px;
}
h2 {
	background: url(h.gif) no-repeat left center;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	padding: 0 0 0 15px;
	border: 0;
}
h3 a {
	text-decoration: none;
}
#header {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 13px 0 0;
	width: 1000px;
	background: #FF9503 url(header.gif) no-repeat center top;
	height: 142px;
	color: #000;
}
#header h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #fff;
	cursor: pointer;
}
#header h2 {
	background-image: none;
	color: #A90000;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}
h2 a {
	font-family: "Arial";
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	text-decoration: none;
}
h2 a:hover {
	background: #FFF;
	color: #A90000;
}
h3 {
	border-bottom: 1px solid #FEAB06;
	list-style-type: none;
	font: 85% Arial, Sans-Serif;
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	color: #000;
	color: #5f5f5f;
}
h4 {
	font-family:  "Arial";
	font-size: 12px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 0;
	background: none;
	color: #000;
}
/********************************************** *               SIMPLE TAGS                  * **********************************************/
body {
	margin: 0;
	padding: 0;
	font: 74% Arial, Sans-Serif;
	color: #000;
	text-align: center;
	background: #343434 url(bg.jpg) repeat-x;
	line-height: 1.7em;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	margin: 0 0 2px 0;
	padding: 0;
	color: #555;
}
p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #404040;
}
a {
	color: #a90000;
	text-decoration: underline;
	outline: none;
}
a:focus {
	outline: none;
}
img {
	border: 0 none;
}

.img-border {
  border: 1px solid gray;
  padding: 2px;
  margin: 20px;
}

a:hover {
	color: #FC7901;
}

fieldset {
	padding: 10px;
	border: 1px solid #DDD;
	border-top: 4px solid #DDD;
	margin-bottom: 20px;
}

table {
	color: black;
	font-size: 12px;
}

/********************************************** *                    LOGIN                   * **********************************************/
#login {
	padding: 0px;
}
table#login td {
	padding: 0px;
	padding-top: 4px;
}
/********************************************** *                  CLASS & ID                * **********************************************/
.access_admin {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -100px;
	display: block;
	width: 200px;
}
.center {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}
.required {
	display: block;
	float: left;
	color: red;
	font-weight: bold;
	font-size: 1.5em;
	margin: 3px;
}
.cart-fieldset {
	width: 520px;
}
.order-fieldset {
  background-color: #F8F8FF;
  width: 95%;
}

.order-fieldset-custinfo {
  background-color: #F8F8FF;
  width: 70%;
}

.order-table {
  width: 100%;
  font-size: 1em;
}

legend {
	background: url(icolegend.png) no-repeat 5px center;
	color: #900;
	font-family: "Trebuchet MS";
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 0.1em;
	margin-left: 5px;
	padding: 5px;
	padding-left: 27px;
}
table.carttable {
	font-family: arial;
	border-collapse: collapse;
	font-size: 10pt;
	background-color: #FFD5A6;
	width: 100%;
	border-style: solid;
	border-color: #9AD;
	border-width: 1px;
	margin-top: 30px;
}
ul.section2 {
	margin: 0 0 0 50px;
	list-style-type: square;
	color: #555;
}
th.carttable {
	font-size: 8pt;
	color: #fff;
	background-color: #AA3301;
	padding: 5px 5px 5px 10px;
}
td {
  padding-right: 10px; 
}

td.carttable {
	font-size: 8pt;
	color: #333;
	padding: 3px;
	height: 40px;
}
td.carttable input {
	font-size: 8pt;
}
tr.carttablefooter {
	background: #AA3301;
	color: #fff;
}
tr.carttabledark {
	background: #FFD5A6;
}
tr.carttablelight {
	background: #fff;
}
ul.news {  
  margin-bottom: 30px;  
}

.note {
	background: #FF9 url("info.png") no-repeat left center;
	behavior: url(http://www.zlatakorunacz.cz/eshop/images/pngfix/iepngfix.htc);
	width: 90%;
	border: 1px solid #FEAB06;
	list-style: square outside;
	padding: 5px;
	padding-left: 50px;
	color: black;
	font-weight: bold;
	min-height: 40px;
}
#order label {
	float: left;	
	text-align: left;
  margin-top: 5px;
  margin-right: 15px;	
}

#order input[type="text"], #order input[type="password"] {
	border: 1px solid #c7c7c7;
	text-align: left;
	width: 180px;	
	font-size: 1em;
	color: #333;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 5px;
}

#order select {
	border: 1px solid #c7c7c7;
	text-align: left;
	width: 180px;
	height: 25px;
	font-size: 1em;
	color: #333;		
	margin-right: 4px;
	
}

#order textarea {
	width: 180px;
	height: 150px;
	font-size: 1em;
	text-align: left;
	border: 1px solid #c7c7c7;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 5px;
}
#order input.odeslat {
	background: #a60000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 30px;
}
#order .top {
	margin-top: 4px;
	vertical-align: top;
	border: 0 none;
}

.firstTd {
  padding-right:6px;
  padding-top:5px;
  vertical-align:top;
}

.secondTd {
  border-top:1px solid #CCCCCC;
  padding:4px 0 3px;
}


.brief table {
	width: 100%;
}
.content {
	background: #FFF url(bgmain.gif) repeat-y center;
	color: #ccc;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}
/* SUBHEADER ---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader {
	background: #A90000 url(bgmenu.gif) repeat-y center;
	width: 787px;
	height: 1px;
	background-color: #A90000;
	color: #FFF;
}
#subheader .padding {
	padding: 10px 15px;
}
#subheader h2 {
	color: #FEAB06;
}
#subheader a {
	color: #FECF5F;
}
/* NAVIGATION---------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu {
	text-align: left;
	background: #A90000;
	color: #CFF;
	margin: 0;
	margin-left: 12px;
	padding: 0;
	width: 974px;
	height: 27px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	font-weight: bolder;
}
#menu ul li {
	float: left;
	font-weight: bold;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	height: 15px;
	text-align: center;
}
#menu ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0;
	padding: 5px;
	margin: 0;
}
.current_page {
	font-size: 1.4em;
	font-weight: bold;
	color: #A52A2A;
}
/* MAIN---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main {
	background: #fff;
	width: 950px;
	margin: 0 10px;
	color: #404040;
}
#main .left_side {
	float: left;
	display: block;
	padding: 15px 0 0 15px;
	margin: 0;
	width: 200px;
	background: url(mright.png) no-repeat right;
	min-height: 505px;
}
#main .left_side .hitems {
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
}
.hitems a.email {
	background: transparent url(mini/mail.gif) no-repeat scroll 0 2pt;
	padding-left: 20px;
}
.hitems a.map {
	background: transparent url(mini/map.gif) no-repeat scroll 0 2pt;
	padding-left: 20px;
}
#main .left_side .hitems ul {
	margin: 5px 0;
	padding: 0;
	color: #a90000;
}
#main .left_side .hitems li {
	margin: 0 0 2px 20px;
	padding: 0;
	color: #555;
}
#main .right_side {
	float: right;
	display: block;
	width: 730px;
	background: #fff;	
	margin-left: 0px;
	margin-bottom: 50px;
}
#navigace {
	margin-top: 5px;
	margin-bottom: 30px;
}
.underline {
	text-decoration: underline;
}
.table_info {
	font-size: 1em;
	width: 290px;
	margin-bottom: 15px;
	border-width: 2px;
	border-spacing: 10px;
}
.cena_info {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}
.table_info_td {
	font-weight: bold;
}
.product_info {
	display: block;
	margin-top: 40px;
}
.product_info p {
	text-align: justify;
}
.mince {
	display: block;
	float: right;
	clear: both;
	text-align: center;
	/*border: 1px solid #DDAA99;
*/
	padding: 10px;
	margin-bottom: 5px;
}
#main .box {
	background: #efefef;
	padding: 5px;
	border: 1px solid #ccc;
}
ul.podkategorie {
	display: block;
	float: left;
  margin: 30px 20px;
	padding: 0;
	list-style: none;
	border-bottom: 0 solid #eee;
	list-style-type: square;
	color: #a90000;
}
#main .right_side li {
	margin: 0 0 2px 15px;
	padding: 0;
	color: #000000;	
}

ul.podkategorie li {
  width: 250px;
}

#main .right_side p {	
	margin-bottom: 10px;
}
/* FOOTER---------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer_info {	
	clear: both;  
	color: #555;	
	font-size: 90%;	
	text-align: center;
}

#footer {
	clear: both;
	height: 54px;
	color: #555;
	background: #fff url(footer.gif) no-repeat scroll bottom;
	font-size: 90%;
	padding: 13px;
	text-align: center;
}
#footer .padding {
	padding: 10px 0 0 0;
}
#footer .right {
	float: right;
	clear: right;
	text-align: right;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/
input.search {
	display: block;
  float: left;
  width: 150px;
  padding: 3px;	
  border: 1px solid #A90000;
	color: #666;	
}
input.submit {	
  display: block;  
  background: #FFAF06 url(btn/btn_yellow.jpg) repeat-x scroll 0 50%;
	color: #000000;
	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid gray;	
  cursor: pointer;
	padding: 7px 20px;
}

input.search_submit {	
  display: block;
  float: left;  
  background: #FFAF06 url(btn/btn_yellow.jpg) repeat-x scroll 0 50%;	
  color: #000000;
	font: bold 1.0em Arial, Verdana, Helvetica, sans-serif;		
  cursor: pointer;
  border: 1px solid gray;
  padding: 2px;
}

input.submit_all {  
  display: block;    
  background: #0055FF url(btn/btn_blue.jpg) repeat-x scroll 0 46%;
	color: #FFFFFF;
	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid gray;
	cursor: pointer;
	padding: 7px 20px;
}

input.submit_wrong {  
  display: block;    
  background: #0055FF url(btn/btn_red.jpg) repeat-x scroll 0 50%;
	color: #FFFFFF;
	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid gray;
	cursor: pointer;
	padding: 7px 20px;
}

input.search:hover {
	background: #FFFFF4 url(btnbuy-hover.gif) repeat scroll 0 0;
}
.brief_bottom a:hover {
	background-color: #fff;
}
.left_side h3 {
	background: url(h.gif) no-repeat left;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	margin: 5px 0;
	padding: 0 0 0 15px;
}
textarea.text {
	height: 150px;
	width: 90%;
	border: 1px solid #A90000;
	background: #FFF;
	color: #354D5F;
}
textarea.text:hover {
	border: 1px solid #A70000;
	background: #FFFFF4;
	color: #000;
}
input.field {
	border: 1px solid #A90000;
	background-color: #fff;
	width: 283px;
	color: #000;
}
input.field:hover {
	border: 1px solid #A70000;
	background: #FFFFF4;
	color: #000;
}
input.text {
	border: 1px solid #A70000;
	margin: 0;
	width: 150px;
	background: inherit;
	color: #000;
	padding: 4px;
}
input.text:hover {
	border: 0 solid #A70000;
}
.poznamka {
	color: #606060;
	background: #fff;
	text-align: right;
}
.top {
	border-top: 1px solid #eee;
	margin: 4px 0 5px 0;
	padding: 0.4em 0 0 0;
}
/*.bottom {
	border-bottom: 1px solid #eeeeee;
	margin: 4px 0 5px 0;
	padding: 0 0 0.4em 0;
}
*/
.comments {
	padding: 10px 10px 8px 10px;
	margin: 0 0 7px 0;
	background: #f8f8f8;
	color: #000;
}
.commentsbox {
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	color: #000;
}
ul.error {
	display: block;
	background: #FF9;
	padding: 5px;
	text-align: left;
	display: block;
	width: 97%;
	list-style-type: square;
	border: 1px solid #900;
	margin-bottom: 15px;
}
.error h2 {
	color: #900;
	background: inherit;
}
.success {
	color: #000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}
.cart {
	font-size: 11px;
	BORDER-BOTTOM: 0 solid;
	BORDER-LEFT: 0 solid;
	BORDER-RIGHT: 0 solid;
	BORDER-TOP: 0 solid;
	margin: 1px;
	font-weight: bold;
	color: #000;
	background-color:  transparent;
}
/* AUKCNI SIN ------------------------------------------------------------------------- */
.aukce_border {
	width: 100%;
	background: url(bgprod.gif) repeat-x left bottom;
	border: 1px solid #CECECE;
	border-top: 4px solid #CECECE;
}
.aukce_border h4 {
	color: black;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding-bottom: 10px;
}
a.information {
	display: block;
	width: 95%;
	text-align: right;
}
/* BRIEFING---------------------------------------------------------------------------- */
.brief {
	display: block;
	float: left;
	width: 230px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.brief_border {
	background: url(bgprod.gif) repeat-x left bottom;
	border: 1px solid #CECECE;
	border-top: 4px solid #CECECE;
}
.brief_pom {
	margin: 10px;
}
.brief_name {
	background: #fff;
	margin-bottom: 10px;
	font-size: 1.4em;
}
.brief_name h2 {
	font-size: 1.4em;
}
.brief_typ {
	width: 50px;
	text-align: left;
}
.brief_cena {
	width: 80px;
	font-size: 1.2em;
	margin-bottom: 3px;
}
.brief_bottom {
	display: block;
	width: 100%;
}
.pridat {
	background: #F90 url(btnbuy.gif) repeat scroll 0 0;
	color: #fff;
	width: 50px;
	text-align: center;
	font-size: 1em;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #630;
}
a.pridat:hover {
	background: #F90 url(btnbuy-hover.gif) repeat scroll 0 0;
}
.brief_mince {
	display: block;
	text-align: center;
	width: 100%;
}
.thumbnail {
	display: inline;
	margin: 10px;
	width: 160px;
}
.not_for_order {
	display: block;
	color: #B81212;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 6px;
}
.clear {
	clear: both;
	visibility: hidden;
}

.total_price_box {
	display: block;
	float: right;
  margin: 20px;
}
.total_price {
  margin: 7px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.5em;
  text-align: right;
}

/*********************************** *  EMISNI PLAN ***********************************/
.section_contact {
	margin-bottom: 30px;
}
.hitems h3 {
	background: url(h.gif) no-repeat left center;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	margin: 5px 0;
	padding: 0 0 0 15px;
	border: 0;
}
.product_info h3, .brief_name h2 {
	background: none;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}
.brief_name h2 a:hover {
	text-decoration: underline;
}
#page_head {
	margin: 0 0 20px 0;
}

/****************************
 *    JQUERY               **
 ****************************/ 
#modal-overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

#modal-window {
	position: fixed;
	z-index: 102;
	display:none;
	top:50%;
	left:50%;
}
#modal-window img 
{
	display: block;
	border: 3px solid #ccc;
}
#modal-load{
    position: fixed;
    height:13px;
    width:208px;
    background: url(loadingAnimation.gif) no-repeat;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 350px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {    
    display: block;
    border: 0;
    padding: 1px;
    border: 1px solid #F7FBFC;
}

.align_content {
  text-align: justify;
}

.pagination{text-align: right; width: 90%; margin:20px;}
.pagination a, .pagination span {
    background: url("../img/borderbottom.jpg") bottom repeat-x #fff;
    padding: 5px;
    margin: 0px;
    border: 1px solid #d9d9d9;
    text-decoration: none;-moz-border-radius:3px;-webkit-border-radius: 3px;
}


.center_block_85 {
    display: block; 
    width: 85%; 
    text-align: center
}

.nobr {
  white-space: nowrap
}