/**
 * 
 *  Alex toys 
 *  http://www.alextoys.cz
 *  
 *  Tiskove CSS styl.
 *  
 *  Autor: Martin Hakl, Breezy New Media (www.breezy.cz)
 *
 *
 *    I.   Zakladni CSS tridy
 *    II.  Nadpisy & zakladni tagy 
 *  
 *    1) Pisma & barvy pisma
 *    2) Layout
 *    3) Jednotlive stranky
 *
 *  media: print
 *
 **/ 


 /*
 * I. Zakladni CSS tridy
 *     ==================
 **/
html, body, div, p, li, ul, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center !important;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}
a         { outline-style: none; }

.clear        { display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear1px     { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear5px     { clear: both; height: 5px; font-size: 5px; line-height: 5px; /* for IE */ }
.clear20px    { clear: both; height: 20px; font-size: 20px; line-height: 20px; /* for IE */ }
.clear30px    { clear: both; height: 30px; font-size: 30px; line-height: 30px; /* for IE */ }

.borderRight {  border-right: 1px solid #d9eaf4; }

fieldset { border: 0;}

html, body         { height: 100%; }
body        { margin:0; padding:0; line-height: 1.4em; word-spacing: 1px; letter-spacing:0.2px; font: 12px Arial, Helvetica,"Lucida Grande", serif; color: #000 !important; }

/*
 * II. Nadpisy & zakladni tagy
 *     =======================
 **/

/* -- Links -- */
a, a:visited, a:active, a:link {  color: #000; text-decoration: none; }
a:hover                        {  text-decoration: none; }
a img                          {  border: 0; }

/* -- Nadpisy -- */
h1, h2, h3 { font-weight: normal; color: #000; }

h1         { font-size: 1.6em; margin: 0 0 25px; }
h2         { font-size: 1.3em; margin: 0 0 15px; }
h3         { font-size: 1.2em; margin: 0 0 5px; }      

.title     { font-size: 1.4em; margin: 0 0 25px; }

/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/
table { font-size: 1em;}

#content p {
  margin-bottom: 20px;
  font-size: 0.917em;
  line-height: 1.6em;
}

/*
 * 2) Layout
 *    ======
 **/

/* Hidden */
#column, #footer, #mainMenu, #cart, #search, .breadcrumbs, .share, .count, .ico-thumb, .btn.addCart, .links, .btnCartCross.fl, .bgBlue, 
.print, .navi, .bookmarks, #video, #manual, #game, .label, .ico-award, #productList.related, .noPrint { display: none; }

body {
	background: white;
}
	
#main, #inner, #content {
	width: auto; 
	margin: 0 5%;
	padding: 0; 
	border: 0;
	text-align: left;
	float: none !important;
	color: #000; 
  font-size: 12pt;
	background: transparent;
}

body>#main {
 	height: auto;
}

#header { 
  position: relative;
	margin: 0 5%;
	width: auto;  height: 80px;
}

/* Logo */
#logo a {
	display: block; 
	margin: 0 5%; padding: 0;
	width: 500px;	height: 75px; line-height: 75px;
	font-size: 2.2em; font-weight: bold; 
  color: #000 !important; text-decoration: none;
}

/* Výpis produktů */
#productList .product {
  position: relative;
  float: left;
  width: 32%; height: 320px; overflow: hidden;
  padding-top: 10px;
  border-right: 1px solid #348bbb;
  border-bottom: 1px solid #348bbb;
}

#productList.related .product {
  border-right: 1px solid #d9eaf4;
  border-bottom: none;  
}

#productList .product.last {  border-right: none; }

#productList .product .thumb {
  text-align: center;
  margin-bottom: 5px;
  height: 150px;
}

#productList .product h2 {
  margin: 0 10px;
  text-align: left;
  margin-bottom: 0; padding-right: 40px;
}

#productList .product h2 a {
  font-size: .7em;
  color: #000; font-weight: bold;
}

#productList .product .price {
  float: right;
  margin: 0 10px 10px;
  color: #000;
  font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; font-weight: bold;
}

#productList .product p {
  margin: 0 10px 5px 10px;
  font-size: 0.8em;
  text-align: left;
}

#productList .product .spec { height: 37px; overflow: hidden; }

#productList .product .ico-award {
  position: absolute; left: 20px; top: 60px;
  width: 30px; height: 50px;
  background: url(../images/ico/ico-award.gif) 0 0 no-repeat;
}

/* Vypis kategorii */
#categoryList .category {
  position: relative;
  float: left;
  margin-bottom: 30px;
  width: 240px;
}
#categoryList .category h2 {
  margin-bottom: 5px;
  font-size: 1em; font-weight: bold;
}
#categoryList .category h2 a{
  color: #000;
}

.catDescriptions {
  padding-top: 11px; margin-bottom: 20px;
  width: 730px;
  background: #d9eaf4 url(../images/bgCatDescTop.gif) 0 0 no-repeat;
}
.catDescriptions span {
  display: block;
  padding: 0 20px 10px;
  background: #d9eaf4 url(../images/bgCatDesc.gif) left bottom no-repeat;
}
.catDescriptions p, .catDescriptions ul{
  margin-bottom: 10px !important;
  color: #000;
}
.catDescriptions h2 {
  margin: 0 0 5px 30px; 
  font-size: .9em; font-weight: bold;
}
.catDescriptions ul li{
  margin-left: 30px; padding-left: 15px;
  font-size: .9em; line-height: 1.8em;
  background: url(../images/list-square.gif) 0 56% no-repeat;
}
#categoryList .boxProduct {
  margin-bottom: 20px;
  width: 730px; height: 53px; line-height: 53px;
}

#categoryList a.ico-thumb {
  margin-left: 10px; padding-left: 25px;
   font-size: 0.917em;
  background: url(../images/ico/ico-thumb.gif) 5px 53% no-repeat;
}

/* Detail productu */
#detailProduct .descriptions {
  position: relative;
  float: right;
  width: 439px;
}
#detailProduct .descriptions h2 {
  margin: 0 20px 5px; font-size: .917em; font-weight: bold;
}
#detailProduct .descriptions p {
  margin: 0 20px 10px;
  color: #000;
}

#detailProduct .descriptions ul.info {
  margin: 0 0 20px 20px; padding-top: 10px;
}
#detailProduct .descriptions ul.info li{
  line-height: 1.8em;
  font-size: 0.917em; color: #000;
}

#detailProduct .descriptions .boxProduct {
  width: 439px; height: 53px; line-height: 53px;
}
#detailProduct .descriptions .boxProduct .price {
  margin: 0 0 0 15px; font-size: 1em;
  height: 53px; line-height: 53px;
  font-weight: bold; color: #000;
}
#detailProduct .descriptions .boxProduct .price strong { font-size: 1.1em; color: #000;  }

#detailProduct .descriptions .boxProduct a.btn {
  margin: 9px 10px 0;
  font-size: .8em;
}

#detailProduct .image {
  float: left;
  width: 290px;
  text-align: center;
}
#detailProduct .image .thumb {
  padding-top: 5px;
  clear: both;
}
#detailProduct .image .thumb a {
  float: left;
  margin-right: 5px;
}

.titleBox h2 { margin: 0; }

/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }

.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }

.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 25%; }

.cols1v2 .col1 { width: 33%; }
.cols1v2 .col2 { width: 66%; }

.cols2v1 .col1 { width: 66%; }
.cols2v1 .col2 { width: 33%; }

/* Tabulka */
.tab {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
}
.tab tr th {
  padding: 10px 20px 9px 20px;
  text-align: left;
}
.tab tr td {
  padding: 11px 20px;
  border-bottom: 1px solid #000;
}  
.tab tr .r {
  text-align: right;
}

/* Tabulka - kosik */
.tabCart {
  width: 100%;
}
.tabCart tr.top {

}
.tabCart tr th {
  background: transparent;
}
.tabCart tr.total td {
  font-weight: bold; 
}
.tabCart tr.total td a {
  color: #000; font-size: .917em;
}
.tabCart .input {
  padding: 3px 6px; margin-right: 5px;
  width: 26px; height: 14px;
  color: #000; text-align: center;
  border: none; 
}

.imageProduct li {
display: inline; 
}

/* awardsList .item */
#awardsList .item {
  position: relative;
  float: left;
  margin-bottom: 20px;
  width: 49%; height: 90px; overflow: hidden;
}
#awardsList .item .thumb {
  float: left;
  width: 55px; height: 70px;
  text-align: center;
}
#awardsList .item p,
#awardsList .item h3 {
  margin-left: 60px;
}
#awardsList .item h3 {
  font-size: 1.1em;
}
#awardsList .item p {
  line-height: 1.5em;
}

.title-award {
  height: 30px; line-height: 35px;
}
.title-award img {
  display: block; float: left;
  margin: 0 10px 0 0;
}