html { 
    background: #EDF3F4 url('../images/html_bg.png') left top repeat-x;
}

body {
    font-family: Arial;
    color: #7D7D7D;
	margin: 0;
}
a {cursor: pointer; outline-style: none;}

#main {
    font-family: Arial;
    color: #7D7D7D;
	 font-size: 14px;
	 width: 960px;
    margin: 0 auto;
    padding: 0;
}

	/* HEADER / HLAVICKA */

#header {
    background: url('../images/header_bg.png') left top no-repeat;
    height: 210px;
	width: 960px;
}

#header .logo {
	position: relative;
	width: 264px;
  	height: 85px;
	overflow: hidden;
	margin: 29px 0 0 28px;
	_margin: 29px 0 0 14px;
	float: left;
	padding: 0;
}

#header .logo a span {
	position: absolute;
	background: url('../images/logo.png') no-repeat;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 2;
	display: block;
	width: 264px;
  	height: 85px;
	padding: 0;
	margin: 0;
}

.headerright { 
	width: 370px;
	float: right;
	height: 157px;
	margin: 0;
	padding: 0;
}

#kosik { 
    background: url('../images/kosik.png') left top no-repeat;
	height: 51px;
	width: 223px;
	padding: 0 0 0 93px;
	margin: 18px 0 0 0;
	float: right;
}

#kosik p { 
	padding: 5px 0 0 0;
	margin: 0;
	color: #FFFFFF;
	font-size: 12px;
}

#kosik a { 
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

#kosik strong {
	font-weight: bold;
	font-size: 13px;
}

#search { 
	height: 26px;
	width: 355px;
	padding: 1px 8px 17px 0;
	margin: 34px 0 0 0;
	_margin: 17px 0 0 0;
	float: right;
}

#search label { 
	float: left;
	color: #27404c;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 19px 0 0;
}

#search .searchpanel { 
    background: url('http://www.fungift.cz/images/search.png') left top no-repeat;
	width: 168px;
	padding: 5px 0 8px 35px;
	margin: 0;
	border: 0;
	float: left;
	color: #606060;
}

#search .submit { 
    background: url('http://www.fungift.cz/images/submit.png') left top no-repeat;
	height: 26px;
	width: 60px;
	padding: 0 0 3px 0;
	margin: 0;
	border: 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

#navigation { 
    width: 944px;
	height: 39px;
	float: left;
	padding-left: 8px;
	padding-top: 10px;
	_padding-top: 0;
	|line-height: 36px;
	_line-height: 36px;
}

#navigation .left { 
    width: 500px;
	height: 39px;
	float: left;
	text-align: left;
	font-size: 11px;
	color: #27404C;
	font-weight: bold;
	padding: 4px 0 0 17px;
}

#navigation .left a { 
	font-weight: normal;
	color: #27404C;
}


#navigation .right { 
    width: 350px;
	height: 39px;
	float: right;
	text-align: right;
	color: #27404C;
	font-size: 11px;
	padding: 0px 25px 0 0;
	margin-top: -4px;
}

#navigation .right a { 
	color: #27404C;
	padding: 0 5px 0 6px;
	text-decoration: none;
}

#content {
	margin: 0 0 45px 0;
	background: #FFFFFF;
	width: 920px;
	padding: 0 16px 0 6px;
	position: relative;
	left: 8px;
}
			
	/* LEFT SIDE / LEVÁ STRANA */			

#right_column {
	width: 184px;
	float: right;
	margin-right: 10px;
	padding: 0 0 25px 5px;
}
#right_column .span-h2 {
   background: url('../images/left_h.png') left top no-repeat;
	width: 200px;
	height: 30px;
	float: left;
	margin: 0 0 0 0;
	padding: 7px 0 0 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	display: block;
}
#left {
	width: 184px;
	float: left;
	margin: 0;
	padding: 0 0 25px 5px;
}

#left .span-h2 {
    background: url('../images/left_h.png') left top no-repeat;
	width: 200px;
	height: 30px;
	float: left;
	margin: 0 0 0 0;
	padding: 7px 0 0 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	display: block;
}
#left .margin_top {margin-top:14px !important;}

.menu {
	margin: 0;
	padding: 0;
	clear: both;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu ul li {
	margin: 0;
	padding: 0 0 1px 0;
}

.menu ul li a {
	margin: 0;
	padding: 5px 0 5px 35px;
	_padding: 5px 0 3px 35px;
	color: #717172;
	text-decoration: none;
	font-size: 12px;
	width: 165px;
	height: 12px;
	display: block;
	font-weight: bold;
	background-image: url(../images/menu.png);
}

.menu ul li li a {
	background: none;
	margin: 0;
	padding: 10px 0 12px 45px;
	color: #717172;
	text-decoration: none;
	font-size: 11px;
	width: 165px;
	height: 12px;
	display: block;
}

.menu li a:hover {
	background-image: url(../images/menu_hover.png);color: #0f8abc;
}

.filtr a {
  float: left; width: 165px; padding: 5px 0 5px 35px; color: #717172; font-size: 12px; text-decoration: none; font-weight: bold;
  background-image: url(../images/menu.png);
}
.filtr a:hover {color: #0f8abc;background-image: url(../images/menu_hover.png);}

.dodani {
    background: url('http://www.fungift.cz/images/dodani.png') left top no-repeat;
	margin: 14px 0;
	padding: 0;
	color: #717172;
	width: 200px;
	height: 116px;
	float: left;
}

.dodani p {
	margin: 0;
	font-size: 12px;
	padding: 45px 0 0 115px;
	font-weight: bold;
}

.zaruka {
  background: url('../images/zaruka.png') no-repeat 0 0;
	padding: 0;
	margin: 0 0 14px 0;
	color: #717172;
	width: 200px;
	height: 170px;
	float: left;
}
.zaruka p.zaruka_p2 {
	margin: 0;
	font-size: 12px;
	padding: 40px 5px 0 20px;
	font-weight: bold;
}


.podpora {
    background: url('../images/problem.png') left top no-repeat;
	margin: 14px 0 14px 0;
	padding: 40px 0 0 20px;
	color: #717172;
	width: 200px;
	height: 133px;
	float: left;
}

.podpora p {
	margin: 0;
	font-size: 13px;
	line-height: 30px;
	padding: 0 5px 0 30px;
	font-weight: normal;
}
.podpora p.podpora-email {background: url('http://www.fungift.cz/images/podpora-email.jpg') no-repeat 0 10px;}
.podpora p.podpora-icq {background: url('http://www.fungift.cz/images/podpora-icq.jpg') no-repeat 0 center;}
.podpora p.podpora-skype {background: url('http://www.fungift.cz/images/podpora-skype.jpg') no-repeat 0 center;}
.podpora p.podpora-phone {background: url('http://www.fungift.cz/images/podpora-phone.jpg') no-repeat 2px center;}

.podpora a {
	color: #193E8F;
}

.souteze {
  background: url('../images/souteze.png') left top repeat-x;
	margin: 0 0 0 0;
	padding: 16px 12px 0px 10px;
	color: #717172;
	width: 178px;
	height: 170px;
	float: left;
}

.souteze p {
	margin: 0 0 0 0;
	font-size: 11px;
	padding: 0 0 5px 0;
	clear: both;
}
.souteze a {
	padding: 0 0 0 40px;
	background: url('http://www.fungift.cz/images/facebook.jpg') no-repeat 0 center;
	height: 35px;
	line-height: 35px;
	width: 140px;
	display: block;
	font-size: 13px;
	color: #193e8f;
	margin: 10px 0 0 0;
}
.souteze a:hover {
	color: #717172;
}

.email {
    background: url('../images/souteze.png') left top no-repeat;
	margin: 0 0 14px 0;
	padding: 16px 12px 13px 10px;
	color: #717172;
	width: 200px;
	height: 130px;
	float: left;
}
.news {
    	background: url('../images/nejnovejsi.png') left bottom no-repeat;
	margin: 0 0 10px 0;
	padding: 0px 0px 5px 10px;
	color: #717172;
	width: 200px;
	height: 200px;
	float: left;
}
.news p {
	margin: 0 0 0 0;
	font-size: 11px;
	padding: 0 0 0 0;
	clear: both;
}
.email p {
	margin: 0 0 10px 0;
	font-size: 11px;
	padding: 0 0 5px 0;
	clear: both;
}

.email label { 
	float: left;
	color: #717272;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 5px 0 0;
}

.email .emailpanel { 
   
	width: 177px;
	padding: 4px 0 4px 3px;
	margin: 3px 0 0 0;
	border: 1px solid #cacaca;
	float: left;
	color: #606060;
}
.your_email { 
   font-weight: bold;
	font-size: 12px;
}

.email .emailsubmit { 
    background: url('../images/email_submit.png') left top no-repeat;
	height: 29px;
	width: 78px;
	padding: 0 0 5px 0;
	margin: 5px 20px 0 0;
	border: 0;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	float: right;
}

.komentare {
    background: url('http://www.fungift.cz/images/kom.png') left top no-repeat;
	margin: 0;
	padding: 10px 10px 10px 14px;
	color: #717172;
	width: 212px;
	height: 194px;
	float: left;
}

.komentare .list {
	border-bottom: 1px solid #FFFFFF;
	padding: 6px 0 6px 0;
}

.komentare .list .date {
	font-size: 11px;
	padding-bottom: 1px;
}

.komentare .list a {
	color: #608fa1;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.komentare .list p {
	font-size: 11px;
	padding-top: 3px;
	margin: 0;
	font-style: italic;
}
			
	/* RIGHT SIDE / PRAVÁ STRANA */
				
#right {
	width: 500px;
	float: right;
	margin: 0;
	padding: 0 0 35px 0;
}

#left .margin_top {margin-top:14px !important;}

.text a {color: #75AA42;}
.text a:hover {color: #75AA42; text-decoration: none;}

.box {
    background: url('http://www.fungift.cz/images/box.png') left top no-repeat;
	width: 644px;
	float: left;
	height: 45px;
	margin: 17px 0 7px 0;
	font-family: Myriad Pro;
	padding: 14px 0 14px 20px;
}

h1 {
	margin: 0;
	padding: 0;
	color: #8ac140;
	font-weight: bold;	
	font-size: 18px;
}
h1.header-index {color: #8ac140;}

h2 {font-size: 16px;}

.box h2 {line-height: 45px; color: #c82030; font-size: 18px;}
.box h2.h2_slide {line-height: 25px; color: #c82030; font-size: 18px;}
.box h2 a {color: #c82030; text-decoration: none;}
.box p {
	margin: 0;
	padding: 0;
	color: #59595a;
	font-style: italic;
	font-size: 14px;
}
.box p a {color: #7D7D7D;}

.box .sipka {
	margin: 15px 28px 0 0;
	padding: 0;
	width: 11px;
	height: 15px;
	float: right;
}

ul#newsslide {
	padding: 0;
	list-style: none;
}
ul#newsslide li {
	width: 620px;
}

.pricebox {
    background: url('../images/pricebox.png') right top no-repeat;
	width: 490px;
	float: left;
	height: 35px;
	margin: 0px 0px 13px 0;
	padding: 0;
}

.pricebox p {
	margin: 0;
	padding: 35px 0 0 22px;
	color: #27404c;
	font-size: 11px;
	float: left;
}

.pricebox a {
	color: #27404c;
	font-size: 11px;
	padding: 0 0 0 21px;
	text-decoration: none;
}

.pricebox .cena {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	margin-left: -10px;
	margin-top: -12px;
}

.pricebox .cena a {
	margin: 0;
	padding: 0;
}

.pricebox .cena img {
	border: 0;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 9px;
}

.pricebox .cena p {
	margin: 0;
	padding: 22px 0 0 0;
	color: #27404c;
	float: left;
}

.pricebox .cena p strong {
	font-size: 13px;
	padding-right: 17px;
}

.pricebox #vyberceny {
	margin: 19px 16px 0 0;
	padding: 0;
	color: #27404c;
	font-size: 13px;
	float: left;
}

.video {width: 100%; text-align: center; padding: 20px 0;}

#list {
	clear: both;
	padding-top: 10px;
	display: block;
	width: 100%;
	float: left;
	margin-left: -8px;
}

#list .product {
    background: url('../images/detail_bg.png') left top no-repeat;
	width: 160px;
	height: 230px;
	float: left;
	margin: 0 0 13px 6px;
}

#list .product h3 {
    	padding: 0px 0 0 4px;
	margin: 7px 0 6px 0;
	color: #6898aa;
	font-size: 12px;
	font-weight: bold;
	width: 158px;
	height: 30px;
}

#list .product h3 a {
	color: #717172;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


#list .product .img {
    	margin: 0 0 0 0;
	padding: 0;
	width: 180px;
	height: 120px;
	text-align: center;
	margin-left: -10px;
}

#list .product .detail {
	text-align: right;
	color: #75aa42;
	font-size: 11px;
	padding-right: 16px;
}

#list .product .detail a {
	color: #75aa42;
	font-size: 11px;
}

#list .product .detail-cena {
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	padding: 10px 0 0 0;
	font-weight: bold;
	margin-top: 1px;
	margin-left: 10px;
}

#list .product .stav {
	color: #FFFFFF;
	font-size: 11px;
	margin-left: 25px;
}

#list .product .koupit {
	width: 77px;
	height: 29px;
	float: right;
	padding: 0px 8px 0 0;
	cursor: pointer;
	margin-top: 7px;
}

.pagenavi {
	width: 100%;
	height: 26px;
	color: #7d7d7d;
	float: right;
	clear: both;
	padding-bottom: 35px;
}

.pagenavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.pagenavi ul li {
	margin: 0;
	padding: 0;
	float: left;
}

.pagenavi ul li a {
    background: url('http://www.fungift.cz/images/navi.png') no-repeat;
	width: 26px;
	height: 26px;
	padding: 5px 0 0 0;
	margin: 0 5px 0 5px;
	text-align: center;
	font-size: 12px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
}

.pagenavi ul li a.active {
    background: url('http://www.fungift.cz/images/navi_active.png') no-repeat;
}
.new_products_image {
    width: 55px;
margin-top: 15px;
float: left;
}
.new_products {
    max-width: 50px; max-height: 58px;
}
.news_title {
    float: right;
font-size: 10px;
width: 130px;
text-align: right;
margin-right: 15px;
height: 35px;
margin-top: 15px;
font-weight: bold;
text-decoration: none;
color: #1990c0;
}
a:visited .news_title {
    font-weight: bold;
    text-decoration: none;
    color: #1990c0;
}
.news_price {
    float: right;
text-align: right;
font-size: 14px;
width: 130px;
height: 15px;
margin-right: 15px;
color: gray;
font-weight: bold;
}
.news_price a{
color: gray;
text-decoration: none;
}
#right h4 {
  padding-top: 5px;
	color: #8ac140;
	font-size: 16px;
}
#right h4.star {
    background: url('http://www.fungift.cz/images/star.png') right center no-repeat;
    width: 180px;
    margin-right: 50px;
    padding-right: 25px;
}

.nejprodavanejsi {
	width: 660px;
	float: left;
	clear: both;
}

.nejprodavanejsi .list {
    background: url('http://www.fungift.cz/images/nej_list.png') left top no-repeat;
	width: 660px;
	height: 47px;
	float: left;
	padding: 11px 0 11px 0;
	clear: both;
}

.nejprodavanejsi .list2 {
	width: 660px;
	height: 47px;
	float: left;
	padding: 11px 0 11px 0;
	clear: both;
}


.nejprodavanejsi .list .img, .nejprodavanejsi .list2 .img {
    margin: 0;
	padding: 0 0 0 25px;
	float: left;
}

.nejprodavanejsi .list h5, .nejprodavanejsi .list2 h5 {
    padding: 0 0 0 16px;
	color: #6898aa;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	width: 300px;
	float: left;
}

.nejprodavanejsi .list p, .nejprodavanejsi .list2 p {
    padding: 8px 0 0 16px;
	color: #7d7d7d;
	font-size: 11px;
	float: left;
	margin: 0;
	width: 300px;
}

.nejprodavanejsi .list .detail-cena, .nejprodavanejsi .list2 .detail-cena {
	color: #7d7d7d;
	font-size: 14px;
	padding: 5px 0;
	margin: 0;
	font-weight: bold;
	float: right;
	text-align: center;
	width: 100px;
}
.nejprodavanejsi .list .detail-cena span, .nejprodavanejsi .list2 .detail-cena span {
	color: #6898ab;
	display: block;
	font-size: 16px;
	padding-top: 4px;
}

.nejprodavanejsi .list .koupit, .nejprodavanejsi .list2 .koupit {
	width: 77px;
	height: 29px;
	padding: 10px 20px 0 20px;
	float: right;
	cursor: pointer;
}
			
	/* FOOTER / PATICKA */
				
#clear {
	clear: both;
}
				
#footer { 
    background: #FFFFFF url('http://www.fungift.cz/images/footer.png') left top no-repeat;
	height: 64px;
	margin-top: 25px;	
}

#footer { 
	color: #5a5a5a;
	margin: 0 0 0 25px;
	padding-top: 15px;
	font-size: 12px;
}

#footer a { 
	color: #80A1B2;
	font-size: 12px;
}


img {
    border:0;
}

.koupit_button {
    background: url('../images/koupit.png') left top no-repeat;
	height: 29px;
	width: 62px;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
}

.detail_vlevo {
	width: 150px;
	float: left;
	padding-left: 10px;
	font-size: 12px;
	margin: 0 auto;
}
.nadpis {
	text-align: left;
	float:left;
	width: 120px;
	height: 20px;
}
.hodnoty {
	text-align: right;
	float: right;
	width: 60px;
	height: 20px;
}
.detail_vpravo {
	width: 190px;
	float: right;
	font-size: 12px;
	background: #f6f6f6;
	padding: 10px;
	margin-right: 20px;
}

.detail_vpravo h2 {
	font-size: 16px;
	color: #1990c0;
}

.zbozi { padding: 0 0 25px 10px;}

.kat { padding: 0 0 5px 5px;}
.kat_popis {padding: 0 0 0 5px; font-size: 13px;}


.popisZbozi {
	font-size: 12px;
	padding: 5px 0 15px 0;
}

.noprint a {
	font-size: 12px;
	color: #75AA42;
}

.sub {
	float: left;
    	color: white;
	margin-left: 3px;
	background-image: url('../images/vlozit_kosik.png');
	width: 120px;
	height: 26px;
}

.cenadetail {
	float: left;
	padding: 2px 15px 0 0;
}

.ks {
	float: left;
	border: 1px solid #1990c0;
    	color: #7D7D7D;
	margin-right: 5px;
	margin-top: 3px;
}

.kus {
	padding-top: 2px;
	margin-top: 3px;
	float: left;
}

.detail_vpravo strong {
	color: #1990c0;
	font-size: 13px;
}

.nsou {
	font-size: 16px;
	color: #1990c0;
}

.varianta {
	margin: 20px;
}

#right .text {
	font-size: 13px;
	width: 490px;
	text-align: justify;
}

#right .text p {
	padding-top: 10px;
}


table.kosik-tabulka {width:490px; clear:left; margin-top:10px}
table.kosik-tabulka a{color:#ae6126;}
table.kosik-tabulka thead td{font-weight:bold;width:60px;text-align:center;font-size:0.9em;background-color:#ededed;color:#677b87}
table.kosik-tabulka tbody td{border-bottom:1px solid #eee;}
table.kosik-tabulka tfoot td{background-color:#ededed;  text-align:right;  font-size:1em;padding:7px}
table.kosik-tabulka tr.odd td{background-color:#ededed;}
table.kosik-tabulka td.cena{font-weight:bold;  text-align:right;}
table.kosik-tabulka img{border:none}
table.kosik-tabulka tfoot .ucena {}


#adresa{border:1px solid #E4E5E6;background:#ededed; clear:left; width:470px; padding-left: 15px;}
#adresa table input {width:250px;background:#F7F7F7;padding:2px 3px 2px 2px;border:1px solid #E4E5E6;color:#000;margin-left:9px}
#adresa table{font-size:1.1em;clear:left;margin:10px 0;color:#677b87;}
#adresa table textarea {background:#F7F7F7;margin-left:9px;border:1px solid #E4E5E6;}
#adresa a {color:#158DB0}

h3.adresa { 	
	margin: 0;
	padding: 15px 0 5px 0;
	color: #8ac140;
	font-weight: bold;	
	font-size: 21px;
 }
.h3dod { 	
	margin: 0;
	padding: 15px 0 5px 0;
	color: #8ac140;
	font-weight: bold;	
	font-size: 21px;
 }

.js_kontrolaAdresa {
	float: left;
	background-image: url('../images/left_h.png');
    	color: white;
	padding: 2px 15px 2px 15px;
}

.ulozit {
	float: left;
	background-image: url('../images/left_h.png');
    	color: white;
	margin-left: 25px;
	padding: 2px 15px 2px 15px;
}

.zav-obj {
	float: left;
	background-image: url('../images/left_h.png');
    	color: white;
	margin: 10px 0 0 0;
	padding: 2px 15px 2px 15px;
}

/* NOPRINT OBRAZKY */
.noprint {display: block;}
.favourite {height: 20px; background: url('../images/favourite.gif') no-repeat 0 center; padding-left: 18px;}
.print {height: 20px; background: url('../images/print.gif') no-repeat 0 center; padding-left: 18px;}
.ask {height: 20px; background: url('../images/ask.gif') no-repeat 0 center; padding-left: 18px;}
.send-to {height: 20px; background: url('../images/send-to.gif') no-repeat 0 center; padding-left: 18px;}

/* DISKUSE K PRODUKTU */
.prispevek {width: 306px; margin-top: 5px;}
.prispevek span {width: 306px; padding: 3px 0; background: #C1DFEE; display: block;}
.prispevek p {width: 296px; padding: 3px 5px; background: #F1F8EB;}
.label {width: 150px;}
#comment-form input, #comment-form textarea {width: 300px; border: 1px solid #779aab; padding: 2px;}
#comment-form input.sub {float: none; height: 26px; width: 120px; display: block; margin: 10px 0 10px 155px; background-image: url(../images/vlozit_kosik.png); color: white;}


div#neprehlednete {
    padding: 0px; margin: 0px;
	clear: both;
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	background: #fff;
}

.carousel-wrap {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}
.IE .js .carousel-wrap {
	display: inline;
}
.carousel ul li {
	position: relative;
	overflow: hidden;
	display: inline;
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
}

div.center-wrap {
	width: 200px;
	height: 14px;
	overflow: hidden;
	position: absolute;
	top: 200px;
	left: 0px;
	text-align: center;
}
div.center-wrap a {
	cursor: pointer;
	background: url("../images/carousel-a.png") no-repeat top center;
}
div.center-wrap a span {
	padding: 0px 10px;
	cursor: pointer;
	visibility: hidden;
}
div.center-wrap a.active {
	background: url("../images/carousel-a-active.png") no-repeat top center;
}
.carousel-previous {display: none;}
.carousel-next {display: none;}
