/*
1. Obecne
2. Top + left
3. Obsah
4. sIFR */


/***********************************
1. Obecne */
* {padding:0; margin:0;}

body {background: url(../images/bg-all.gif) repeat-x 0 0 #ecd7a8; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#2c2c2c; margin-top:30px;}

li {list-style-type:none;}
img {border: 0;}

.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both; height:0; line-height:0; font-size:0;}

.all {width:950px; margin:0px auto; background: url(../images/bg-obsah.gif) repeat-y 0 0 #f6eed7; margin-top:10px;}

h1, h2 {font-family: Arial, Helvetica, sans-serif; font-weight:normal; color: #545454;}

p {font-size:70%; line-height:185%; margin-bottom:1.3em; text-align:justify; }
p a {color: #202020; text-decoration:none; border-bottom:1px solid #b9b6a4; padding-bottom:1px;}
p a:hover {color: black; border-bottom:1px solid black; padding-bottom:1px;}

table {font-size: 70%; border:0px; text-align:justify;}

.martop20 {margin-top:20px;}
.martop30 {margin-top:30px;}
.martop10 {margin-top:10px;}
.marleft {margin-left:1.9em;}
.marleft-tel {margin-left:2.2em;}
.marleft-tel-en {margin-left:3.3em;}

.color-dark {color: #121212;}
h3 {color: #000; font-size:80%; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; font-weight:normal;}

/***********************************
2. Top + left */

#anim {z-index: -500; }

div.left-pan {width:230px; background:url(../images/left-top-bg.gif) no-repeat 0 0;  position:absolute; top: 20px; left:auto;}
div.left-pan div.bg-in {width:210px; margin-left: 10px; background: #f6eed7;}

/*  logo, menu */
h1.logo, p.logo {width:210px; height:226px; position:relative; overflow:hidden; font-size:10px;}
h1.logo span, p.logo span  {width:210px; height:226px; position:absolute; top:0; left:0; display:block; background:url(../images/bechyne.gif) no-repeat 0 0; z-index:1; }

ul.menu {margin-top:15px;}
ul.menu li a {cursor: pointer; color: #656565; font-size:11px;}

/* CZ */
li.uvod, li.uvod a,
li.onas, li.onas a,
li.rolex, li.rolex a, 
li.glashuette, li.glashuette a,
li.longines, li.longines a,
li.tissot, li.tissot a,
li.tudor, li.tudor a,
li.servis, li.servis a,
li.kontakt, li.kontakt a,
li.english a,
li.rusky a
{height: 31px; width:210px; overflow:hidden; position:relative; display:block;}

li.uvod span, li.uvod a span,
li.onas span, li.onas a span,
li.rolex span, li.rolex a span, 
li.glashuette span, li.glashuette a span,
li.longines span, li.longines a span,
li.tissot span, li.tissot a span,
li.tudor span, li.tudor a span,
li.servis span, li.servis a span,
li.kontakt span, li.kontakt a span,
li.english a span,
li.rusky a span
{height: 31px; width:210px; display:block; position:absolute; top:0; left:0; background: url(../images/menu.gif) no-repeat; z-index:1;}

li.uvod span {background-position: 0 0;}
li.uvod a span {background-position: -210px 0;}
li.onas span {background-position: 0 -31px;}
li.onas a span {background-position: -210px -31px;}
li.rolex span {background-position: 0 -62px;}
li.rolex a span {background-position: -210px -62px;}
li.tudor span {background-position: 0 -93px;}
li.tudor a span {background-position: -210px -93px;}
li.glashuette span {background-position: 0 -124px;}
li.glashuette a span {background-position: -210px -124px;}
li.longines span {background-position: 0 -155px;}
li.longines a span {background-position: -210px -155px;}
li.tissot span {background-position: 0 -186px;}
li.tissot a span {background-position: -210px -186px;}
li.servis span {background-position: 0 -217px;}
li.servis a span {background-position: -210px -217px;}
li.kontakt span {background-position: 0 -248px;}
li.kontakt a span {background-position: -210px -248px;}
li.english span { background-position: 0 -279px; }
li.english a span {background-position: -210px -279px;}
li.rusky span { background-position: 0 -310px; }
li.rusky a span {background-position: -210px -310px;}

li.uvod a:hover, li.uvod a:hover span  {background-position: -420px 0;}
li.onas a:hover, li.onas a:hover span  {background-position: -420px -31px;}
li.rolex a:hover, li.rolex a:hover span  {background-position: -420px -62px;}
li.tudor a:hover, li.tudor a:hover span  {background-position: -420px -93px;}
li.glashuette a:hover, li.glashuette a:hover span  {background-position: -420px -124px;}
li.longines a:hover, li.longines a:hover span  {background-position: -420px -155px;}
li.tissot a:hover, li.tissot a:hover span  {background-position: -420px -186px;}
li.servis a:hover, li.servis a:hover span  {background-position: -420px -217px;}
li.kontakt a:hover, li.kontakt a:hover span  {background-position: -420px -248px;}
li.english a:hover, li.english a:hover span  {background-position: -420px -279px;}
li.rusky a:hover, li.rusky a:hover span  {background-position: -420px -310px;}

/* EN */
li.home, li.home a,
li.about, li.about a,
li.rolex-en, li.rolex-en a, 
li.glashuette-en, li.glashuette-en a,
li.longines-en, li.longines-en a,
li.tissot-en, li.tissot-en a,
li.servicing, li.servicing a,
li.contact, li.contact a,
li.cesky a,
li.russian a
{ height: 31px; width:210px; overflow:hidden; position:relative; display:block;}

li.home span, li.home a span,
li.about span, li.about a span,
li.rolex-en span, li.rolex-en a span, 
li.glashuette-en span, li.glashuette-en a span,
li.longines-en span, li.longines-en a span,
li.tissot-en span, li.tissot-en a span,
li.servicing span, li.servicing a span,
li.contact span, li.contact a span,
li.cesky a span,
li.russian a span
{height: 31px; width:210px; display:block; position:absolute; top:0; left:0; background: url(../images/menu-en.gif) no-repeat; z-index:1;}

li.home span {background-position: 0 0;}
li.home a span {background-position: -210px 0;}
li.about span {background-position: 0 -31px;}
li.about a span {background-position: -210px -31px;}
li.rolex-en span {background-position: 0 -62px;}
li.rolex-en a span {background-position: -210px -62px;}
li.glashuette-en span {background-position: 0 -93px;}
li.glashuette-en a span {background-position: -210px -93px;}
li.longines-en span {background-position: 0 -124px;}
li.longines-en a span {background-position: -210px -124px;}
li.tissot-en span {background-position: 0 -155px;}
li.tissot-en a span {background-position: -210px -155px;}
li.servicing span {background-position: 0 -186px;}
li.servicing a span {background-position: -210px -186px;}
li.contact span {background-position: 0 -217px;}
li.contact a span {background-position: -210px -217px;}
li.cesky span { background-position: 0 -248px; }
li.cesky a span {background-position: -210px -248px;}
li.russian span { background-position: 0 -279px; }
li.russian a span {background-position: -210px -279px;}

li.home a:hover, li.home a:hover span  {background-position: -420px 0;}
li.about a:hover, li.about a:hover span  {background-position: -420px -31px;}
li.rolex-en a:hover, li.rolex-en a:hover span  {background-position: -420px -62px;}
li.glashuette-en a:hover, li.glashuette-en a:hover span  {background-position: -420px -93px;}
li.longines-en a:hover, li.longines-en a:hover span  {background-position: -420px -124px;}
li.tissot-en a:hover, li.tissot-en a:hover span  {background-position: -420px -155px;}
li.servicing a:hover, li.servicing a:hover span  {background-position: -420px -186px;}
li.contact a:hover, li.contact a:hover span  {background-position: -420px -217px;}
li.cesky a:hover, li.cesky a:hover span  {background-position: -420px -248px;}
li.russian a:hover, li.russian a:hover span  {background-position: -420px -279px;}

/* RU */
li.home-ru, li.home-ru a,
li.about-ru, li.about-ru a,
li.rolex-ru, li.rolex-ru a, 
li.glashuette-ru, li.glashuette-ru a,
li.longines-ru, li.longines-ru a,
li.tissot-ru, li.tissot-ru a,
li.servicing-ru, li.servicing-ru a,
li.contact-ru, li.contact-ru a,
li.cesky-ru a,
li.english-ru a
{ height: 31px; width:210px; overflow:hidden; position:relative; display:block;}

li.home-ru span, li.home-ru a span,
li.about-ru span, li.about-ru a span,
li.rolex-ru span, li.rolex-ru a span, 
li.glashuette-ru span, li.glashuette-ru a span,
li.longines-ru span, li.longines-ru a span,
li.tissot-ru span, li.tissot-ru a span,
li.servicing-ru span, li.servicing-ru a span,
li.contact-ru span, li.contact-ru a span,
li.cesky-ru a span,
li.english-ru a span
{height: 31px; width:210px; display:block; position:absolute; top:0; left:0; background: url(../images/menu-ru.gif) no-repeat; z-index:1;}

li.home-ru span {background-position: 0 0;}
li.home-ru a span {background-position: -210px 0;}
li.about-ru span {background-position: 0 -31px;}
li.about-ru a span {background-position: -210px -31px;}
li.rolex-ru span {background-position: 0 -62px;}
li.rolex-ru a span {background-position: -210px -62px;}
li.glashuette-ru span {background-position: 0 -93px;}
li.glashuette-ru a span {background-position: -210px -93px;}
li.longines-ru span {background-position: 0 -124px;}
li.longines-ru a span {background-position: -210px -124px;}
li.tissot-ru span {background-position: 0 -155px;}
li.tissot-ru a span {background-position: -210px -155px;}
li.servicing-ru span {background-position: 0 -186px;}
li.servicing-ru a span {background-position: -210px -186px;}
li.contact-ru span {background-position: 0 -217px;}
li.contact-ru a span {background-position: -210px -217px;}
li.cesky-ru span { background-position: 0 -248px; }
li.cesky-ru a span {background-position: -210px -248px;}
li.english-ru span { background-position: 0 -279px; }
li.english-ru a span {background-position: -210px -279px;}

li.home-ru a:hover, li.home-ru a:hover span  {background-position: -420px 0;}
li.about-ru a:hover, li.about-ru a:hover span  {background-position: -420px -31px;}
li.rolex-ru a:hover, li.rolex-ru a:hover span  {background-position: -420px -62px;}
li.glashuette-ru a:hover, li.glashuette-ru a:hover span  {background-position: -420px -93px;}
li.longines-ru a:hover, li.longines-ru a:hover span  {background-position: -420px -124px;}
li.tissot-ru a:hover, li.tissot-ru a:hover span  {background-position: -420px -155px;}
li.servicing-ru a:hover, li.servicing-ru a:hover span  {background-position: -420px -186px;}
li.contact-ru a:hover, li.contact-ru a:hover span  {background-position: -420px -217px;}
li.cesky-ru a:hover, li.cesky-ru a:hover span  {background-position: -420px -248px;}
li.english-ru a:hover, li.english-ru a:hover span  {background-position: -420px -279px;}

/* znacky */
div.znacky { width: 138px; margin:40px 0 40px 34px;}
a.rolex,
a.tudor,
a.longines,
a.tissot,
a.glashuette
{width:138px; height:60px; overflow:hidden; position:relative; display:block; cursor:pointer; color: #656565; font-size:11px;}

a.rolex span,
a.tudor span,
a.longines span,
a.tissot span,
a.glashuette span
{height: 60px; width:138px; display:block; position:absolute; top:0; left:0; background: url(../images/loga.gif) no-repeat; z-index:1;}

a.rolex span {background-position: 0 0;}
a.tudor span {background-position: 0 -60px;}
a.glashuette span {background-position: 0 -120px;}
a.longines span {background-position: 0 -180px;}
a.tissot span {background-position: 0 -240px;} 

a.rolex:hover, a.rolex:hover span {background-position: -138px 0;}
a.tudor:hover, a.tudor:hover span {background-position: -138px -60px;}
a.glashuette:hover, a.glashuette:hover span {background-position: -138px -120px;}
a.longines:hover, a.longines:hover span {background-position: -138px -180px;}
a.tissot:hover, a.tissot:hover span {background-position: -138px -240px;}

address {width:950px; margin:0 auto; text-align:right; font-size:10px; height:20px; font-style:normal;}

/*  bottom */
div.bot {background: url(../images/bot-bg.gif) no-repeat 0 0; padding:25px 0 0; width:950px; margin:0px auto; height:44px;}
div.bot div.width246 {width:246px; float:right; padding-bottom:30px;}
div.bot a.fresh {width: 246px; height:25px; overflow:hidden; position:relative; display:block; cursor:pointer;}
div.bot a.fresh span {width: 246px; height:25px; display:block; position:absolute; top:0; left:0; background: url(../images/fresh.gif) no-repeat 0 0; z-index:1;}
div.bot a.fresh:hover, div.bot a.fresh:hover span {background-position: 0 -25px;}

/***********************************
3. Obsah */
.width646 {width:656px; margin: 25px 0 0 266px; padding-bottom:10px;}
.width131 {width:131px; } 
.width489 {width:489px; padding-bottom:20px;}
.width224 {width: 224px;}
.width263 {width: 263px;}
.width131 p {line-height:160%;}

.linetop {border-top: 1px solid #545454; padding-top:10px;}
.linebot {height: 88px; border-bottom: 1px solid #d3ccb7; margin-bottom:6px;}

table.dates {width:100%; margin-top:10px; background: url(../images/line.gif) no-repeat bottom; margin-bottom:20px;}
table.dates td {padding:8px 10px; vertical-align:top; line-height:170%;}
table.dates td.left {color: #333; width: 45px;}
table.dates tr {background: url(../images/line.gif) no-repeat top;}

ul.seznam {font-size:70%; line-height:185%; margin-bottom:20px;}
.banner-hp { padding:25px 0;}

/* linka */
.line {background: url(../images/line.gif) no-repeat top left; padding-top:1.2em;}
.line-nopad {background: url(../images/line.gif) no-repeat top left;}

/* small img */
.smallimg {float:left; margin-right: 13px; width:68px;}
.smallimg p {text-align:center; margin-top:-10px; line-height: 120%;}

/* fotogalerie */
.fotogalerie img {float:left; margin:10px 10px 0 0; border:1px solid #cfc9b7;}
.fotogalerie img.nomar {margin-right: 0;}

/***********************************
4. sIFR */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

.sIFR-hasFlash h2.redd {visibility: hidden;  font-size:16px; }
.sIFR-hasFlash h2.home {visibility: hidden;  font-size:16px;}
.sIFR-hasFlash h1.main {visibility: hidden;  font-size:21px;}
.sIFR-hasFlash h2 {visibility: hidden;  font-size:16px;}


/* --- text pod sifrem -- */
h2.redd {font-size: 15px; margin-bottom:6px; text-transform:uppercase; letter-spacing: 1px;}
h2.home {font-size: 15px;   margin-bottom:11px; text-transform:uppercase; letter-spacing: 1px; font-weight:bold;}
h2 {font-size: 15px;   margin-bottom:6px; text-transform:uppercase; letter-spacing: 1px;}
h1.main {font-size: 18px;  margin-bottom:11px; text-transform:uppercase; letter-spacing: 1px;}

/* Pravy pruh hodinky */
li.right-glasshutte a { width:131px; height:106px; position:relative; overflow:hidden; cursor:pointer; display:block; margin-top:15px;}
li.right-glasshutte a span { width:131px; height:106px; display:block; position:absolute; top:0; left:0; background:url(../images/right-glasshutte.jpg) no-repeat 0 0; z-index:1; }

li.right-rolex a { width:131px; height:106px; position:relative; overflow:hidden; cursor:pointer; display:block;   margin-top:15px;}
li.right-rolex a span { width:131px; height:106px; display:block; position:absolute; top:0; left:0; background:url(../images/right-rolex.jpg) no-repeat 0 0; z-index:1; }

li.right-tissot a { width:131px; height:106px; position:relative; overflow:hidden; cursor:pointer; display:block;  margin-top:15px; }
li.right-tissot a span { width:131px; height:106px; display:block; position:absolute; top:0; left:0; background:url(../images/right-tissot.jpg) no-repeat 0 0; z-index:1; }

li.right-longines a { width:131px; height:106px; position:relative; overflow:hidden; cursor:pointer; display:block;  margin-top:15px;}
li.right-longines a span { width:131px; height:106px; display:block; position:absolute; top:0; left:0; background:url(../images/right-longines.jpg) no-repeat 0 0; z-index:1; }

li.right-tudor a { width:131px; height:106px; position:relative; overflow:hidden; cursor:pointer; display:block;  margin-top:15px;}
li.right-tudor a span { width:131px; height:106px; display:block; position:absolute; top:0; left:0; background:url(../images/right-tudor.jpg) no-repeat 0 0; z-index:1; }

/* uvodni strana */
.uvod-body { margin:0!important; padding:0!important;}
.uvod-all { width:950px; margin:0 auto!important;}
.uvod-left { width:220px; height:437px; float:left; background:url(../images/uvod/left.jpg) no-repeat 0 0;}
.uvod-right { width:730px; float:left;}
.uvod-nav { margin:230px 0 0 32px;}
.news-color { color:#a82015; font-weight:bold;}
.boldRed { color:#a82015;}
.novinka-head { font-weight:bold; color:#545454; display:block; font-size:110%;}
.red {color:#a82015;}

/* mapa */
#wagt_map_1 { width:263px; height:263px;}