﻿/*__reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, em, img, strong, sub, sup, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}                 
html {overflow-y: scroll;} 
body, select, input, textarea, button {font: 12px/125% Arial, Helvetica Neue, Helvetica; color: #333;}
body { width: 100%; height:100%; margin: 0; padding: 0; background-color: #fff;}
h1, h2, h3, h4 {color: #333; line-height: 110%;}
h1 {font-size: 22px;margin-bottom:15px;}
h2 {font-size: 18px;margin-bottom:10px;}
h3 {font-size: 16px;margin-bottom:5px;}
h4 {font-size: 14px;}
p {line-height: 125%; margin-bottom: 10px;}
a {background: transparent; font-size: 100%; padding: 0; margin: 0; vertical-align: baseline;}
a:hover, a:active {outline: none; color: #0ea3e1;}
.watermark {color: #999 !important;}
/* Horní linka */
#horniLinka {position:relative;background: #f1f1f1;width:100%;height:40px;}
#prvniMenu {width:960px;padding:0 20px;margin:0 auto;font-size: 11px; color: #333;position:relative;}
#prvniNavigace {float:right;}
#prvniNavigace ul {margin-top:10px !important;list-style:none;}
#prvniNavigace li {display: inline; margin-left: 7px;}
#prvniNavigace li a {color: #333 !important; text-decoration: none;}
#prvniNavigace li a:hover {color: #0ea3e1; text-decoration: underline;}
#kosik {float:right;width:23px; height:20px;margin:7px 0 0 5px;padding:3px 0 0 2px; background:url(images/pozadi_kosik.gif) center top no-repeat;color:#FFFFFF;font-weight:bold; text-decoration:none; text-align:center;font-size:12px;}
#kosik a {text-decoration: none;}

/* Loga, Hlavní menu, Vyhledávání */
#hlavniMenu {position:relative;background: #000000;width:100%;height:70px;}
#druheMenu {width:960px;padding:0 20px;margin:0 auto;position:relative;}
#logo_sony{float:left;width:140px;height:40px;margin:15px 0 15px 0;border-right:solid 1px #999999;}
#logo_berkr{float:left;width:134px;height:40px;margin:15px 0 15px 20px;}
#vyhledavani {width:200px;height:70px;float:right;}
    input[type=text].hint, input[type=text].hint_active {background-color:#fff; color:#333; font-family: Arial; font-size:11px; font-weight:bold; height:30px; line-height:16px; padding-left:8px; position:absolute; right:51px; top:19px; vertical-align:middle;border-style:none;}
	#searchSubmitButton{background: url("images/searchSubmitButton.png"); height:32px;position:absolute;right:19px;top:19px;vertical-align:middle;width:32px;}
	.Hledej_button {width:32px;height:32px;border:none;}
#druhaNavigace, #druhaNavigace *{list-style:none;margin:0;padding:0;}
#druhaNavigace {font-size: 12px; line-height:16px; font-family: arial; height: 70px; float:right;}
#druhaNavigace ul {list-style:none;}
#druhaNavigace li {float:left;position:relative;}
#druhaNavigace a {display:block;position:relative; cursor: pointer; font-weight: bold; text-decoration: none; outline: 0;color: #F0F0F0;padding: 27px 10px;}
#druhaNavigace a:focus, #druhaNavigace a:hover, #druhaNavigace a:active {color: #fff; background-color: #3e3e3e;}

/* Hlavní obsah */
#hlavniObsah {position:relative;width:100%;}
/* #hlavniObsah {position:relative;width:100%;background:url('images/pozadi_o2.jpg') top center repeat-x;} */
#Obsah {width:1000px;margin:0 auto;padding:0 0 34px 0; background-color:#FFFFFF;}
    
    .topContainer {width:1000px; height:421px;position:relative;background-color:#FFFFFF;}
    .sliderContainer {width:645px; height:370px;position:absolute;left:0;top:0;}
    
/* Banners */
.bannerBackgroundStrip
{
    width: 100%;
    height: 370px;
    background-color: #eff3f6;
}
.bannerBackgroundStrip .bannerWrapper
{
    width: 645px;
    margin: 0px auto;
}
.staticbanner
{
    width: 645px;
    height: 370px;
}
.bannerBackgroundStrip .banner
{
    width: 645px;
    height: 370px;
    /*background-image: url('images/banner.jpg');*/
}
.bannerBackgroundStrip .bannerBottomLeft
{
    
}
.bannerBackgroundStrip .bannerBottomRight
{
    
}
.bannerBackgroundStrip .bannerBottomRight a 
{
    
}

#drobeckovaNavigace ul.drobky {list-style-type: none;list-style: none;float:left;}
#drobeckovaNavigace ul.drobky li {float:left;}
#drobeckovaNavigace ul.drobky li.separator {margin: 0px 10px;font-size: 12px;color: #666666;}
#drobeckovaNavigace a:link		{color: #666666; text-decoration:none;}
#drobeckovaNavigace a:visited	{color: #666666; text-decoration:none;}
#drobeckovaNavigace a:hover 	{color: #019bd9; text-decoration:underline;}
    
/* HP */    
    .firstBannerContainer {width:334px; height:165px;position:absolute;right:0;top:0;background-color:#6e5d91;display: table;padding:10px;}
    .secondBannerContainer {width:334px; height:164px;position:absolute;right:0;top:186px;background-color:#ffc001;display: table;padding:10px;}
    .bottomRowContainer {width:960px; height:20px;position:absolute;left:0;bottom:0px;background-color:#333333;padding:15px 20px;color:#FFFFFF;font-size:20px;}
    a.fill-div, a:link.fill-div, a:visited.fill-div, a:hover.fill-div {display: block;height: 100%;width: 100%;text-decoration: none;display: table-cell;vertical-align:middle;color:#FFFFFF;}
    
.plnaSirkaDiv {width:960px;margin:20px auto 0 auto;position:relative;}
.tretinovyDiv {width:290px;float:left;margin:20px 0;}
.tretinovyDiv h1,.tretinovyDiv h2 {color:#019bd9;}
.tretinovyDiv ul {list-style-type:none;}
.tretinovyDiv ul li {background-image:url(images/arrow_w.png);background-repeat:no-repeat;background-position:0px 4px; padding-left:13px;}
.tretinovyDiv a,.tretinovyDiv a:link, .tretinovyDiv a:visited {color:Black;text-decoration:none;}
.tretinovyDiv a:hover {color:#019bd9;text-decoration:underline;}
.marginLeft {margin-left:45px;}

/* Kategorie a produkty */
#plnaSirka960 {width:960px;padding:20px;}
#plnaSirka960 h1,#plnaSirka960 h2,#plnaSirka960 h3 {color:#019bd9;}
#leveOkno {float:left;width:160px;}
#leveOkno ul {list-style-type:none;}
#leveOkno ul li {background-image:url(images/arrow_w.png);background-repeat:no-repeat;background-position:0px 6px; padding-left:10px;line-height: 20px;}
#leveOkno ul li a {
     color: #333333;
	 font-weight:normal;
	 font-size:14px;
     cursor: pointer;
     display:block;  
     text-decoration:none;
     width:100%;
    }
#leveOkno ul li:hover {background-color: #F5F5F5;}
#leveOkno ul li.vybrano a {background-color: #F0F0F0;}
#leveOkno ul li.neaktivni {color:#999999;font-size:14px;}
#leveOkno ul li:hover.neaktivni {background-color:transparent;}
#leveOkno ul li.neaktivni a {color:#999999;}
#praveOkno {float:right;width:780px;}
div#slideshow {width: 780px;height:380px;margin: 0 auto 20px auto;}
div#slideshow ul#slides {list-style: none;margin:0;padding:0;}
.podkategorie {width:230px; height:300px;overflow:hidden; float:left; background-color:#F5F5F5;padding:10px;margin:8px 0;}
div:hover.podkategorie{background-color:#E5E5E5;cursor:pointer;}
.marginLeft15 {margin-left:15px;}

.pozadiObrazku {background-color:white;width:230px;height:150px;text-align:center;-moz-border-radius: 5px; border-radius: 5px;position:relative;overflow:hidden;display:table; position:static;}
.vertikalniZarovnani {position: absolute;top:50%;display: table-cell; vertical-align: middle; position: static;}
.vertikalneZarovnano {position: relative;top:-50%;}

.podkategorie ul {list-style-type:none;}
.podkategorie ul li {background-image:url(images/check_w.png);background-repeat:no-repeat;background-position:0px 6px; padding-left:15px;}

.jedenProdukt {width:100%;padding:20px 0;border-bottom:solid 1px #D5D5D5;}
.obrazekProduktu {width:220px; height:190px; padding:10px; border:solid 1px #CCCCCC; display: table-cell; vertical-align: middle;text-align:center;} 
.jedenProdukt a, .jedenProdukt a:link, .jedenProdukt a:visited {color:#000000;text-decoration:none;}
.jedenProdukt a:hover {color:#333333;}

.produktDIV{float:left;width:760px;margin:0 auto;background-color:#FFFFFF;}
.productDivImage {width:400px;margin:0 20px 20px 0;float:left;overflow:hidden;text-align:center;}
.productDivDetail {width:295px;margin:0;padding:20px;border:1px solid #019bd9;background:#F0F0F0vertical-align:top; float:right;}
    
table.ceny {border-collapse:collapse;width:100%;}
.ceny td {padding:5px 5px;}
    
td.cena {
font-size: 18px;
font-weight: bold;
color: #019bd9;
}
    
#produkt_tabs {width: 720px;margin:0 20px;}
#produkt_tabs div.panes div {background-color:#E0E0E0;padding:20px;}

#praveOkno ul, #praveOkno ol {padding-left:20px;}

.vizitka {width:350px;margin: 0 15px 15px 0;padding:10px;float:left;border:solid 1px #D5D5D5;}

/* Vlastnosti */
table.vlastnosti {border-collapse:collapse;}
.vlastnosti td {padding:3px;margin:0;border:solid 1px #AAA;}

.firstLetterCapitalize::first-letter {text-transform: uppercase;}

/* Formulář */
table.formular {border-collapse:collapse;}
.formular td {padding:3px;margin:0;}

/* Statické obsahy */


/* Pomocné linky a SEO odkazy */
#pomocneLinky {position:relative;background-color:#f1f1f1;width:100%;min-height:300px;}
#reklamniLinky {width:960px;padding:0 20px;font-family:arial,sans-serif; margin:0 auto;position:relative;}
#pomocneLinky a:link, #pomocneLinky a:visited {color:#333; font-family:arial,sans-serif; font-size:12px; text-decoration:none;}
#pomocneLinky a:hover {color:#0ea3e1; text-decoration:underline;}
#nadpisPomocneLinky {border-bottom:1px solid #c0c0c0; height:48px;}
#nadpisPomocneLinky h4 {color:#333; font-family:arial,sans-serif; font-size:18px; font-weight:normal;padding-top:10px;}
.sloupecek {float:left;width:225px;margin:20px 0 0 20px;position:relative;}
.prvni {margin-left:0px;}
.sloupecek ul {margin:0 0 30px 0;list-style:none;}
.sloupecek ul li {margin:0 0 4px 0;}

.partneri {float:left;width:470px;margin:20px 0 0 20px;position:relative;}
.partneri a
{
  display:block;
  float:left;
  background-position:left bottom;
  background-repeat:no-repeat;
  height:50px;
  margin: 0 15px 15px 0;
}

.partneri a:hover
{
  background-position:left top;
}

/* Patička, Socialní sítě, YouTube, Právní ujednání */
#paticka {position:relative;background-color:#000000;width:100%;min-height:300px;}
#pataWebu {width:960px;padding:0 20px;margin: 0 auto; font-family:arial,sans-serif;font-size:11px;color:#FFFFFF;position:relative;}
#pataWebu h4 {color:#ffffff;padding-top:10px;}
#pataWebu a:link, #pataWebu a:visited {color:#ffffff;text-decoration:none;}
#pataWebu a:hover {color:#0ea3e1;}
#nadpisPaty {border-bottom:solid 1px #FFFFFF;font-size:12px; overflow:visible; height:36px; position:relative;}
#nadpisPaty ul {list-style:none;}
#nadpisPaty ul li {float:left; padding:10px 40px 0 0;}
#nadpisPaty ul li#nakupPoTelefonu {float:right; font-size:13px; font-weight:bold;padding: 10px 0 0 0;}
#pataVlevo {float:left;width:300px;}
#pataVlevo ul,#pataVpravo ul {list-style:none;}
#pataVlevo ul.socialNetworks li {float:left;padding:10px 10px 10px 0;}
#pataVlevo ul.sonyZdroje li
{
background-image:url(images/arrow_b.png);
background-repeat:no-repeat;
background-position:0px 4px; 
padding-left:11px;
}
#pataVpravo {float:right;width:550px;}
#pataVpravo ul.yt li {float:left;padding:5px;background-color:White;margin-right:13px;width:160px;height:140px;color:#000000;}
#pataVpravo ul.yt li a, #pataVpravo ul.yt li a:link, #pataVpravo ul.yt li a:visited {color:#000000;text-decoration:none;}
#pataVpravo ul.yt li a:hover {color:#0ea3e1;}
#copyrightTerms {clear:both; border-top:1px dashed #fff; color:#fff; font-size:10px; padding:13px 0 15px 0; margin-top:30px; line-height: 24px;}
#copyrightTerms a:link, #copyrightTerms a:visited {color:#fff; font-size:10px;}
#copyrightTerms a:hover, 
#copyrightTerms a:active {color:#0ea3e1}

.small {font-size:80%;}