@charset "utf-8";

@import url("fontawesome-3.2.1.min.css");
@import url("framework.css");


/* Rows
---------------------------------------------------------------------------------------------------------------*/
.row0{border-bottom:1px solid;}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4{border-top:1px solid;}
.row5{border-top:1px solid;}


/* Header
---------------------------------------------------------------------------------------------------------------*/
#header{padding:50px 0; text-align:center;}
#logo *{margin:0; padding:0;}
#logo h1{font-size:56px; text-transform:uppercase;}


/* Shout
---------------------------------------------------------------------------------------------------------------------------------------*/

#shout {
    padding: 28px 0 12px;
}
#shout a{display:block; border-radius:8px;}


/* Content Area
---------------------------------------------------------------------------------------------------------------*/
#container{padding:50px 0;}

/* Content */
#container #content{}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

/* Sidebar */
#container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
---------------------------------------------------------------------------------------------------------------*/
#footer{padding:50px 0;}
#footer .title{margin:0 0 30px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:18px;}
.ftgal li{margin-bottom:20px;}


/* Copyright
---------------------------------------------------------------------------------------------------------------*/
#copyright{padding:30px 0;}
#copyright p{margin:0; padding:0;}


/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Navigation
---------------------------------------------------------------------------------------------------------------*/
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{font-size:0; text-align:center;}
#mainav a{font-size:14px;}
#mainav ul{background-color: #5F8627;}
#mainav ul ul{z-index:9999; position:absolute; width:200px; text-align:left;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:15px 20px; text-transform:uppercase; border:solid; border-width:0 0 0 1px;}
#mainav li:last-child a{border-width:0 1px;}
#mainav li li a{border-width:0 0 1px 0; text-transform:none;}
#mainav li li:first-child a, #mainav li li:last-child a{border-width:0 0 1px 0;}
#mainav .drop{padding-left:25px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:20px; left:15px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{display:none;}
#mainav ul li:hover > ul{display:block;}

/* Breadcrumb */
#breadcrumb{padding:10px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:5px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}


/* Forms
---------------------------------------------------------------------------------------------------------------*/
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select{display:block; resize:none; font-size:inherit; box-sizing:border-box;}
input.shopingCart{ display: inline-block;resize:none; font-size:inherit; box-sizing:border-box;}
label{margin-bottom:5px;}

/* Comment Area */
#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}


/* Tables
---------------------------------------------------------------------------------------------------------------*/
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery
---------------------------------------------------------------------------------------------------------------*/
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Colours
---------------------------------------------------------------------------------------------------------------*/
body{color:#fdfdfd; background-color:#FFFFFF;}  /* kolo #999999   bgkolo #292929  */

a{color:#D54346;}

hr, .borderedbox{border-color:#111111;}     /* border #111111    */

label span{color:#FF0000; background-color:inherit;}

.lt_bg{color:#999999; background-color:#373737;}


/* Rows */
.row0{color:#2A2927; background-color:#FFFFFF; border-color:#333333;}
.row1, .row1 a{color:#FFFFFF; background-color:#000000;}
.row2, .row2 a{color:#2A2927; background-color:#FFFFFF;}
.row3{color:#2A2927; background-color:#FFFFFF;}
.row4{color:#999999; background-color:#373737; border-color:#111111;}
.row5, .row5 a{color:#2A2927; background-color:#FFFFFF;}
.row5{border-color:#575757;}


/* Shout */
#shout a{color:#FFFFFF; background-color:#D54346;}
#shout a.normal:link, #shout a.normal:visited { 
    color: #000000;
    text-decoration: underline;
    cursor: auto;
    background-color: #FFFFFF;
    cursor: auto;
  }

  #shout a.normal:link:active, #shout a.normal:visited:active { 
    color:#D54346;
    background-color: #FFFFFF;
    cursor: auto;
  }
  #shout a.normal:hover{
    cursor: auto;}

 /* Create two unequal columns that floats next to each other */
 #shout .column {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
  }
  
  /* Control the left side */
  #shout .left {
    width: 70%;
    float:left;
  }
  
  /* Control the right side */
  #shout .right {
    width: 25%;
    float:right
  }

  /* Clear floats after the columns */
 #shout .contentrow:after {
    content: "";
    display: table;
    clear: both;
  }
/* Footer */
#footer .title{border-color:#111111;}


/* Navigation */
#mainav li a{color:#2A2927; background-color:inherit; border-color:#333333;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#2A2927; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#2A2927; background-color:#FFFFFF; border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#DA9200;}

#container .sidebar nav a{color:#999999; border-color:#111111;}
#container .sidebar nav a:hover{color::#DA9200;}

.pagination a, .pagination strong{border-color:#111111;}
.pagination .current{color:#FFFFFF; background-color:#000000;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#111111;}
#comments input, #comments textarea{color:inherit; background-color:#373737;}
th{color:inherit; background-color:#000000;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#434343;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#373737;}
table a, #comments a{background-color:inherit;}



/*---------- new added css classes  -----------*/

.books_main {width:100%;float:left;}
.categories_sidebar_main {float:left;width:30%;}
.categories_sidebar {float:left;width:100%;margin:0 0 25px;}
.categories_sidebar h2
 {
 color:#bbb;
 border-radius: 8px 8px 0 0;
    float: left;
    margin: 0;
    padding: 6px 0px;
    text-align: center;
    width: 100%;
 background: #716e6e; /* Old browsers */
background: -moz-linear-gradient(top,  #716e6e 0%, #504f4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#716e6e), color-stop(100%,#504f4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #716e6e 0%,#504f4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #716e6e 0%,#504f4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #716e6e 0%,#504f4f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #716e6e 0%,#504f4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#716e6e', endColorstr='#504f4f',GradientType=0 ); /* IE6-9 */


 }

.categories_main {width:100%;float:left;background:#373737; padding: 0 0 14px;}
.categories_main li{width:100%;float:left;}

.categories_main a {
    color: #999;
    float: left;
    margin: 0 0 8px;
}
.categories_main a:hover {
    color: #fff;

}
.books_tumbs_main {width:65%;float:right;}
.book_thumb {width:100%;float:left;margin:0 0 33px;}
.book_thumb_inner {
  float: left;
  margin: 0 37px 0 0;
  width: 130px;
}
.book_thumb_inner img {
    border: 2px solid #555;
    float: left;
    width: 100%;
}
.book_thumb_inner p {width:100%;float:left;text-align:center; margin: 3px 0 0;}
.book_thumb_inner > a {
  background: none repeat scroll 0 0 #494848;
  border-radius: 8px;
  color: #aaa;
  float: left;
  margin: 6px 0 0 30px;
  text-align: center;
  width: 59%;
  font-size:12px;
}
.mright {margin:0px !important;}
.categories_main > p {
    font-size: 13px;
    padding: 0 20px;
}
.categories_main input {
  background: none repeat scroll 0 0 #999;
  border: 2px solid #555;
  color: #444;
  font-size: 12px;
  height: 32px;
  margin: 0 0 0 20px;
  text-indent: 8px;
  width: 250px;
}
.subscribe {float:right;width:auto;}
.subscribe input{
border: 1px solid #000;
    border-radius: 8px;
    color: #ccc;
    float: left;
    font-size: 14px;
    height: auto;
    margin: 17px 21px 0 0;
    padding: 6px;
    width: auto;
background: rgb(160,160,165); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYTBhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YTY4NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(160,160,165,1) 0%, rgba(106,104,104,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,160,165,1)), color-stop(100%,rgba(106,104,104,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(160,160,165,1) 0%,rgba(106,104,104,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(160,160,165,1) 0%,rgba(106,104,104,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(160,160,165,1) 0%,rgba(106,104,104,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(160,160,165,1) 0%,rgba(106,104,104,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a5', endColorstr='#6a6868',GradientType=0 ); /* IE6-8 */

}
.logo {
    background: none repeat scroll 0 0 white;
    float: left;
    text-align: left;
    width: 100%;
    z-index: 1;
}
.social {
    float: right;
    margin: 22px 19px 0 0;
}

.logo img {
    margin: 13px 0 6px;
}
.sidebar.one_quarter {
    background: none repeat scroll 0 0 #DA9200 !important; /*was #111 */
    border-radius: 8px;
    padding: 12px;
}

#content h1 {
    background: none repeat scroll 0 0 #FFF;
    color: #444;  
    padding: 5px 11px;
}
#content li {
    margin: 0 0 15px;
}
#content li  font {
    color: #444;    /*was #FFF */
    font-weight: bold;

}
#content h2 {color:#444;}  /*was #FFF */

.numbers li {list-style:decimal;}

.dugme {
  background-image:url('../../images/paypal.png');
  background-size:cover;
  width:400px; /* or whatever */
  height:57px; /* or whatever */
  border-radius: 12px;
}
.addToCart {
  background-image:url('../../images/AddToCart.png');
  background-size:cover;
  width:400px; /* or whatever */
  height:80px; /* or whatever */
  border-radius: 12px;
}
.delItem {
  background-image:url('../../images/delete.png');
  background-size:cover;

}