@import url("pista.css");

body {background-color:#FFFFFF; color:#444433; font-family:arial,helvetica,sans-serif; font-size:12px; margin: 0px; padding: 0px;}
a, a:link, a:visited { color: #1144DD; text-decoration: underline}
a:hover {color: #1144DD; text-decoration: none}

a img { border: 0px none}

h2, h3 { color:#444433; font-size: 14px;}

a.fullbasket { color: #F005BB !important}


input, select, option {color:#444433; font-family:arial,helvetica,sans-serif; font-size:12px; vertical-align: middle}

#container { width: 772px; margin: 0px auto; padding-top:15px; overflow: hidden; padding-bottom:30px; }

/*tematicke pozadia*/
/*.bgspecial-0{background:url(../pictures/bgspecial/bg-vianoce.jpg) no-repeat center  top}*/
.bgspecial-0{background:url(../pictures/bgspecial/bg-r8.jpg) no-repeat center  top}
.bgspecial-00{background:url(../pictures/bgspecial/n97-background.jpg) no-repeat center  top}
.bgspecial-1{background:url(../pictures/bgspecial/bg_5800.jpg) no-repeat center  top}
.bgspecial-2{background:url(../pictures/bgspecial/n-series.jpg) no-repeat center  top}
.bgspecial-3{background:url(../pictures/bgspecial/e-series.jpg) no-repeat center  top}
.bgspecial-4{background:url(../pictures/bgspecial/styl.jpg) no-repeat center  top}
.bgspecial-5{background:url(../pictures/bgspecial/multimedia.jpg) no-repeat center  top}
.bgspecial-6{background:url(../pictures/bgspecial/navi_02.jpg) no-repeat center  top}
.bgspecial-7{background:url(../pictures/bgspecial/premium.jpg) no-repeat center  top}
.bgspecial-8{background:url(../pictures/bgspecial/classic.jpg) no-repeat center  top}
.bgspecial-9{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-10{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-11{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-12{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-13{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-14{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-15{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-16{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-17{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-18{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-19{background:url(../pictures/bgspecial/standard.jpg) no-repeat center  top}
.bgspecial-20{background:url(../pictures/bgspecial/bg-ovi.jpg) no-repeat center  top}

#topbread {color: #666655; font-size: 11px; padding:11px 0px 3px;}
#topbread ul { margin: 0px; padding: 0px; display: inline; float: left}
#topbread ul li { margin: 0px; padding: 0px; float: left; padding-left: 10px; list-style: none; background:url(../pictures/ikonky/icon_arrow.gif) no-repeat left center; margin-left: 5px}
#topbread ul li.noarrow { background-image: none; padding-left: 0px}
#topbread a {color: #1144DD}
#topbread a:link, #topbread a:visited { text-decoration: none}
#topbread a:hover { text-decoration: underline}

#holder-logo-kosik { padding: 0px 6px 0px 6px; height: 60px; overflow:hidden; padding-top: 0px}
#logo { width: 115px; height: 40px; float: left;}
#logo  img { margin-top: 3px; margin-left: 5px}
#kosik { width: 190px; float: right; color: #859280; font-size: 11px; height: 50px; overflow:hidden; margin-top:0px;}
#kosik-button-part { width: 40px; float: right;}
#kosik-button-part img {margin: 0px auto; width: 16px; height: 14px; display: block; float:right; padding:8px 7px 5px;}
#kosik-info-part { width: 130px; float: right; border-left: 1px solid #dcdcdc; padding: 0px 5px 0px 7px;}

#holder-menu-tabs {padding: 0px 6px 0px 6px; margin: 0px; height: 54px; overflow:hidden; /*background: url(../pictures/bannery-akcia/tabs-winter-bg.jpg) top center*/}
#holder-lvl1 { background: url(../pictures/horne-menu/navtop-back.gif) no-repeat top left; height: 27px;}
#holder-lvl1 #first {background: none}
#holder-lvl1 #first.selected {background: url(../pictures/horne-menu/lvl1-right-selected.gif) top left no-repeat}
#holder-lvl1 a {text-decoration: none}
#holder-lvl1 a:link, #holder-lvl1 a:visited{color: #FFFFFF;}
#holder-lvl1 a:hover, #holder-lvl1 a.selected {color: #005500;}
#holder-lvl1 ul { margin: 0px; padding: 0px;}
#holder-lvl1 ul li {float: left; list-style: none; background:url(../pictures/horne-menu/lvl1-left-basic.gif) no-repeat top left; padding-left: 8px; height: 27px;}
#holder-lvl1 ul li.selected {float: left; list-style: none; background:url(../pictures/horne-menu/lvl1-left-selected.gif) no-repeat top left; padding-left: 8px; height: 27px;}


#holder-lvl1 ul li a, #holder-lvl1 ul li a:link, #holder-lvl1 ul li a:visited { background: url(../pictures/horne-menu/lvl1-right-basic.gif) top right no-repeat; padding-right: 8px; padding-top: 5px; display: block; float: left; padding-bottom: 7px}
#holder-lvl1 ul li a:hover, #holder-lvl1 ul li a.selected {background: url(../pictures/horne-menu/lvl1-right-selected.gif) top right no-repeat!important}



#holder-lvl2 { background: url(../pictures/horne-menu/navbottom-back.gif) no-repeat top left; height: 27px;}
#holder-lvl2 a {text-decoration: none}
#holder-lvl2 #first2 { background: none}
#holder-lvl2 a:link, #holder-lvl2 a:visited{color: #FFFFFF;}
#holder-lvl2 a:hover, #holder-lvl2 a.selected {color: #005500;}
#holder-lvl2 ul { margin: 0px; padding: 0px;}
#holder-lvl2 ul li {float: left; list-style: none; background:url(../pictures/horne-menu/lvl2-left-basic.gif) no-repeat top left; padding-left: 8px; height: 27px;}

#holder-lvl2 ul li a, #holder-lvl2 ul li a:link, #holder-lvl2 ul li a:visited { background: url(../pictures/horne-menu/lvl2-right-basic.gif) top right no-repeat; padding-right: 8px; padding-top: 5px; display: block; float: left; padding-bottom: 7px}
#holder-lvl2 span { color: #FFFFFF; padding-right: 10px; margin-top: 5px; float: right}

#holder-left-part { width: 240px; float: left;}

.left-h-text { font-size: 18px; color: #4f4e4e; padding-left: 19px; height: 20px; padding-top: 2px; margin-top: 10px}
.left-h-text#blue { background: url(../pictures/lave-menu/bg_blue.jpg) no-repeat 8px 3px}
.left-h-text#green { background: url(../pictures/lave-menu/bg_green.jpg) no-repeat 8px 3px}
.left-h-text#red { background: url(../pictures/lave-menu/bg_red.jpg) no-repeat 8px 3px}
.left-h-text#yellow { background: url(../pictures/lave-menu/bg_yellow.jpg) no-repeat 8px 3px}
.left-h-text#purple { background: url(../pictures/lave-menu/bg_purple.jpg) no-repeat 8px 3px}

#holder-left-part .box { background: url(../pictures/lave-menu/bg_left-box.jpg) top left no-repeat; padding: 20px 15px 5px 15px;}
#holder-left-part .box ul { margin: 0px; padding: 0px; line-height: 18px; margin-top: 5px}
#holder-left-part .box li { margin: 0px; padding: 0px; list-style: none}
.novinka{background: url(../pictures/2.jpg) 53px 3px no-repeat;}
.novinka2{background: url(../pictures/2.jpg) 95px 3px no-repeat;}
.novinka3{background: url(../pictures/2.jpg) 128px 3px no-repeat;}

.centered { text-align: center; margin: 5px 0px 5px 0px}
.center{ text-align:center; margin:0px auto }
.centered img {}

#holder-content-part { width: 526px; float:right;}
#holder-content-part2 { width: 526px; float:left;}
#holder-upper-banners {width:493px; height:251px; background: url(../pictures/index-content/bg_upper-box.jpg) no-repeat top left; padding: 20px 17px 5px 17px}
#holder-middle-banners { background: url(../pictures/index-content/bg_middle-box.jpg) no-repeat top left; padding: 20px 17px 5px 17px}
h1#green2 {background: url(../pictures/index-content/bg_green2.jpg) no-repeat 6px 12px; font-size: 18px; padding: 10px 0px 2px 17px; display: block; margin: 0px; font-weight:normal;}
h2#green2 {background: url(../pictures/index-content/bg_green2.jpg) no-repeat 6px 10px; font-size: 16px; padding: 9px 0px 2px 16px; display: block; margin: 0px; font-weight:normal; margin-top: 10px; font-weight: bold}


.triple-box {width: 141px; float: left; padding: 15px 12px 5px 17px; margin-right:8px;}
.triple-box#one { background: url(../pictures/index-content/bg_spec-box1.jpg) no-repeat top center}
.triple-box#two { background: url(../pictures/index-content/bg_spec-box2.jpg) no-repeat top center}
.triple-box#three { background: url(../pictures/index-content/bg_spec-box3.jpg) no-repeat top center; margin-right:0px;}
.triple-box h2 { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; color: #48493e; margin-bottom: 10px}

.box-text { width: 90px; float: left}
.box-img { width: 50px; float: right; text-align: right;}
.box-img2 { width: 50px; float: right; text-align: center; height: 94px; overflow:hidden}
/*.box-img2 img { left: -15px; position:relative}*/
.box-img3 {width: 50px; float: right; text-align: center; height: 90px; overflow:hidden}


.box-text a.big, .box-text a.big:link, .box-text a.big:visited {font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; color: #223cff; margin-bottom: 5px; display: block; height: 32px; overflow:hidden; text-decoration: none}
.box-text a.big:hover { text-decoration: underline}
.box-text span { display: block}
span.shortinfo { color: #6e666c; font-size: 10px; line-height: 12px}
span.cena { color: #f005bb; font-weight: bold}
span.cena2 { color: #798376; font-weight: bold}
span.cenaeu {color: #6e666c;}

a.bubble-a { background: url(../pictures/index-content/icon_buble.jpg) no-repeat top left; padding-left: 15px; display: block; font-size: 11px}

#footer { background: url(../pictures/index-content/bg_footer.jpg) no-repeat top center; height: 87px; padding: 15px; margin: 10px 0px 0px 0px}
#footer h4 { font-size: 14px; margin: 0px; padding: 0px; color: #48493e; margin-bottom: 12px}

.footer-links { width: 33%; float: left}
.footer-links a { display: block; font-size: 11px}

.footer2 {border-bottom: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; padding: 3px 0px 3px 0px}
.footer2 ul { margin: 0px; padding: 0px;}
.footer2 li { float: left; list-style: none}

#filter { background: url(../pictures/listing/bg_filter.jpg) no-repeat top center; height: 27px; padding-top: 3px; padding-left: 8px; overflow:hidden;}
#filter form { display: inline}
#filter input { vertical-align: middle}

.holder-pager { background: url(../pictures/listing/bg_listing-box.jpg) no-repeat top center; height: 52px; overflow: hidden; padding-top: 15px; padding-left: 10px; padding-right: 15px}
.count-text { float: left; width: 60%; font-weight: bold}
.pager { float: right; width: 40%; text-align: right}
.pager a { font-weight: bold}
.pager a:link, .pager a:visited, .pocet-poloziek a:link, .pocet-poloziek a:visited { color: #4f4e4e; text-decoration: none}
.pager a:hover, .pager a.selected, .pocet-poloziek a:hover, .pocet-poloziek a.selected { color: #1144dd; text-decoration: underline}
.select-zor { float: left; padding: 2px 0px;}
.pocet-poloziek { float: right; padding-top: 5px; text-align: right}

#porovnanie {background: url(../pictures/listing/bg_porovnanie.jpg) no-repeat top center; padding: 20px 10px 20px 17px}
.porovnaj-img {width: 53px; height: 53px; text-align: center; border: 1px #d8d2d2 solid}
.porovnaj-item {float: left; width: 55px; height: 55px; text-align: center; margin-right: 24px; color: #4f4e4e}
.porovnaj-button {float: left; width: 160px; padding-top: 4px; overflow:hidden}

.mobil-item { width: 20%; float: left; font-size: 10px; margin-top: 20px; overflow:hidden}
.mobil-item div { padding: 3px}
.mobil-img { text-align: center; height: 94px; overflow:hidden}
.mobil-link { height: 30px; overflow: hidden; font-size: 12px}
.mobil-link a { font-weight: bold}
.mobil-link a:link, .mobil-link a:visited {color: #223cff; text-decoration: none}
.mobil-link a:hover {color: #223cff; text-decoration: underline}

#holder-images { width: 40%; float: left; padding-top:15px;}
#main-img { text-align: center; margin-bottom: 10px; height: 200px; overflow: hidden}
.gallery-img { width: 33%; float: left; text-align: center}

#h1-holder{width:346px; float:left;}

#holder-mobil-info { width: 60%; float: right; color: #6e6e6e}
#holder-icons { font-size: 10px; float:right; width:180px; padding-top:15px;}
#holder-icons a { color: #199b2f;}
#holder-icons a:link, #holder-icons a:visited { text-decoration: underline}
#holder-icons a:hover { text-decoration: none}
#text h2 { color: #6e6e6e; border-bottom: 1px #c7c7c7 solid; padding: 0px 0px 5px 0px; margin: 15px 0px 5px 0px; font-size: 16px}
#text p { margin: 0px; padding: 3px 0px 3px 0px}
#text input { margin-top: 10px}
#param { margin-top: 15px}

#holder-table {border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 7px 0px 7px 0px; margin: 7px 0px 7px 0px}
#holder-table th { text-align: left}
#holder-table td { text-align: right}
.breaker {clear: both; margin:0px; padding: 0px; font-size: 0px; line-height:0px;}






.tabber {color:#4C4C4C; margin-top: 15px; width:516px; padding:0px 5px;}
.tabber .header{left: 1px; position:relative; height:27px; list-style:none; padding:0px; margin:0px; overflow:hidden;  width:507px;}
.tabber .header li{float:left; height:27px; background:none; display:block;}
.tabber .header .faded{}
.tabber .header a { display: block; height: 27px; text-decoration: none; cursor: pointer}

.tabber .header #tab0, .tabber .header #tab0:link, .tabber .header #tab0:visited {background: url(../pictures/produkt/tab-kompatibilita.jpg) no-repeat top left!important; width:94px}
.tabber .header #tab0:hover, .tabber .header #tab0.tab-active {background: url(../pictures/produkt/tab-kompatibilita-sel.jpg) no-repeat top left!important; width:94px}


.tabber .header #tab1, .tabber .header #tab1:link, .tabber .header #tab1:visited {background: url(../pictures/produkt/tab-prislusentsvo.jpg) no-repeat top left!important; width:94px}
.tabber .header #tab1:hover, .tabber .header #tab1.tab-active {background: url(../pictures/produkt/tab-prislusentsvo-sel.jpg) no-repeat top left!important; width:94px}

.tabber .header #tab2, .tabber .header #tab2:link, .tabber .header #tab2:visited {background: url(../pictures/produkt/tab-funkcie.jpg) no-repeat top left!important; width:68px}
.tabber .header #tab2:hover, .tabber .header #tab2.tab-active {background: url(../pictures/produkt/tab-funkcie-sel.jpg) no-repeat top left!important; width:68px}

.tabber .header #tab3, .tabber .header #tab3:link, .tabber .header #tab3:visited {background: url(../pictures/produkt/tab-technicka.jpg) no-repeat top left!important; width:143px}
.tabber .header #tab3:hover, .tabber .header #tab3.tab-active {background: url(../pictures/produkt/tab-technicka-sel.jpg) no-repeat top left!important; width:143px}

.tabber .header #tab4, .tabber .header #tab4:link, .tabber .header #tab4:visited {background: url(../pictures/produkt/tab-balenie.jpg) no-repeat top left!important; width:100px}
.tabber .header #tab4:hover, .tabber .header #tab4.tab-active {background: url(../pictures/produkt/tab-balenie-sel.jpg) no-repeat top left!important; width:100px}

.tabber .header #tab5, .tabber .header #tab5:link, .tabber .header #tab5:visited {background: url(../pictures/produkt/tab-pes.jpg) no-repeat top left!important; width:84px}
.tabber .header #tab5:hover, .tabber .header #tab5.tab-active {background: url(../pictures/produkt/tab-pes-sel.jpg) no-repeat top left!important; width:84px}

.tabber .header #tab6, .tabber .header #tab6:link, .tabber .header #tab6:visited {background: url(../pictures/produkt/tab-nazory.jpg) no-repeat top left!important; width:84px}
.tabber .header #tab6:hover, .tabber .header #tab6.tab-active {background: url(../pictures/produkt/tab-nazory-sel.jpg) no-repeat top left!important; width:84px}

#blok2, #blok3, #blok4, #blok5, #blok6 { padding: 0px 10px 0px 10px}

#blok3 th, #blok3 td { margin: 0px; padding: 0px}

.productListing { background: url(../pictures/listing/bg_filter.jpg) no-repeat top center; height: 30px; overflow: hidden; }

#informace table { margin-top: 0px}
#informace th {text-align: left;}
#informace .row2 td, #informace .row2 th { padding: 2px 5px; }
#informace .row1 td, #informace .row1 th { background-color: #eeeeee!important; padding: 2px 5px;}

#informace h2{text-align:center;}
#informace table h3 { text-align: left; margin: 0px; padding: 8px 0px 0px 0px; font-size: 12px; background-color: #FFFFFF; color: #1144DD; display: block; border-bottom: 1px #c7c7c7 solid}
#informace .euro {font-size: 0.8em;}

#list-holder {margin-top: -10px}

#our-copy {color: #ACACAC; font-size: 11px; padding-top: 3px}
#our-copy a {color: #ACACAC; font-size: 11px}

label:hover {text-decoration: none}

.mobil-cena { text-align: left}
.mobil-cena span {text-align: left}

#nokia-spravy{ background: url(../pictures/bg-nokiaspravy.jpg) no-repeat scroll 0px 0px; padding:11px 18px; width:205px; height:164px;}
#nokia-spravy .sprava{height:140px; overflow:hidden;}
#nokia-spravy .spravy-date{color:#666666; font-size:11px; padding-top:3px;}
#nokia-spravy .spravy-title a{font-size:12px; font-weight:bold; color:#1144DD; text-decoration:underline;}
#nokia-spravy .spravy-title span{font-size:12px; font-weight:bold; color:#1144DD; text-decoration:none;}
#nokia-spravy .spravy-title a:hover{text-decoration:none;}
#nokia-spravy .spravy-body{color:#4f4e4e; font-size:12px; padding-top:3px;}
#nokia-spravy .spravy-body p{margin:0px; padding:3px 0px;}
#nokia-spravy #spravy-navigacia{padding-top:11px;}
#nokia-spravy #spravy-navigacia .left a{color:#4eb418; font-size:11px; }
#nokia-spravy #spravy-navigacia .right{width:100px;}
#nokia-spravy #spravy-navigacia .right .pocet{color:#9b9b9b; font-size:12px; float:right; display:block;}
#nokia-spravy #spravy-navigacia .right a{width:10px; height:10px; float:right; display:block;}
#nokia-spravy #spravy-navigacia .right a.btn-left{background: url(../pictures/btn-spravy-left.gif) no-repeat scroll 0px 0px; margin:2px 8px 0px 0px;}
#nokia-spravy #spravy-navigacia .right a.btn-left:hover{background: url(../pictures/btn-spravy-left-hover.gif) no-repeat scroll 0px 0px;}
#nokia-spravy #spravy-navigacia .right a.btn-right{background: url(../pictures/btn-spravy-right.gif) no-repeat scroll 0px 0px; margin:2px 0px 0px 8px;}
#nokia-spravy #spravy-navigacia .right a.btn-right:hover{background: url(../pictures/btn-spravy-right-hover.gif) no-repeat scroll 0px 0px;}