/* 
Styl pro e-shop e-novorocenky.cz
Autor: Elive.cz
 */

/* Restart stylu, zavedení některých tříd */
@import url("vychozi.css");

body {background: #3cb3c8; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; text-align: center; font-size: 0.8em;}


a {color: #cf041d;}
a:visited {color: #707477;}
h3{font-size: 1.1em; padding: 0.5em 0 0.5em 0; color: #cf041d;}
hr.cleaner {visibility: hidden; height: 1px; margin: 0; padding: 0; clear: both;}

div#blok {width: 1000px; margin: auto; text-align: left;}

div#infoBox {color: #fff; text-align: right; padding-top: 15px;}

h1 a {width: 753px; height: 51px; display: block; overflow: hidden;}
h1 a span {width: 753px; height: 51px; display: block; left: 0; top: 0; background: url('img/nadpis.png') left top no-repeat; z-index: 1; cursor: pointer;}

div#pocitadlo {width: 71px; /*_width: 247px;*/ height: 34px; /*_height: 51px;*/ background: url('img/pocitadlo.png') left top no-repeat; color: #09fff1; font-size: 34px; padding: 11px 176px 6px 0; text-align: right;}

div#hlavicka {clear: both;}

li.posledni{border: 0 !important;}

div#horMenu {height: 70px; border: 1px solid #fff; background: #cb2727;}
div#horMenu div.hledani {width: 219px;}
div#horMenu div.menu {width: 522px; background: url('img/horMenu.png') 0 7px no-repeat; height: 70px;}

div#horMenu input.inputCerveny {top: 33px; left: 21px; height: 23px; width: 143px; background: url('img/inputCerveny.png') left top no-repeat; margin: 0; border: 0;}
div#horMenu form span {left: 25px; top: 14px; font-weight: bold; color: #fff;}
div#horMenu button.buttonCerveny {width: 26px; height: 26px; background: url('img/okCervene.png') left top no-repeat; margin:0; border: 0; top: 32px; left: 171px;}
div#horMenu button.buttonCerveny span {display: none;}

div#horMenu div.phone {float: left; background: url('img/phone.png') 0 0 no-repeat; height: 57px; padding-left: 50px; padding-top: 10px;
	font-size: 23px; color: #fff; margin-top: 14px;}
div#horMenu div.gplusone {float: left; margin: 30px 0 0 14px;}

div#horMenu div.menu ul {margin-left: 6px;}
div#horMenu div.menu ul li {list-style-type: none; float: left; line-height: 70px; text-transform: lowercase; text-align: center;}
div#horMenu div.menu ul li.stranka1 {width: 110px;}
div#horMenu div.menu ul li.stranka12 {width: 122px;}
div#horMenu div.menu ul li.stranka3 {width: 139px;}
div#horMenu div.menu ul li.stranka4 {width: 195px;}
div#horMenu div.menu ul li.stranka5 {width: 91px;}
div#horMenu div.menu ul li.stranka6 {width: 60px;}
div#horMenu div.menu ul li.stranka7 {width: 102px;}
div#horMenu div.menu ul li.stranka8 {width: 78px;}
div#horMenu div.menu ul li.stranka11 {width: 153px;}

div#horMenu div.menu ul li a {text-decoration: none; color: #000;}

div#telo {background: #fff; padding: 20px 0 70px 0;}
div#obal {background: url('img/linka.png') left top repeat-y;}
div#levy {width: 221px; overflow: hidden;}
div#pravy {width: 779px; overflow: hidden;}

div#levy h3 {width: 180px; height: 49px; display: block; position: relative; overflow: hidden; margin: 11px 23px;}
div#levy h3 span {width: 180px; height: 49px; display: block; position: absolute; left: 0; top: 0; overflow: hidden;}

div#levy h3.prihlaseni span {background: url('img/prihlaseni.png') left top no-repeat;}
div#levy h3.zbyvaDni span {background: url('img/zbyvaDni.png') left top no-repeat;}

div#levy div.odpocet {width: 180px; margin: 11px 23px; color: #22b2bf; line-height: 35px;}
div#levy div.odpocet div.cislo {width: 33px; height: 33px; border: 1px solid #a8a8a8; text-align: center; color: #d8123c; font-size: 20px; margin-right: 5px;}

div#pravy h2 {color: #3cb3c8; font-size: 1.3em; margin-left: 11px;}

div#menu {margin: 0 23px;}

div#menu ul li.kategorie1 a, div#menu ul li.kategorie2 a {width: 180px; height: 49px; display: block; position: relative; overflow: hidden; border: 0;}
div#menu ul li.kategorie1 a {margin-bottom: 10px;}
div#menu ul li.kategorie2 a {margin-bottom: 10px;}
div#menu ul li.kategorie1 a span, div#menu ul li.kategorie2 a span {display: block; width: 180px; height: 49px; position: absolute; left: 0; top: 0; z-index: 1;}

div#menu ul li.kategorie1 a span {background: url('img/statickeNovorocenky.png') left top no-repeat;}
div#menu ul li.kategorie2 a span {background: url('img/animovaneNovorocenky.png') left top no-repeat;}

div#menu ul li ul {margin-bottom: 10px;}
div#menu ul li ul li {margin-left: 2px;}

div#menu ul li ul li a,
div#menu ul li.kategorie2 ul li a,
div#menu ul li.kategorie1 ul li a {background: url('img/liSipka.png') 0 5px no-repeat; padding-left: 13px; width: 140px;  height: 16px; line-height: 16px; font-size: 0.9em; display: block; text-decoration: none; color: #45b5c4; margin-top: 2px; margin-bottom: 0;}

div#menu ul li ul li a span,
div#menu ul li.kategorie2 ul li a span,
div#menu ul li.kategorie1 ul li  a span {display: inline; background: none;}

div#paticka {clear: both; background: url('img/paticka.png') left top repeat-x #3cb3c8; height: 52px; border-top: 1px solid #3cb3c8;}
div#paticka a {display: block; width: 85px; height: 19px; right: 0; top: 0; overflow: hidden;}
div #paticka a span {display: block; width: 85px; height: 19px; left: 0; top: 0; background: url('img/elive.png') left top no-repeat; cursor: pointer;}

div.autolinks {float: left; color: #666; padding: 6px 10px;}
div.autolinks a {color: #666; display: inline !important;}

/* Úvodní stránka */
div.homepageText h2 {font-size: 24px !important; color: #991216 !important; margin: 0 0 15px 0 !important;
	font-weight: normal;}
div.homepageText {color: #454545; font-size: 14px; margin-bottom: 5px; font-family: 'Arial', sans-serif;
	background: url(img/banner-novorocenka-zdarma.jpg) -10px 98% no-repeat; padding-bottom: 270px;
	position: relative;}
div.homepageText #choose {position: absolute; width: 105px; height: 35px; right: 35px; bottom: 98px;}
div.homepageText #choose span {display: none;}

div#uvitaciText {width: 255px; margin-right: 14px; padding: 0;}
div#uvitaciText h2 {color: #45b5c4; margin: 0 0 10px 0; padding: 0; font-size: 1.15em;}
div#uvitaciText p {color: #a4a4a4; font-size: 0.85em;}

div#malyBanner {padding: 0 16px 0 16px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
div.tiskBanner {padding-left: 5px;}

ul#benefity {margin: 0 18px; width: 165px; height: 133px; overflow: hidden;}
ul#benefity span {width: 165px; height: 133px; display: block; z-index: 1; position: absolute; top: 0; left: 0; background: url('img/benefity.png') left top no-repeat;}

div.banner, div#bannerTrojdilny {padding: 15px 0 17px 0; border-bottom: 1px dotted #d4d4d4; clear: left; width: 727px;}
div#bannerTrojdilny img {display: block; margin: 0; float: left;}

#stranky ul, #stranky ol {padding: 0.1em 0 0.5em 3em;}
#stranky h2 {padding: 0 0 0 -2em; margin: -1em 0 0.5em 0 !important; text-indent: 0;}

/* Stranka - "jak to funguje?" */
div.step {margin: 25px 0 20px 0; font-size: 14px; font-family: 'Arial', sans-serif;}
div.step strong.number {color: #cd241f; width: 50px; float: left; font-weight: normal;}
div.step div.text {float: left; color: #000; width: 660px;}
div.step a {color: #3e88b7}
p.note {color: #aaa;}