body
{ 
//background-color:#6F605A;
background-color:#6F605A;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
 background-image: url(images/library1.jpeg);
background-attachment: fixed;
background-size:  100% auto;
}
a{
color:#C67917;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
padding:5px 15px 5px 15px;
font-size:14px;

}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:8px;
font-style:italic;
}
p.more_details{
padding:25px 20px 0px 20px;
font-size:11px;

}
#wrap{
//width:900px;
width:1000px;
height: auto;
margin:auto;
background-color:#FFFFFF;
position: absolute;  top: 0px;left: 0;  right: 0;
z-index:0;
border:1px solid black;
}
.header{
width:1000px;
height:181px;
background:url(images/header.jpg) no-repeat center;
}
.logo{
padding:50px 0 0 130px;
}
/*-----------------------------menu-------------------*/
#menu{
width:928px;
height:30px;
padding:55px 0 0 10px;
}
#menu ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}
#menu ul li a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 4px 0 4px;
_margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:25px;
}
#menu ul li.selected a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:none;
text-align:center;
color:#f7a849;
font-size:13px;
line-height:25px;
}
#menu ul li a:hover{
color:#f7a849;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#990000;
}
span.red{
color:#990000;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
min-width: 1000px;
min-height: 900px;
width:1000px;
padding:0px 0 0 0;
background:url(images/center_bg.gif) repeat-y center;
}
.left_content{
width:590px;
float:left;
padding:20px 0 20px 20px;
}

iframe { 
border: 0px solid #CCCCCC;
}

/*.autorFrame{
width:450px;
float:left;
padding:20px 0 20px 20px;
}*/
.files_content{
width:350px;
float:left;
padding:20px;
}
.title{
color:#734633;
padding:0px;
float:left;
font-size:19px;
margin:10px 0 10px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
color: #C67917;
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
color:#C67917;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}
.about{
width:337px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 35px 0;
}
img.right{
float:right;
padding:0 0 0 10px;
}

img.rightBoy{
float:right;
padding:0 0 0 10px;
position:absolute;
top:185px;
left:455px;
}

img.left{
float:left;
padding:0 0 0 10px;
}

img.leftHelp{
float:left;
margin-right: 20px;
margin-top: -8px;
}

.right_box{
width:170px;
float:left;
padding:10px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:0px 0 10px 20px;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
position:relative;
overflow: visible;
}

.new_prod_box:hover .genreMenu{
display:block;
box-shadow: 3px 3px 2px #999999;
height:270px;
width: 300px;
overflow-y: auto;
opacity:1;
transition-delay: 250ms;
-webkit-transition-delay: 250ms;
}

.Fade{
    background-color: black;
    opacity: 1;
}

.new_prod_box .genreMenu{
//display: none;
background-color:white;
border:1px #CCCCCC solid;
z-index: -1;
position:absolute;
left:10px;
top:190px;
z-index: 10;
text-align: left;
width: 80px;
display: hide;
overflow-y: hidden;
opacity:0;
overflow-x: hidden;
height:0px;

transition: 500ms;
-webkit-transition: 500ms;
}

.new_prod_box .genreMenu a{
    color: black;
    text-decoration: none;
    padding: 0px 5px 0 0;
    margin:3px;
}

.new_prod_box .genreMenu ul{
     list-style-type: none;
}

.new_prod_box a{
margin-left: -5px;
color:#b5b5b6;
text-decoration:none;
display:block;
}

.genre{
padding:5px 0 5px 0;

text-decoration:none;
display:block;

}

.new_prod_bg{
width:132px;
height:150px;
text-align:center;
background:white;
position:relative;


border-style: solid; 
border-width: 1px; 
border-color: #CCCCCC;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#795636;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/
.languages_box{
padding:0 0 5px 0;
float:left;
}
.languages_box a{
padding:0 2px 0 2px;
}
.languages_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}
.currency{
float:left;
padding:0 0 0 20px;
}
.currency a{
text-decoration:none;
color:#333333;
padding:3px;
border:1px #eeedee solid;
}
.currency a.selected{
text-decoration:none;
color:#fff;
padding:3px;
border:1px #eeedee solid;
background-color:#FF9900;
font-weight:bold;
}
.currency a:hover{
border:1px #990000 solid;
}
/*------------------------cart---------------------*/
.cart{
width:337px;
float:left;
height:40px;
margin:10px 0 10px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 30px 0;
}
.home_cart_content{
float:left;
padding:3px;
border:1px #eeedee solid;
margin:10px 0 0 15px;
}
a.view_cart{
display:block;
float:left;
margin:12px 0 0 10px;
color:#990000;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}
a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#795636;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------cart_table-------------*/
.cart_table{
width:440px;
border:1px #CCCCCC solid;
text-align:center;
}
tr.cart_title{
background-color:#DFDFDF;
}
td{
padding:3px;
}
td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}
img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
}
/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none; 
color: #795636;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #795636;
color: #fff;
background-color: #795636;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
font-weight: bold;
background-color: #795636;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:100px;
border-top:1px #b2b2b2 dashed;
background:url(images/footer_bg.gif) no-repeat bottom;
}
.left_footer{
float:left;
padding:10px 0 0 10px;
}
.right_footer{
float:right;
padding:10px 10px 0 0;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#afaeaf;
}

.login_info{
   
}

.infoBox{
    border: 1px solid;
    border-color:#CCCCCC;
    padding:10px;
    width: 530px;
    box-sizing:border-box;
    background-color: #DFDFDF;
    text-align: justify;
    box-shadow: 3px 3px 2px #999999;
}

.searchBox{
    border: 1px solid;
    border-color:#CCCCCC;
    padding:10px;
    width: 515px;
    box-sizing:border-box;
    background-color: #DFDFDF;
    text-align: justify;
    margin-bottom: 15px;
    margin-left: 15px;
    box-shadow: 3px 3px 2px #999999;
}

.searchItem{
    margin:3px;
    padding:3px;
    width:100%;
}

.searchItem:hover{
    background-color:#f7a849;
    border:1px solid;border-color: black;
    padding:2px;
}

.searchItem:hover a{
    color:black;
}

a.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}

#containerSearchResult {
border: 1px solid;
    border-color:#CCCCCC;
    padding:10px;
    width: 530px;
    box-sizing:border-box;
    background-color: #DFDFDF;
    
    box-shadow: 3px 3px 2px #999999;	
    min-height: 500px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    background-color:#FFFFFF;	
    margin-bottom: 14px;
}


#loginContainer {
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #CCCCCC;
	padding: 9px;
	background-color:#FFFFFF;
        
	
}

#uploadLink  {
    float:left;
}

#uploadLink a{
    position:relative;
    left:10px;
    top:-12px;
}

#uploadLink .linkSep{
    position:relative;
    left:10px;
    top:-12px;
}

#newsTable{
     border-collapse: collapse;
     border-color: #CCCCCC;
     width: 530px;
 
}

#newsTable td {
   
    border: 1px solid;
    border-color: #999999;
    
}

#newsTable th {
    background-color: #734633;
    border: 1px solid;
    color: #f7a849;
    border-color: #000000;
    padding: 3px;
    
}

#newsTable tr {
    background-color: #DFDFDF;
    color: #000000;
    padding: 3px;
    border-color: #CCCCCC
}

#newsTable tr:hover {
          background-color:#f7a849;
          border:1px solid;
          border-color: black;
          z-index: 5;
}


#newCommentsTable{
     border-collapse: collapse;
     border-color: #CCCCCC;
     width: 530px; 
}

#newCommentsTable td {
   
    border: 1px solid;
    border-color: #999999;
    
}

#newCommentsTable th {
    background-color: #734633;
    border: 1px solid;
    color: #f7a849;
    border-color: #000000;
    padding: 3px;
    
}

#newCommentsTable tr {
    background-color: #DFDFDF;
    color: #000000;
    padding: 3px;
    border-color: #CCCCCC
}

#newCommentsTable a {
    color: #000000;

}

#newsTable a {
    color: #000000;
    font-weight:bold;
}

#logo3{
   display: block;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    

}

#dblogo{
    position:relative;
    top: 5px;
}

#logoleft{
   float: right;
    

}
#doporucene{
height:460px;width:480px;border:0px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;
float:right;
padding-right: 55px;

}

#doporuceneWrap{
height:460px;width:550px;border:0px solid #ccc;font:16px/26px Georgia, Garamond, Serif;

display:inline-block;
}

#comments{
max-height:370px;width:420px;border:0px solid #ccc;font:15px/18px Serif;overflow:auto;
padding: 15px;
//border-width: 0px;
   border-bottom-width:1px;
  border-top-width: 1px;
  border-top-style: solid;
   border-bottom-style: solid;
}

#comment{
    display:inline-block;
}







.searchFormInner{
    margin-left: auto;
    margin-right:auto;
    padding-bottom: 30px;
    padding-top: 10px;
}