@charset "UTF-8";
/* CSS Tipy na darky */


img {border: none;}

* { margin: 0; padding: 0}
body { font-family: sans-serif; background: #f2f2f2; font-size: 90%; color: #000000}
div#page { width: 990px; margin: 20px auto; background: #FFFFFF}
div#header { width: 990px; height: 159px; position: relative; z-index: 1; margin: 0}

div#header.elle { background: url(../images/header-elle.jpg) no-repeat}
div#header.maxim { background: url(../images/header-maxim.jpg) no-repeat}
div#header.apetit { background: url(../images/header-apetit.jpg) no-repeat}
div#header.marianne { background: url(../images/header-marianne.jpg) no-repeat}
div#header.yellow { background: url(../images/header-yellow.jpg) no-repeat}
div#header.bydleni { background: url(../images/header-bydleni.jpg) no-repeat}
div#header.doktorka { background: url(../images/header-doktorka.jpg) no-repeat}


/* logo */
h1#logo {position: relative; top: 33px; left: 32px; overflow: hidden; width: 171px; height: 84px; margin: 0; padding: 0; font-size:1em;}
h1#logo span {display: block; position: absolute; top: 0; left: 0; z-index:10; width: 100%; height: 100%; margin: 0; padding: 0; cursor:pointer}
h1#logo.elle span { background:url(../images/logo-elle.jpg)}
h1#logo a { color: #d80128}

/* topbar */
div#topbar { width: 990px; height: 40px; background: url(../images/bg-topbar.jpg) repeat-x; position: relative}

/* search */

div#search { position: absolute; top: 40px; right: 10px; display:none;}
div#search p { vertical-align: middle}
div#search input.textfield { width: 220px; height: 20px; color: #999999; border: solid 1px #9e9e9e; font-size: 14px; padding: 3px 5px 0 5px}
div#search input.submit-button { width: 102px; height: 31px; text-transform:uppercase; border:none; color:#000000; cursor:pointer; position:relative; top: 1px} 

/* SAFARI hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
div#search input.textfield { width: 220px; height: 20px; color: #999999; border: solid 1px #9e9e9e; font-size: 14px; padding: 3px 5px 0 5px; margin: 4px 0 0 0}
div#search input.submit-button { position: relative; top: -8px}
}

div#search input.submit-button.elle { background: #b93ab9 url(../images/btn-hledat-elle.jpg) no-repeat; color: #FFFFFF}
div#search input.submit-button.maxim { background: #b93ab9 url(../images/btn-hledat-maxim.jpg) no-repeat; color: #FFFFFF}
div#search input.submit-button.apetit { background: #b93ab9 url(../images/btn-hledat-apetit.jpg) no-repeat; color: #FFFFFF}
div#search input.submit-button.marianne { background: #b93ab9 url(../images/btn-hledat-marianne.jpg) no-repeat; color: #FFFFFF}
div#search input.submit-button.yellow { background: #b93ab9 url(../images/btn-hledat-yellow.jpg) no-repeat; color: #FFFFFF}
div#search input.submit-button.bydleni { background: #b93ab9 url(../images/btn-hledat-bydleni.jpg) no-repeat; color: #FFFFFF}
div#search input.submit-button.doktorka { background: #b93ab9 url(../images/btn-hledat-doktorka.jpg) no-repeat; color: #FFFFFF}


/* ---------------------------------- FILTROVANI ---------------------------------- */

div#filter { width: 918px; display:none; background: #FFFFFF; border: solid 1px #b6b6b6; padding: 10px; margin: 10px auto; position: relative; z-index: 1}
div#filter form { clear: left}
div#filter p { width: 150px; float: left; padding: 0; margin: 10px 0 0 0}
div#filter select { height: 20px;}
div#filter input.ok-button { position: relative; bottom: 3px}
p.nadpis { text-transform: uppercase; font-size: 18px; width: 100% !important; padding: 0 !important; margin: 0 !important}

div.tl { position: absolute; z-index: 5; top: -1px; left: -1px; width: 5px; height: 5px; background: url(../images/bg-top-left.jpg) no-repeat}
div.tr { position: absolute; z-index: 5;top: -1px; right: -1px; width: 5px; height: 5px; background: url(../images/bg-top-right.jpg) no-repeat}
div.bl { position: absolute; z-index: 5; bottom: -1px; _bottom: -13px; left: -1px; width: 5px; height: 5px; background: url(../images/bg-bottom-left.jpg) no-repeat}
div.br { position: absolute; z-index: 5; bottom: -1px; _bottom: -13px; right: -1px; width: 5px; height: 5px; background: url(../images/bg-bottom-right.jpg) no-repeat}


/* ---------------------------------- DOPORUCUJEME ---------------------------------- */

div.tl-rec { position: absolute; z-index: 5; top: -1px; left: -1px; width: 5px; height: 5px; background: url(../images/bg-top-left-rec.jpg) no-repeat}
div.tr-rec { position: absolute; z-index: 5;top: -1px; right: -1px; width: 5px; height: 5px; background: url(../images/bg-top-right-rec.jpg) no-repeat}

div#recommended { width: 948px; background: #FFFFFF url(../images/bg-recommended.jpg) repeat-x; border: solid 1px #b6b6b6; padding: 10px; margin: 20px auto 10px; position: relative; z-index: 1}

div.article { float: left; width: 310px}
div.article p { font-size: 85%}
div.v-split { float: left; width: 1px; padding: 0 4px; height: 305px; background: url(../images/v-split.gif) center repeat-y}


/* ---------------------------------- CONTENT ---------------------------------- */
div#content, div#news, div#contact { width: 948px; background: #FFFFFF; border: solid 1px #b6b6b6; padding: 10px; margin: 20px auto; position: relative; z-index: 1}
div#content img.hp, object { margin: 12px 8px 0 8px }


/* ---------------------------------- PAGEING ---------------------------------- */

/*div#pageing { margin: auto; text-align: center}*/
div#pageing ul { margin: 0 0 0 44%; _margin: 0 0 0 33%}
div#pageing ul li { float:left; list-style: none; margin:0; padding: 0; background: none}
div#pageing ul li span { float:left; margin: 0 10px 0 10px}
div#pageing ul li a { float:left; display:block; height:100%; padding:0 3px; font-weight:bold; color:#666666; text-decoration: underline}
div#pageing ul li a img { border: none; position: relative; bottom: 10px; margin: 0}
div#pageing ul li.posuvnik a { float:left}
div#pageing ul li a.active { color:#000000; text-decoration: none}
div#pageing ul li a:hover { color:#666666; text-decoration: none}
div#pageing ul li a:hover.active { text-decoration:none; color:#000000}
div#PagerId .prev, .next {
 		height: 32px;
  		width: 32px;
  		background-repeat: no-repeat;
  		display: inline-block;
  		vertical-align: middle; 
  }
div#PagerId .prev {background-image: url(../images/btn-prev.jpg); }
div#PagerId .next {background-image: url(../images/btn-next.jpg); }

/* ---------------------------------- NAVIGACE ---------------------------------- */

div#hornav { height: 40px; position: relative; float: left}
div#hornav ul { font-size: 14px; text-transform: uppercase; padding: 0; margin: 0}
div#hornav ul li { float: left; _width: 100px; text-align: center; list-style: none; padding: 0; margin: 0}
div#hornav ul li a { display: block; height: 27px; color: #000000; padding: 13px 20px 0 20px; text-decoration: none; position: relative}
div#hornav ul li a span { display: block; width: 1px; height: 35px; background: url(../images/hornav-split.jpg) no-repeat; position: absolute; right: -1px; top: 0}
div#hornav ul li a:hover, div#hornav ul li a.act { background: #FFFFFF}

/* cesta */
div#path { margin: 10px 0 0 10px; text-transform: uppercase; font-size: 85%}


/* ---------------------------------- FOOTER ---------------------------------- */
div#footer { width: 100%; padding: 15px 0; background: url(../images/bg-footer.jpg) no-repeat 20px center}
div#footer.elle { border-top: solid 5px #db6ddb}
div#footer.maxim { border-top: solid 5px #cd0100}
div#footer.apetit { border-top: solid 5px #5e7545}
div#footer.marianne { border-top: solid 5px #90205a}
div#footer.yellow { border-top: solid 5px #f2af02}
div#footer.bydleni { border-top: solid 5px #d37fa6}
div#footer.doktorka { border-top: solid 5px #4e64a8}


p.links { font-size: 80%; padding: 0 0 0 130px;}


/* ------------------------------- text elements ------------------------------- */

/* ------------------------------- text elements ------------------------------- */

h1, h2, h3, h4 { clear: left; padding: 20px 0 0 0; margin: 0 0 0 0; font-weight: normal; text-transform: uppercase}

h1 { font-size: 140%; color: #ff0101}
h2 { font-size: 100%; color: #000000; text-transform: uppercase; font-weight: bold; padding: 10px 0 0 0; margin: 0}
h3 { font-size: 100%; color: #000000; text-transform: uppercase; font-weight: bold; padding: 10px 0 0 0; margin: 0}
h4 { font-size: 100%; color: #000000; text-transform: uppercase; font-weight: bold; padding: 10px 0 0 0; margin: 0}

p { padding: 5px 0 5px 0; color: #000000; font-size: 90%; line-height: 1.5em}

ul, ol { padding: 10px 0 10px 0; margin: 0 0 0 30px; color: #000000; font-size: 90%; line-height: 1.5em}
ul li { padding: 0 0 0 10px; list-style: disc}

a:link, a:hover, a:visited { color: #666666}
a:hover { text-decoration: none;}
hr { display: none}


/* ------------------------------- classes ------------------------------- */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.nobgr { background: none !important}
.center { text-align: center}
.bold { font-weight: bold}

img.fleft { float: left; padding: 5px 10px 5px 0}
img.fright { float: right; padding: 5px 0 5px 10px} 

.c-elle, a.c-elle { color: #db6ddb !important}
.c-maxim, a.c-maxim { color: #cd0100 !important}
.c-apetit, a.c-apetit { color: #5e7545 !important}
.c-marianne, a.c-marianne { color: #90205a !important}
.c-yellow, a.c-yellow { color: #f2af02 !important}
.c-bydleni, a.c-bydleni { color: #d37fa6 !important}
.c-doktorka, a.c-doktorka { color: #4e64a8 !important}


/* gallerie */
#gallery {position:relative; width:490px; padding: 0 0 10px 0; background: #FFFFFF url(../images/bg-gallery.jpg) bottom repeat-x; float: right}
#images {border:1px solid #CCCCCC; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:480px; height:360px; padding:5px; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin:0 0 0 5px; padding: 0 0 5px 0; width:480px; height:95px}
#thumbarea {position:relative; overflow:hidden; height:100px; width:480px}
#thumbs {position:absolute; list-style:none; margin: 0; height:133px; width:10000px}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; z-index:100; height:245px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

.prev-foto, .next-foto { position: absolute; top: 40px; z-index: 10; cursor: pointer}
.next-foto { right: 0px}