/* ------------------------------------------------------------------------------------
-- OVERARCHING LAYOUT
------------------------------------------------------------------------------------ */

body {padding:0px; font-size:81.25%; font-family:arial, helvetica, sans-serif; color:#000; text-align: center;  line-height:1.4em; background:#DEDCDC;}

.aaa {background:#666;}

#wrapper {width: 760px; _width: 762px; padding:0 auto;  margin: 0 auto; text-align:center;  background:#fff; border:1px solid #BDBBBB;}
.container, .container-alt {position:relative;  width: 760px; margin:0 auto;}
.container-alt {border-color:#1d2327;}
/* ------------------------------------------------------------------------------------
-- HEADER
------------------------------------------------------------------------------------ */

#header {height:51px; margin:0 auto; background: url(../images/top.gif) 100% 0; }
#header .logo  {position:absolute; top:0px;  width:300px; height:51px;  z-index:900; background: url(../images/logo.gif) 0 0 no-repeat;}   

/*logo*/
   #header a#logo {position:absolute; left:0; top:0px; display:block; width:300px; height:35px; border:0; overflow:hidden;}
   #header a#logo span {position:absolute; width:100%; height:100%; background:url(/graphics/logo.gif) 0 0 no-repeat; }
   #header a#logo:hover span, #header a#logo:focus span, #header a#logo:active span {background-position:0 -190px;}
   
  /* ------------------------------------------------------------------------------------
-- TOP MENU NEW
------------------------------------------------------------------------------------ */ 
   
   #navMain .container {position:absolute; right:0px; top:28px; height:22px;}
#navMain {text-align:center; color:#fff; background:url(../images/top.gif) 100% 0 no-repeat; height:22px;}
#navMain ul {width:460px; height:22px; padding:0; list-style-type:none; background:url(../images/menu-top.gif) 0 0 no-repeat; z-index:100;}
#navMain li {float:left; display:block; height:22px;}
#navMain li:hover {position:relative; z-index:105;}

/* top level link styles */
   

   #navMain li a, #navMain li a:link, #navMain li a:visited {display:block;  height:22px; text-decoration:none; text-indent:-9999px; cursor:default; overflow:hidden;}
   #navMain li#home a {width:86px; cursor:pointer}
   #navMain li#eshop a {width:67px; cursor:pointer; }
   #navMain li#onas a {width:57px; cursor:pointer}
   #navMain li#sluzby a {width:62px; cursor:pointer}
   #navMain li#splatky a {width:107px; cursor:pointer}
   #navMain li#kont a {width:73px; cursor:pointer}

   #navMain li a:hover, #navMain :hover > a, #navMain li a:focus, #navMain a.active {background:url(../images/menu-top.gif) no-repeat;}
   #navMain li#home a:hover, #navMain li#home a:focus,  #navMain :hover li#home > a  {background-position:0px -23px;}
   #navMain li#eshop a:hover, #navMain li#eshop a:focus, #navMain :hover li#eshop > a {background-position:-86px -23px;}
   #navMain li#onas a:hover, #navMain li#onas a:focus, #navMain :hover li#onas > a {background-position:-153px -23px;}
   #navMain li#sluzby a:hover, #navMain li#sluzby a:focus, #navMain :hover li#sluzby > a {background-position:-210px -23px;}
   #navMain li#splatky a:hover, #navMain li#splatky a:focus, #navMain :hover li#splatky > a {background-position:-272px -23px;}
   #navMain li#kont a:hover, #navMain li#kont a:focus, #navMain :hover li#kont > a {background-position:-379px -23px;}

/* ------------------------------------------------------------------------------------
-- BOTTOM MENU 
------------------------------------------------------------------------------------ */
#bottom .container {height:30px;}
.bbb { background:#ccc; width:760px; height:30px;}
#bottom {text-align:center; color:#fff; height:30px;}
#bottom ul {width:760px; height:30px; padding:0; margin: 0 0 0 0px; list-style-type:none; background:url(../images/menu-bottom.gif) 0 0 no-repeat; z-index:100;}
#bottom li {float:left; display:block; height:30px;}
#bottom li:hover {position:relative; z-index:105;}

/* bottom level link styles */
   #bottom li a, #bottom li a:link, #bottom li a:visited {display:block;  height:30px; text-decoration:none; text-indent:-9999px; cursor:default; overflow:hidden;}
   #bottom li#sony a {width:100px; cursor:pointer}
   #bottom li#sennheiser a {width:161px; cursor:pointer}
   #bottom li#jamo a {width:85px; cursor:pointer}
   #bottom li#focal a {width:102px; cursor:pointer}
   #bottom li#znacky a {width:90px; cursor:pointer}
   #bottom li#mezera a {width:86px;}
   #bottom li#servis a {width:59px; cursor:pointer}
   #bottom li#kontakt a {width:71px; cursor:pointer}

   #bottom li a:hover, #bottom :hover > a, #bottom li a:focus, #bottom a.active {background:url(../images/menu-bottom.gif) no-repeat;}
   #bottom li#sony a:hover, #bottom li#sony a:focus,  #bottom :hover li#sony > a  {background-position:0px -31px;}
   #bottom li#sennheiser a:hover, #bottom li#sennheiser a:focus, #bottom :hover li#sennheiser > a {background-position:-100px -31px;}
   #bottom li#jamo a:hover, #bottom li#jamo a:focus, #bottom :hover li#jamo > a {background-position:-261px -31px;}
   #bottom li#focal a:hover, #bottom li#focal a:focus, #bottom :hover li#focal > a {background-position:-346px -31px;}
   #bottom li#znacky a:hover, #bottom li#znacky a:focus, #bottom :hover li#znacky > a {background-position:-448px -31px;}
   #bottom li#mezera a:hover, #bottom li#mezera a:focus, #bottom :hover li#mezera > a {background-position:-538px -31px;}
   #bottom li#servis a:hover, #bottom li#servis a:focus, #bottom :hover li#servis > a {background-position:-624px -31px;}
   #bottom li#kontakt a:hover, #bottom li#kontakt a:focus, #bottom :hover li#kontakt > a {background-position:-683px -31px;}

.dw {font-size:80%; font-weight:normal; color:#666; text-align:right; background:#ccc; margin: 0 0 0 0px;}
/* ------------------------------------------------------------------------------------
-- BASE STYLES
------------------------------------------------------------------------------------ */

a:link, a:visited {color:#0084C4; text-decoration:underline;}
a:hover, a:focus, a:active {color:#2B567A; text-decoration:none;}

h1, h2, h3, h4 {font-weight:normal; padding:5px;}
h1 em {font-style:normal;}
p {margin:0.5em 0 1.25em;}

.img_center {text-align:center; padding:10px 0; margin:0 auto;}
.img_left {float:left; margin:10px 15px 10px 0;}
.img_right {float:right; margin:10px 0px 10px 15px;}

/* ------------------------------------------------------------------------------------
-- Pages
------------------------------------------------------------------------------------ */
.stred1 {padding: 0px; margin:0px;}

.stred {padding: 10px; margin:0 auto; position:relative;}
.stranka {padding: 10px; margin:0 auto; height:auto;}
.text {	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;	color: #000000;	font-size: 12px;	text-decoration: none; text-align:justify;}
.text-box {font-family: Tahoma, Verdana, Arial, lucida, sans-serif;	color: #000000;	font-size: 12px;	text-decoration: none; text-align:justify; margin: 10px;}
/* -----------UVOD------------ */
.uvodni-text {float:right; width:500px; margin: 0 10px 0 10px;}
.odkazbox{width:200px; position:relative; top:-5px; margin: 0 8px 0  8px; text-align:center;}

/* -----------CLANKY------------ */

#clanky {text-align:left; margin: 0 0 30px 0;}
#clanky em {display:block; height:14px; width: 11px; background:url(../images/clanky/ikona.gif) no-repeat; position:relative; top:15px; right:17px;}
#clanky h2 {font-weight:normal; padding:18px 0 0 86px; font-size:100%; height:62px; background:url(../images/menu.jpg) no-repeat; color:#fff; margin:0 0 -20px 0;}
#clanky p {padding:0 20px 0 80px; margin:-10px 0 0 0;}
/* -----------ADMIN------------ */
.adminedit {padding: 0px 0px 0px 50px; text-align:justify; }
.admedit {padding: 0px 0px 0px 0px;}
.adminzobraz {padding: 20px 20px 0px 100px; text-align:justify; }
.adpic {float: right; margin: 0 50px 0 0;}

.floatleft {float:left; margin:10px;}
.floatright {float:right; margin:10px;}
.floatcenter {float:center; margin:10px;}
.boxbox {margin:10px;}

.nadpis {	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;	color: #000000;	font-size: 11px;	text-decoration: none;	padding: 0px 0px 0px 400px;}
.text {	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;	color: #000000;	font-size: 12px;	text-decoration: none; text-align:justify}
.text-box {	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
	color: #000000;	font-size: 12px;	text-decoration: none;    padding:20px;}
.text-ram {	font-family: Tahoma, Verdana, Arial, lucida, sans-serif; color:#FFFFFF;	font-size:12px;	text-decoration: none;}
.text-ram  a:hover, .text-ram  a:focus, .text-ram  a:active {color: #000000; text-decoration: none;}
.text-ram  a, .text-ram a:link, .text-ram a:visited {color: #FFFFFF; text-decoration: none;}

#navMain li#eshop{font-weight:bold;}

#pf2012 {position: absolute; top: 60px; left: 50%; margin-left: -430px; display: block; padding: 20px; background: #fff; z-index: 100; border: 10px solid #fff;}
#pf2012 img {border: 0;}
#pf2012.hide {display: none;}
.fb-like-box {background: #fff;}