/* global.css */

/* ----- BASIC STYLES ----- */

body {
    margin: 0;
    padding: 0;
    font: 12px Arial, sans-serif;
    text-align: center;
    color: #000000;
    background: #ffffff url('../images/bg_gradient.gif') repeat-x;
}


a {
    font-weight: bold;
    text-decoration: none;
    color: #bd1828;
}

a img {
    border: 0;
}

h1, h2, h3, h4, h5, h6, p, form {
    margin: 0;
    padding: 0;
}


/* ----- HIDDEN ELEMENTS ----- */

.blind {
    position:absolute;
    top:-4000px;
    left:-4000px;
    width:1px;
    height:1px;
    overflow:hidden
}

hr {
    display: none;
}

.dummy {
	clear: both;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	_display: none;
}


/* ----- CENTERING ----- */

div#center {
    width: 918px;
    margin: auto;
    text-align: left;
    background: #ffffff url('../images/bg_shadow.gif') repeat-x;
}


/* ----- MENU ----- */

div#header {
    width: 880px;
    height: 60px;
    margin-left: 19px;
    font-size: 0.9em;
    background: #bd1828 url('../images/bg_menu_line.gif') bottom repeat-x;
}

div#menu {
    float: left;
    width: 660px;
    _margin-top: 5px;
    padding: 20px 0 28px 0;
    _padding: 15px 0 10px 0;
}

#menu ul {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffb738;
}

#menu ul li {
    display: inline;
}

#menu ul li a {
    border-right: 1px solid #ffb738;
    padding: 5px 15px 5px 15px;
    color: #ffb738;
}

#menu ul li a:hover {
    text-decoration: underline;
}

#menu ul li.last a {
    border: 0;
}


/* ----- SEARCH ----- */

div#search {
    float: right;
    width: 220px;
    height: 60px;
    font-size: 0.9em;
    text-align: center;
    background: #fea200 url('../images/bg_search_line.gif') bottom repeat-x;
}

#search h2, #search .h2 {
    margin: 5px 0 0 17px;
    font: 12px Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    color: #bd1828;
}

#search table {
    width: 190px;
    margin: 0 auto;
    padding: 0;
}

#search input.input {
    border: 0;
    width: 160px;
    height: 19px;
    _height: 21px;
    background-color: #ffffff;
}

#search input.button {
    position: relative;
    top: 1px;
}


/* ----- HEADER 2 ----- */

div#header2 {
    width: 880px;
    height: 75px;
    margin-left: 19px;
    color: #4e4d4d;
}

#header2 a {
    display: block;
    text-decoration: underline;
}

#header2 a:hover {
    text-decoration: none;
}

#header2 strong {
    font-size: 1.2em;
}

a#logo {
    float: left;
    width: 292px;
    height: 75px;
    text-indent: -9999px;
    background: url('../images/logo.gif') no-repeat;
}

div#cart {
	float: right;
	width: 295px;
	height: 75px;
	text-align: right;
	background: url('../images/cart_icon.gif') right no-repeat;
}
#cart #odkazy {
	margin-top: 15px;
	margin-right: 90px;
}


#cart p {
    margin-right: 90px;
}

#cart a {
    margin: 18px 90px 3px 0;
}
#header2 #cart a {
	display: inline;
	margin: 0px;
}


div#user {
	float: right;
	width: 250px;
	height: 75px;
	text-align: right;
	background: url('../images/user_icon.gif') right no-repeat;
	margin-top: 0px;
}
#content  #payment  .h  textarea, #shipping .f textarea {
	width: 100%;
}


#user p {
    margin-right: 70px;
}

#user a {
    margin: 18px 70px 3px 0;
}


/* ----- LEFT ----- */

div#left {
    position: relative;
    left: 9px;
    float: left;
    width: 215px;
	_width: 200px;
}

/* ----- CATEGORY MENU ----- */

div#category {
	float: right;
	width: 205px;
	background-color: #feb533;
	margin: 0px;
	padding: 0px;
}

#category ul, #category li {
    margin: 0;
    padding: 0;
}

#category h2, #category .h2 {
    width: 181px;
    _width: 190px;
    padding: 5px 0 5px 24px;
    font: 1.2em Tahoma, Arial, sans-serif;
    font-weight: bold;
    background: #fea200 url('../images/red_dot.gif') 10px center no-repeat;
    color: #ffffff;
}

ul#catmenu {
    list-style: none;
    float: right;
    width: 190px;
    margin: 10px 0 10px 0;
    padding: 0;
    font: 1em Tahoma, Arial, sans-serif;
    font-weight: bold;
}

ul#catmenu li {
    margin: 0;
    padding: 0;
}

ul#catmenu li span {
    display: block;
    margin-bottom: 3px;
    _margin-bottom: -11px;
    background: #d28700 url('../images/bg_menu_2arr.gif') left repeat-y;
}

ul#catmenu li span a {
	display: block;
	height: 18px;
	background: url('../images/2arr.gif') 8px center no-repeat;
	color: #ffffff;
	padding-top: 4px;
	padding-right: 0;
	padding-left: 34px;
	padding-bottom: 2;
}

ul#catmenu li:hover span, ul#catmenu li.active span {
    
    background: #ffffff url('../images/bg_menu_2arr.gif') left repeat-y;
}

ul#catmenu li:hover span a, ul#catmenu li.active span a {
    color: #bd1828;
}

ul.submenu1, ul.submenu2 {
    list-style: none;
    margin-bottom: 5px;
	_margin-top: 10px;
}

ul.submenu1 li a {
    display: block;
    margin: 2px 0 4px 0;
    _margin-bottom: 0px;
	_margin-top: 5px;
    padding: 0 0 0 17px;
    background: url('../images/arr.gif') 8px center no-repeat;
    color: #855500;
}

ul.submenu1 li a:hover, ul.submenu1 li a.active1 {
    background: url('../images/arr_active.gif') 8px center no-repeat;
    color: #000000;
}

ul.submenu1 li a.active1 {
    _margin-bottom: 3px;
}

ul.submenu2 li a {
    display: block;
    margin: 2px 0 6px 0;
    _margin-bottom: -12px;
    padding: 0 0 0 26px;
    background: url('../images/dot.gif') 16px center no-repeat;
    color: #bd1828;
}

ul.submenu2 li a:hover, ul.submenu2 li a.active2 {
    background: url('../images/dot_active.gif') 16px center no-repeat;
    color: #ffffff;
}

#catmenu .submenu1 li, #catmenu .submenu1 li a{
	_margin: 0px;
	_padding:: 0px;
}

#catmenu .submenu1{
	_margin: 0px;
	_padding:: 0px;
	_padding-top: 20px;
}

#catmenu .submenu2{
	_margin: 0px;
	_padding:: 0px;
	_padding-top: 10px;
}


/* ----- CONTACT ----- */

div#contact {
    float: right;
    width: 215px;
    margin-top: 5px;
    padding-bottom: 10px;
    background: #fda200 url('../images/line_contact.gif') left repeat-y;
}

#contact h2, #contact .h2 {
    height: 35px;
    _height: 49px;
    padding: 14px 0 0 65px;
    font: 1.2em Tahoma, Arial, sans-serif;
    font-weight: bold;
    background: url('../images/head_contact.gif') no-repeat;
    color: #ffffff;
}

#contact address {
    width: 185px;
    margin: 0 0 0 20px;
    font-size: 1.1em;
    font-style: normal;
    text-align: center;
    color: #ffffff;
}

#contact address a {
    text-decoration: none;
}

#contact address a:hover {
    text-decoration: underline;
}


/* ----- RIGHT ----- */

div#right {
    position: relative;
    right: 18px;
    float: right;
    width: 667px;
}


/* ----- PICTURES ----- */

div#pics {
    position: relative;
    float: right;
    width: 667px;
    height: 102px;
    margin-bottom: 8px;
}

#pics img.pic1 {
    position: absolute;
    top: 0;
    left: 0;
}

#pics img.pic2 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -109px;
}

#pics img.pic3 {
    position: absolute;
    top: 0;
    right: 0;
}


/* ----- ADVERTISING ----- */

div#advertising {
    float: right;
    width: 180px;
    text-align: center;
    background-color: #ca4653;
}

#advertising h2, #advertising .h2 {
    width: 156px;

    padding: 5px 0 5px 24px;
    font: 1.2em Tahoma, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    background: #bd1828 url('../images/yellow_dot.gif') 10px center no-repeat;
    color: #ffffff;
}

#advertising div.item {
    display: block;
    width: 145px;
    margin:  20px auto;
    text-align: center;
    background-color: #ffffff;
}

#advertising p {
    font-size: 0.8em;
}

#advertising div.price {
    background-color: #ffcf79;
}

#advertising div.price strong {
    float: right;
    width: 75px;
    margin-top: 2px;
    font-size: 1.2em;
    color: #bd1828;
}

#advertising div.price a {
    float: left;
    width: 60px;
    padding: 3px 0 3px 0;
    text-transform: uppercase;
    background-color: #feb533;
    color: #ffffff;
}


/* ----- SORTING ----- */

div#sorting {
    float: left;
    width: 480px;
    background-color: #fdd475;
}

p#filter {
    border-top: 1px solid #feb533;
    border-bottom: 1px solid #feb533;
    width: 460px;
    margin: 10px 0 10px 10px;
    padding: 5px 0 5px 0;
}

p#filter strong {
    position: relative;
    top: -1px;
    left: 2px;
    color: #bd1828;
}

p#filter a {
    position: relative;
    top: -2px;
    left: 1px;
    font-weight: normal;
    text-decoration: underline;
}

p#filter a:hover {
    text-decoration: none;
}

p#sort {
    width: 460px;
    margin: 5px 0 10px 12px;
}
p#sort2 {
    width: 460px;
    margin: 5px 0 10px 12px;
}

p#sort strong {
    color: #bd1828;
}
p#sort2 strong {
    color: #bd1828;
}


/* ----- ITEMS ----- */

div#items {
    float: left;
    width: 480px;
    text-align: center;
}

div.item1, div.item2, div.item3 {
    float: left;
    width: 145px;
    text-align: center;
}

div.item1 {
    margin-left: 5px;
}

div.line {
    margin: 15px 0;
}

div.line div.separ {
    float: left;
    width: 11px;
    height: 200px;
    background: url('../images/sep.gif') 5px repeat-y;
}

#items p {
    font-size: 0.8em;
}

div.price {
    background-color: #ededed;
}

div.price strong {
    float: right;
    width: 75px;
    margin-top: 2px;
    font-size: 1.2em;
    color: #bd1828;
}

div.price a {
    float: left;
    width: 60px;
    padding: 3px 0 3px 0;
    text-transform: uppercase;
    background-color: #a2a2a2;
    color: #ffffff;
}


/* ----- PAGING ----- */

div.paging {
    margin: 20px 0 30px 0;
    font-size: 1.1em;
}

div.paging a {
    padding: 3px 0;
}

div.paging a {
    text-decoration: underline;
}

div.paging a:hover {
    text-decoration: none;
}

div.paging a.here {
    text-decoration: none;
    color: #a2a2a2;
}

/* ----- FOOTER ----- */

div#footer {
    clear: both;
    border-top: 8px solid #d4d4d4;
    width: 100%;
    text-align: center;
    background-color: #ededed;
    color: #393838;
}

#footer a {
    text-decoration: underline;
    color: #393838;
}

#footer a:hover {
    text-decoration: none;
}

#footer ul {
	list-style: none;
	width: 900px;
	margin: auto;
	padding: 0;
}

#footer ul li.left {
	float: left;
	_padding-bottom: 0;
	width: 500px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	display: block;
	text-align: left;
}
#footer  ul  li.right1 {
	float: right;
	_padding-bottom: 0;
	text-align: right;
	width: 300px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	display: block;

}

#footer ul li.partneri {
	float: right;
	width: 900px;
	_padding-bottom: 0;
	text-align: left;
	display: block;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 9px;
	color: #999999;
}

#content       .line       .item1       div,  #content      #payment      .a,  #payment     .c, #payment    .g,  #shipping   .c, #shipping  .a, #shipping .e {
	color: #BD1828;
	font-weight: bold;
	margin-top: 10px;
}
#content  a {
	font-weight: normal;
	text-decoration: underline;
}
#checkout table {
	width: 100%;
}
#content  #items  .price  a, #items .paging a {
	font-weight: bold;
	text-decoration: none;
}

s#center #header2 #cart a {
	display: inline;
}
#content #sorting #sort, #content #sorting #sort2 {
	float: left;
	width: 220px;
	margin: 5px;
	padding: 0px;
}
#content #sorting {
	text-align: left;
	width: 470px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#sorting select {
	background-color: #FDDD93;
}
#items .heading {
	text-align: left;
	float: left;
}
#items .heading .breadcrumb {
	float: right;
	width: 300px;
}
#center #header2 #user a {
	display: inline;
	margin: 0px;
}
#items .line .results .right {
	width: 200px;
	text-align: right;
}
#center #footer .right {
	width: 600px;
}

.results .right select {
	width: 50px;
}
#sort #vzestupne, #sort #sestupne, #sort2 #vzestupne, #sort2 #vzestupne {
	height: 6px;
	width: 11px;
	background-image: url(../images/sortdown.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	cursor:hand;
	line-height:0px;
	background-position: left top;
}
#sort #sestupne, #sort2 #sestupne {
	background-image: url(../images/sortup.gif);
}
#content .paging {
	color: #C81828;
	text-transform: uppercase;
}
#review_info #akcni_pr {
	float: right;
	width: 300px;
	margin-top: 5px;
	margin-right: 5px;
}
#review_info .a {
	width: 150px;
	float: left;
}
#footer .partneri .style1 a {
	color: #A8A8A8;
}

#content #textik {
	text-align: left;
	padding: 0px;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #666;
}
#content #items h2 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#left #doprava img {
	margin-top: 10px;
	margin-left: 10px;
}
#contact .onlinobj {
	margin-left: 18px;
	margin-bottom: 3px;
}
#contact strong {
	font-size: 18px;
}

#center #right .popis_produkt, #right .content #content .popis_produkt {

	float: left;
	width: 200px; !important


	margin-top: 10px;
	margin-left: 5px;

}
#search1 .products .big {
	font-size: 14px;
	font-weight: bold;
}
.style1, #center #footer .style1, #center #footer .style1 a {
	font-size: 8px;
	font-style: italic;
	color: #999999;
}#content form .obrazky .hlavniobr_produkt h2 {
	font-size: 12px;
	font-weight: bold;
	color: #D28700;
	margin: 0px;
	padding: 0px;
}
#items .line .results .paging form p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#aktuality h2 {
	font-size: 14px;
	color: #D28700;
}
#center #right .content #content #items #aktuality h2 {
	font-size: 15px;
	color: #900;
	margin-top: 5px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}
#center #right .content #content #items #aktuality {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
}
#center #left .box .best div a {
	color: #666;
	margin-bottom: 5px;
	padding-bottom: 5px;
	display: block;
	font-size: 11px;
	background-image: url(../images/arr_active.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 10px;
}
#center #right .content #content form .popis_produkt table {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-weight: bold;
	color: #BD1828;
}
#content #items #textik h2 {
	color: #D28700;
}
#textik p strong {
	color: #666;
}
#left #linx {
	display: block;
	clear: both;
}
#right #obsah #aktuality p {
	margin-bottom: 5px;
}

#linx h3 {
	font-size: 13px;
	color: #666;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#linx {
	color: #999;
	margin-top: 0px;
	margin-left: 5px;
	padding-top: 15px;
}
#linx div p a {
	color: #999;
	font-size: 11px;
	text-decoration: underline;
}
#linx div h4 {
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#linx div p {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content #items #textik p {
	margin-bottom: 7px;
}
#center #right #advertising .item p {
	padding: 2px;
}
#center #right #advertising .item .price .dummy {
	color: #ca4653;
}
#center #right #advertising .item .price strong {
	text-decoration: line-through;
}
#center #footer ul .right1 div {
	text-align: right;
}
#center #right .content #content form h1 {
	font-size: 17px;
	font-weight: bold;
	color: #BD1828;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	clear: both;
}
#content form .obrazky .hlavniobr_produkt{
	border: 1px solid #FEB533;
	padding: 5px;
}

#content #sorting2 {
	text-align: left;
	width: 470px;
	padding: 5px;
	height: 17px;
	background-color: #FFCF79;
}
#content #sorting2 h1 {
	font-size: 13px;
	color: #333;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 400px;
	text-align: left;
	display: inline;
}
#items .line .linein {
	clear: both;
	float: left;
	width: 480px;
}