/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
}

body.p404 {
  background: #C2C2C2 url(../img/404background.png) no-repeat center center;
}
body.lpbg {
  background: #e0e0e0 url(../img/lpbg.jpg) center top no-repeat;
}
body.lpbg2 {
  background: #ffffff url(../img/lpbg2.jpg) center bottom repeat-x;
  height: 100%;
}
div.review {  
  background-image: url(../img/star.png);
  background-position: left center;
  background-repeat: no-repeat;  
}
div.obsah div.review a {
  color: black;
  display: inline-block;
  padding: 4px 0 4px 30px;  
}

div.reviewmenu {
  border-bottom: 1px solid #dedede;
  margin: 0 0 24px 0;
}

div.reviewbox {
  margin: 0 0 20px 0;
  padding: 40px 0 0 0;  
}

div.reviewbox h3 {
  font-weight: 400;
  padding: 0;
  margin: 0 0 14px 0;
  color: black;
  font-size: 30px;
  text-align: center;
}
.c { text-align: center; }

div.detail div.reviewbox h3 strong { color: black; }
div.likebox {
  background: white;
  padding: 20px;
}
div.likebox iframe { margin: 0; }
div.liker { float: right; }
div.liker h4 { margin: 0; }

div.rew {
  width: 30%;
  float: left;
  padding: 0;
  margin: 0 5% 20px 0; 
  text-align: center;
  font-size: 14px;
}

div.obsah div.rew p {
  margin: 0;
  padding: 0 0 14px 0;
}

div.obsah div.reviewmenu a {
  display: inline-block;
  padding: 10px 20px;
  color: black;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 1px 0 0;
  background: #e7e7e7;
  text-align: center;
  width: 120px;
  font-size: 16px;
}

div.obsah div.reviewmenu a:hover, div.obsah div.reviewmenu a.on {
  background: #b63187;
  color: white;
}

a img { border: 0 none; }

div.c404 {
  width: 600px;
  height: 601px;
  margin: 0 auto;
  position: relative;
  background: url(../img/404circle.png) no-repeat center center;
}

a.back404 {
  width: 61px;
  height: 61px;
  position: absolute;
  margin: 260px 0 0 -30px;
  text-decoration: none;
  background: url(../img/404button_back.png) no-repeat center center;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

a.home404 {
  width: 61px;
  height: 61px;
  position: absolute;
  margin: 260px 0 0 570px;
  text-decoration: none;
  background: url(../img/404button_home.png) no-repeat center center;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

a.home404:hover, a.back404:hover {
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg); 
  transform: rotate(-360deg);
}

div.video {
  width: 100%;
  height: 626px;
  overflow: hidden;
  background-image: url(../img/head.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

div.videomin {
  height: 152px;
}

div.video404 {
  background: none;
  height: auto;
}

a {
  color: #b5177b;
  text-decoration: underline;
}

a:hover { text-decoration: none; }

div.play {
  width: 100%;
  height: 626px;
  overflow: hidden;
}

video {
  width: 100%;
  height: auto;
}

div.videoup {
  background-image: url(../img/gradient.png);
  background-position: center top;
  background-repeat: repeat-x;
  width: 100%;
  position: absolute;
  height: 626px;
  z-index: 99;
  font-family: 'Lato', sans-serif;
}

div.videoupmin {
  height: 152px;
  position: static;
  background: none;
}

div.top {
  width: 100%;
  padding: 0;
  position: fixed;
  z-index: 99999999;
  height: 66px;
  background: url(../img/top.png) left top repeat;
  -webkit-box-shadow: 0 1px 10px 0 #666666;
  box-shadow: 0 1px 10px 0 #666666;  
}

div.search {
  width: 100%;
  padding: 0;
  position: absolute;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
  background-color: rgba(89,28,73,0.9);    
}

div.searchon { height: 70px; }

div.search form {
  margin: 0 auto;
  width: 404px;
  padding: 14px 0 0 0;
}

div.search input {
  width: 230px;
  padding: 10px 15px 10px 50px;
  border: 0 none;
  background: white;
  background-image: url(../img/zoom2.png);
  background-position: 14px 8px;
  background-repeat: no-repeat;
  color: #797979;
  font-style: italic;
}

div.search input.subm {
  color: white;
  text-transform: uppercase;
  width: 90px;
  font-size: 16px;
  padding: 9px 0;
  text-align: center;
  font-style: normal;
  cursor: pointer;
  background: #b11679;
}

div.search input.subm:hover {
  background: #c81f83;
}

ul {
  margin: 0 0 0 30px;
  padding: 0;
  list-style-type: square;
}

ul li {
  margin: 0 0 14px 0;
  line-height: 1.6em;
}

a.close {
  background-image: url(../img/x.png);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  color: #d22b96;
  text-transform: uppercase;
  font-size: 16px;
  padding: 2px 0 2px 27px;
  text-decoration: none;
  font-weight: 600;
  margin: 24px 30px 0 0;
  float: right;
}

div.up {
  padding: 66px 0 0 0;
  position: relative;
}
div.benefits {
  position: absolute;
  width: 100%;
  margin: -173px 0 0 0;
  z-index: 999;  
}
div.benefits2 {
  position: relative;
  margin: 0;
  z-index: 0;
}
div.minibene {
  margin: -141px 0 0 0;
}
div.whline {
  background-color: rgba(255,255,255,0.7);
  width: 100%;   
  font-size: 24px;
  padding: 8px 0;   
  text-align: center;
  font-weight: 900;   
  color: #d62589; 
}
div.whlinebig { font-size: 30px; }
div.whline span {
  background: -webkit-linear-gradient(left top, #4a0036, #d62589);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div.benefits2 div.whline {
  background-color: #eeeeee;
  border-bottom: 1px solid white;
}
div.steps {
  background-color: rgba(78,10,59,0.7);
  width: 100%;
  height: auto;
  position: relative;
}
div.benefits2 div.steps {
  background-color: #5c194a;
}
div.ste {
  float: left;
  margin: 18px 0;
  width: 194px;
  color: white;
  font-size: 16px;  
  text-transform: uppercase;  
}
div.benefits2 div.ste { color: white; }
div.benefits2 div.stefirst { width: 170px; margin-left: 24px; }
div.stelast { width: 170px; }
span.readab { text-align: center; color: #d22387; display: block; font-weight: 900; font-size: 21px; padding: 24px 0;
  background-image: url(../img/ar7.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
div.ste2 {
  font-size: 12px;
  color: #4a0036;
  padding: 0 10px 0 34px;
  width: 144px;
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: 400;
  text-transform: none;  
}
div.ste2last { width: 134px; }
div.ste span {
  float: left;
  display: block;
  width: 46px;
  height: 60px; 
  line-height: 60px;
  color: #e0118f;
  font-weight: 100;
  font-size: 31px; 
  background-image: url(../img/slash.png);
  background-position: 16px center;
  background-repeat: no-repeat;
}
div.ste strong {
  display: block;      
  padding: 11px 0 0 0;
  width: 120px;
  float: left;
  line-height: 1.35em;
  font-weight: 600;
}
div.ste i { display: block; }
a.btn1 {
  display: inline-block;
  background-image: url(../img/btn5.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  color: white;
  text-decoration: none;
  font-size: 14px;
  margin: 0 4px;
  text-transform: uppercase;  
}
a.btn1:hover {
  background-image: url(../img/btn5on.jpg);
}
a.btn1 span {
  display: inline-block;
  padding: 8px 20px 8px 26px;  
}
a.btn1 i {
  display: inline-block;
  width: 26px;
  height: 14px;
  background-image: url(../img/ar7.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}
a.btn1off i {  
  background-image: url(../img/ar8.png);    
}
a.btn2, div.obsah a.btn222 {
  text-transform: uppercase;
  display: inline-block;
  background-image: url(../img/btn6.png);
  background-position: center top;
  background-repeat: repeat-x;
  color: white;
  text-decoration: none;
  font-size: 14px;  
  margin: 0 4px;
}
a.btn2:hover, div.obsah a.btn222:hover {
  background-image: url(../img/btn6on.jpg);
}
a.btn2 span, div.obsah a.btn222 span {
  display: inline-block;
  padding: 8px 20px 8px 26px;  
}
div.stebtn { text-align: center; }
div.stebtn2 { 
  text-align: center;
  background-image: url(../img/line.gif);
  background-position: center 18px;
  background-repeat: no-repeat;
  padding: 40px 0 0 0; 
}
div.stebtn2 h4 {
  color: #4a0036;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 12px 0;
  text-transform: none;
  padding: 0;
}
div.stebtn2 h4 i {
  display: inline-block;
  width: 57px;
  height: 52px;
  background-image: url(../img/ar9.png);
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  margin: 10px 0 0 20px;
}
div.stebtn2 h5 {
  color: #ce1185;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 30px 0 0 0;
  font-size: 18px;  
}
div.hidesteps { display: none; }

div.container {
  width: 960px;
  margin: 0 auto;
}

div.container2 {
  width: 1000px;
}

div.top ul {
  margin: 0;
  padding: 0;
  list-style-type: none;   
}

div.top ul li {
  float: left;
  line-height: 1em;
  margin: 0 30px 0 0;
  position: relative;
}

div.top ul li a {
  color: #4f4f4f;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

div.top div>ul>li>a span {
  display: block;
  padding: 28px 0 25px 0;
}

div.top ul li.alex strong { font-weight: 900; }

div.top ul li.alex {
  margin-right: 60px;
}

div.top ul li.log {
  margin-left: 0;
}

div.top ul li.search {
  margin-right: 0;
  float: right;
}

div.top ul li.alex a span {
  background-image: url(../img/alex.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 70px;
}

div.top ul li.log>a span {
  background-image: url(../img/log.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 50px;
}
div.top ul li.loggedin>a span {
  background-image: url(../img/logged.png);  
}

div.top ul li.log a { color: #731d64; }

div.top ul li.search a span {
  background-image: url(../img/zoom.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
}

div.top ul li.search a:hover span, div.top ul li.search a.on span {
  background-image: url(../img/zoomon.png);
}

div.top ul li a:hover {
  color: #c81f83;
}

.pacific { font-family: 'Pacifico', sans-serif; }

a.logo img {
  float: left;
  display: block;
  border: 0 none;
  margin: 40px 0 0 0;
}
a.logomin img { margin: 24px 0 0 0; }
div.headmin a.logomin img { margin: 18px 0 0 0; }

div.icons {
  width: 300px;
  margin: 0 auto;
  padding: 40px 0 0 0;
  text-align: center;
}

div.iconsmin {
  text-align: right;
  width: 330px;
  padding: 22px 0 0 0;
}

div.icons a {
  display: inline-block;
  width: 47px;
  height: 47px;
  text-decoration: none;
  background-position: 6px 4px;
  background-repeat: no-repeat;
}

div.icons a span {
  display: inline-block;
  width: 47px;
  height: 47px;
  background-position: center top;
  background-repeat: no-repeat;
}

div.icons a.i1 span { background-image: url(../img/fb.png); }
div.icons a.i2 span { background-image: url(../img/tw.png); }
div.icons a.i3 span { background-image: url(../img/g.png); }
div.icons a.i4 span { background-image: url(../img/in.png); }
div.icons a.i5 span { background-image: url(../img/ig.png); }
div.icons a.i6 span { background-image: url(../img/pi.png); }

div.icons a:hover { background-image: url(../img/ibg.png); }
                     
/*div.newsletter {
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/mail.png);
  width: 261px;
  float: right;
  padding: 0;
  margin: 20px 20px 0 0;
  color: #4a0036;
  text-transform: uppercase;                                              
}*/

div.newsletter {
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/mail.png);
  width: 310px;
  float: right;
  padding: 0;
  margin: 20px 0 0 0;
  color: #4a0036;
  text-transform: uppercase;                                              
}
div.newsletternew {
  background-position: 18px top;
  background-image: url(../img/ebookmini.png);
}

div.newsletter.newsletter2 input {
  width: 120px;
}

div.newsletter2 {
  width: 320px;
  margin: 4px 0 0 0;
  position: relative;
  z-index: 0;
  background-position: left 14px;  
  background-image: url(../img/mail2.png);
}
div.newsletternew2 {
  background-position: 18px top;
  background-image: url(../img/ebookmini2.png);
}
div.newsletter3 {  
  margin: 18px 0 0 0;  
}

div.arr {
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/mail3.png);
  width: 22px;
  height: 38px;
  position: absolute;
  right: -22px;
  top: 20px;
}

/*div.newsletter span {
  display: block;
  padding: 10px 0 0 130px;
  line-height: 1.3em;
  font-size: 20px;
}*/

div.newsletter span {
  display: block;
  padding: 0 0 0 120px;
  line-height: 1.3em;
  font-size: 17px;
}

div.newsletter2 span {
  padding: 3px 0 0 90px;
  font-size: 13px;  
  font-weight: 600;
}
div.newsletter2 span strong { font-weight: 900; }
div.newsletternew strong {
  font-size: 18px;
  color: #4a0036;
  font-weight: bold;
  padding: 0 0 4px 88px;
  display: block;
  text-transform: uppercase;
}
div.newsletternew span {
  font-size: 16px;
  color: #a20f72;
  font-weight: bold;
  padding: 0 0 0 88px;
  text-transform: none;
  position: relative;
}
div.newsletternew span i {
  background-image: url(../img/ar6.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 20px;
  height: 49px;
  position: absolute;
  right: 20px;
  top: -10px;
}

div.newsletternew2 strong {
  font-size: 21px;
  color: #4a0036;
  line-height: 1em;
  font-weight: bold;
  padding: 0 0 0 84px;
  display: block;
  text-transform: uppercase;
}
div.newsletternew2 span {
  font-size: 13px;
  color: #a20f72;
  font-weight: 900;
  padding: 0 0 0 84px;
  text-transform: none;
  position: relative;
}
div.newsletternew2 div.arr {
  right: -10px;
}

div.newsletter form {
  margin: 0;
  padding: 16px 0 0 20px;
}

div.newsletter2 form {
  margin: 0;
  padding: 4px 0 10px 90px;
}
div.newsletternew2 form { padding-left: 80px; }

div.newsletter input {
  width: 160px;
  padding: 8px 15px;
  border: 0 none;
  background: white;
  color: #797979;
  font-style: italic;
}

div.newsletter input.fullname {
  margin-top: 6px;
  display: none;
}

div.newsletter input.subm {
  color: white;
  text-transform: uppercase;
  width: 64px;
  padding: 8px 0;
  text-align: center;
  font-style: normal;
  cursor: pointer;
  background: #4a0036;
}

div.newsletter input.subm:hover {
  background: #c81f83;
}

div.vajo {
  width: 229px;
  height: 230px;
  background-image: url(../img/vajo.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 70px 0 40px;
  text-align: center;
  float: left;
}

div.vajo span {
  color: #4a0036;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #e673c0;
  display: block;
  padding: 34px 0 0 0;
  font-weight: 600;
  z-index: 9;
  position: relative;
}

div.vajo strong {
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;  
  display: block;
  padding: 8px 10px 0 10px;
  font-weight: 400;
  z-index: 999;
  position: relative;
}
div.vajo b.sign {
  display: block;
  text-align: center;
  padding: 4px 0 0 0;
}

div.vajo strong.posun { padding-top: 28px; }

div.vajo strong i { display: block; }

div.obal { height: 214px; position: relative; }

.circle {
  background-color: transparent;
	border-radius: 50%;
	width: 163px;
	height: 163px;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 28px;
  left: 23px;
  overflow: hidden;  
}

.upper {
  width: 163px;
  height: 163px;
  position: absolute;
  left: 0;
  top: 140px;
  text-decoration: none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;  
}

.green { background-color: #69b213; }
.blue { background-color: #22b6d6; }
.violet { background-color: #ce0e7e; }
.esho { background-color: #4a0036; }

.circle:hover .upper {
  top: 0;    
}

div.vajo .circle:hover span {
  text-shadow: 1px 1px 1px #ffffff;
  color: black;
} 

div.vajo em {
  color: #ffffff;
  font-size: 16px;    
  display: block;
  line-height: 1.4em;
  padding: 0;
  font-style: normal;
  font-weight: 900;
  text-shadow: 1px 1px 2px #000000;
}

div.head { height: 104px; }

div.headmin { height: 86px; }

div.obsah { padding: 30px 0 40px 0; }

div.obsahno { padding: 0 0 40px 0; }
div.obsahno2 { padding: 0; }
div.obsahdet { background: #f6f6f6; }

div.left {
  width: 624px;
  float: left;
}

div.right {
  width: 284px;
  float: right;
}

h2 {
  color: #4a0036;
  margin: 0 0 24px 0;
  padding: 0;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
}

div.news {
  width: 276px;
  height: 180px;
  float: left;
  margin: 0 60px 0 0;
}
div.news img.homeimg {
  float: left;
  display: block;
  border: 0 none;
  margin: 0 12px 4px 0;
}
div.news h3, div.news h3 a {
  color: #a30977;
  font-size: 17px;
  text-decoration: none;
  margin: 0 0 8px 0;
  padding: 0;
}
div.news h3 a:hover { text-decoration: underline; }
div.news a.arta { color: #a30977; }

div.news em {
  font-family: 'Open Sans', sans-serif;
  float: left;
  display: block;
  padding: 6px 0 0 0;
}

div.news span {  
  float: right;
  width: 43px;
  height: 33px;
  background-image: url(../img/date.png);
  background-position: center top;
  background-repeat: no-repeat;
  color: white;
  font-weight: bold;
  padding: 6px 0 0 0;
  text-align: center;
}

div.news span span {
  display: inline;
  background: none;
  padding: 0;  
}

div.news p, div.news p a { margin: 0 0 8px 0; text-decoration: none; color: #222222; }

p {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1.5em;
}

div.bottom {
  width: 100%;
  background-image: url(../img/footbg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  padding: 40px 0 30px 0;
}

div.col {
  width: 266px;
  margin: 0 80px 0 0;
  float: left;
}

div.col h4 {
  color: white;
  font-weight: 300;
  font-size: 19px;
  margin: 0 0 20px 0;
  padding: 0;
  text-transform: uppercase;
}

div.col select {
  width: 248px;
  padding: 8px 15px;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  margin: 0 0 20px 0;
  border: 0 none;
}

div.col input {
  width: 218px;
  padding: 9px 15px;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  margin: 0 0 20px 0;
  border: 0 none;
}

div.col textarea {
  width: 218px;
  padding: 8px 15px;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  margin: 0 0 20px 0;
  border: 0 none;
  height: 100px;
}

div.col input.subm, table.tabl input.btn, input.btn {
  width: 158px;
  height: 39px;
  display: block;
  background-image: url(../img/btn.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  cursor: pointer;
  padding: 8px 0;
  text-align: center;
  border: 0 none;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  margin: 6px auto 0 auto;
  font-style: normal;
  font-size: 15px;
  border-radius: 0;
  -webkit-box-shadow: 4px 4px 8px 1px rgba(0,0,0,0.5);
  box-shadow: 4px 4px 8px 1px rgba(0,0,0,0.5);
}

table.tabl input.btnoff, input.btnoff {
  background-image: url(../img/btn3.jpg);
  background-color: #b9b9b9;
  background-position: center bottom;  
}

div.col input.subm:hover, table.tabl input.btn:hover, input.btn:hover { background: #d32488; }

input.noshad {  
  -webkit-box-shadow: none;
  box-shadow: none;
}

input.btn { margin: 0; }
input.btnpay {
  background: #b63187;
  display: block;
  padding: 14px 30px;
  width: auto;
  font-weight: 400;
  height: auto;
}
div.koscenter {
  width: 400px;
  margin: 0 auto;
}
div.koscenter h3 { font-size: 30px; color: #4a0036; margin: 0 0 20px 0; padding: 0; }
div.discount h3 { font-size: 33px; color: #4a0036; font-weight: 700; margin: 0 0 30px 0; padding: 14px 0 0 0; }
div.discount strong { color: #b63187; text-transform: uppercase; }
div.discount p { margin: 0 0 34px 0; padding: 0; }
div.discount { font-size: 17px; }
div.koscenter input.btnpay { margin: 0 auto; }
div.disleft { width: 320px; float: left; margin: 0 0 0 80px; position: relative; }
div.disright { width: 376px; float: right; 
  background: white; 
  position: relative;
  -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.10); 
  box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.10); 
  margin: 40px 100px 0 0;
  color: #4a0036;
}
div.disright form {
  margin: 0;
  padding: 30px;
  font-size: 13px;  
  font-weight: 600;
}
div.disright form input {
  border: 1px solid #e3e3e3;
  padding: 10px 4%;
  display: block;
  margin: 4px 0 14px 0;
  width: 92%;  
}
div.disright input.btn { background: #b63187; color: white; width: 70%; float: right; -webkit-box-shadow: none; box-shadow: none; padding: 14px 0; font-weight: 300; height: auto; margin: 10px 0 0 0; }
div.disright input.btn:hover { background: #a52076; }
div.obsah div.disright a.btn { background: gray; color: white; width: 24%; float: left; -webkit-box-shadow: none; box-shadow: none; padding: 12px 0; font-weight: 300; height: auto; margin: 10px 0 0 0; }
div.obsah div.disright a.btn:hover { background: #a52076; }
div.dis {
  position: absolute;
  width: 139px;
  height: 139px;
  right: -20px;
  top: 0;  
  font-size: 20px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 46px 0 0 0;
  background-image: url(../img/discount.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div.over {
  overflow: hidden;
  height: 112px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

div.overdown {
  height: 244px;
}

div.foot {
  background: #151515;
  width: 100%;
  padding: 24px 0;
  color: #707070;
  font-size: 12px;
}

div.foot p { margin: 0; text-align: right; }

a.affilico {
  display: block;
  background-image: url(../img/affilico.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 4px 0 4px 28px;
  float: left;
  text-decoration: none;
  color: #d22b96;
  font-size: 14px;
}

a.affilico:hover { color: white; }

div.navi {
  width: 100%;
  background: #b63187;
  color: white;
  text-transform: uppercase;
  padding: 12px 0;
  font-size: 13px;
  font-weight: 600;
}

div.navi2 { background: #22b6d6; }
div.navi3 { background: #ce0e7e; }
div.navi4 { background: #69b213; }

div.navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.navi ul li {
  float: left;
  margin: 0 30px 0 0;
}

div.navi ul li a {
  display: block; 
  color: white;
  text-decoration: none;
}

div.navi ul li a span { display: block; }

div.navi ul li.home a span {
  background-image: url(../img/homeico.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 15px;
  height: 19px;
}

div.lef {
  width: 226px;
  float: left;
  padding: 30px 0 0 0;
}

div.lefdet {
  width: 390px;
  padding: 50px 0 0 0;
}
div.lefdet img, table.kostab td.img img {
  /*-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);*/
}
div.lefdet a {
  position: relative;
  display: block;
  text-decoration: none;
}                                          
div.lefdet a i {
  display: none;
  position: absolute;
  width: 106px;
  height: 106px;
  background-image: url(../img/eyedet.png);
  background-position: center top;
  background-repeat: no-repeat;
  left: 50%;
  margin: 50% 0 0 -53px;  
}
div.lefdet a:hover i {
  display: block;
}

div.tex {
  width: 506px;
  float: left;
  margin: 0 0 0 24px;
  padding: 26px 0 0 0;
}

div.texbig { width: 732px; margin: 0; }
div.texbig2 { width: 750px; margin: 0; float: right; position: relative; }
div.texbig3 { width: 590px; margin: 0; float: right; position: relative; }
div.texbig4 { width: auto; float: none; position: relative; margin: 0; }
div.texbig5 { padding: 0; }
div.texbig6 { padding: 60px 0 20px 0; }

div.tex2 { float: left; padding: 56px 0 0 0; }

div.profdet { width: 476px; margin-left: 48px; padding-top: 56px; }

div.rig {
  width: 226px;
  float: right;
}

div.rigtop { padding-top: 30px; }

div.lef ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ebebeb;
  text-transform: uppercase;
  font-weight: 600;
}

div.bodsad h4 {
    margin-top: 30px;
}
div.bodsad,div.bodsad2 { padding-top: 56px; }

div.lef ul li {
  border-bottom: 1px solid white;
  margin: 0;
}

div.lef ul li a {
  color: #444444;  
  display: block;
  padding: 6px 30px;
  text-decoration: none;
}

div.lef ul li a:hover, div.lef ul li a.on {
  color: #ffffff;
  background-color: #69b213;
  background-image: url(../img/ar.png);
  background-position: 200px center;
  background-repeat: no-repeat;
}

div.lef2 ul li a:hover, div.lef2 ul li a.on {  
  background-color: #22b6d6;
}

div.lef3 ul li a:hover, div.lef3 ul li.on a {  
  background-color: #4a0036;
  color: white;
}

div.lef4 { float: right; padding: 56px 0 0 0; }

a.eshop {
  background-image: url(../img/eshop.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 150px;
  text-align: center;
  line-height: 1.1em;
  text-decoration: none;
  display: block;
  color: white;
  padding: 8px 0 0 0;
  font-size: 27px;
  font-weight: 100;
}

a.eshop span {
  margin: 0;
  display: block;
  line-height: 1.2em;
  padding: 24px 0 0 0;
  font-size: 18px;
  color: #444444;
}

a.eshop strong { display: block; font-weight: 600; }

div.eprod {
  width: auto;
  height: 382px;
  text-align: center;
  padding: 14px 0 0 0;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
}

div.eprod2 {
  width: 224px;
  height: 382px;
  float: left;
  padding: 14px 0 0 0;
  margin: 0 34px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;    
  transition: all 0.3s ease-in-out;  
}

div.eprod3 { padding: 0; width: 208px; height: 250px; margin-bottom: 14px; }

div.eprod2:hover {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
}

div.eprod img {
  display: block;
  border: 0 none;
  margin: 0 auto 14px auto;
  max-width: 80%;
}

div.eprod strong {
  display: block;
  margin: 0 14px 14px 14px;
}

div.eprod2 strong {
  display: block;
  height: 40px;
  padding: 0 14px;
}

div.eprod3 strong {  
  height: 34px;  
}

div.eprod span {
  position: relative;
  display: block;
  padding: 10px;
  background: #e9e9e9;
  color: #4a0036;
  font-size: 16px;
  margin: 0 40px;
  font-weight: bold;
}

div.eprod a {
  text-decoration: none;
  color: #444444;
}

div.eprod span i {
  position: absolute;
  display: none;
  width: 100%;
  padding: 10px 0;  
  margin: -10px 0 0 -10px;
  color: white;
  font-style: normal;
  background: #4a0036;
}

div.eprod a:hover span {
  background: #4a0036;
  color: #ffffff;
}

div.eprod a:hover span i { display: block; }

div.article {
  width: auto;
  height: 160px;
}

div.article h2, div.article h2 a {
  color: #386701;
  font-weight: 600;
  text-decoration: none;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 17px;
  text-transform: none;
}

div.article2 h2, div.article2 h2 a {
  color: #047e98;
  font-weight: 600;
  text-decoration: none;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 17px;
  text-transform: none;
}

div.article2 h2 a:hover, div.article h2 a:hover {
  text-decoration: underline;
}

h3 {
  font-size: 20px;
  color: #444444;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  text-transform: uppercase;
}

div.fb-comments {
  margin-bottom: 24px;
}

div.article img {
  display: block;
  float: left;
  border: 0 none;
}

div.cinfo {
  width: 358px;
  float: right;
}

div.cinfo2 { width: 318px; }

div.cinfofull { width: auto; float: none; }

div.article p {
  margin: 0 0 14px 0;
  padding: 0;
}

a.nextp, a.nextp2 {
  display: block;
  background: #e9e9e9;
  color: #4a0036;
  text-align: center;
  padding: 10px;
  font-weight: 100;
  text-decoration: none;
  font-size: 16px;
  margin: 0 0 24px 0;
}

a.nextp:hover, a.nextp2:hover {
  background: #4a0036;
  color: #e9e9e9;
}

div.article p.line { line-height: 32px; }

div.article p span {
  float: right;
  display: block;
  width: 43px;
  height: 39px;
  text-align: center;  
  color: white;
  font-weight: 600;
  background-image: url(../img/date2.png);
  background-position: center top;
  background-repeat: no-repeat;
}

p.line2 { font-family: 'Open Sans', sans-serif; }

p.line2 span {
  float: right;
  margin: 0 6px 0 0;
}

div.article2 p span {
  float: right;
  display: block;
  width: 43px;
  height: 39px;
  text-align: center;  
  color: white;
  font-weight: 600;
  background-image: url(../img/date3.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div.article p span span, div.article2 p span span {
  display: inline;
  background: none;  
}

h1 {
  color: #444444;
  font-size: 20px;
  margin: 0 0 14px 0;
  padding: 0;
  text-transform: uppercase;
}
div.det h1 { font-size: 30px; font-weight: 600; color: #4a0036; }
div.det ul {
  margin: 10px 0 30px 20px;
  padding: 0;
  list-style-type: none;
}
div.det ul li {
  background-image: url(../img/oka.png);
  background-position: left 4px;
  background-repeat: no-repeat;
  padding: 0 0 0 34px;
  margin: 0 0 14px 0;
  font-size: 18px; font-weight: bold;
  color: #b63187;
}

div.artlike {
  width: 26px;  
  padding: 4px 0 0 0;
  text-align: center;
  float: left;
}

div.artlike a {  
  text-decoration: none;  
}

div.artlike img {  
  display: block;
  margin: 0 auto 20px auto;
  border: 0 none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

div.artlike a:hover img {
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg); 
  transform: rotate(-360deg);
}

p.perex { font-weight: 600; }

div.artdet {
  width: 465px;  
  float: right;
  font-family: 'Open Sans', sans-serif;
}
div.ssdet h3 { text-transform: none; font-size: 17px; font-weight: bold; }

img {
  border: 0 none;
}

img.detimg {
  display: block;
  margin: 0 0 20px 0;
}

div.gal {
  margin: 0 0 24px 0;
}

div.gal img {
  float: left;
  margin: 0 34px 34px 0;
  display: block;
}

div.gal img.nom { margin-right: 0; }

div.morefoto {
  height: 144px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

a.opengal {
  display: block;
  text-align: right;
  font-weight: 300;
  text-decoration: none;
  color: #4a0036;
  text-transform: uppercase;
  font-size: 16px;
}

a.opengal strong { text-decoration: underline; }
a.opengal:hover strong { text-decoration: none; }

div.vajo2 {
  width: 140px;
  height: 139px;
  background-image: url(../img/vajo2.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 20px 0 0;
  text-align: center;
  float: left;
}

div.vajo2 span {
  color: #4a0036;
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #e673c0;
  display: block;
  padding: 26px 0 0 0;
  font-weight: 600;
  z-index: 999;
  position: relative;
}

div.vajo2 strong {
  color: #ffffff;
  font-size: 21px;
  text-transform: uppercase;  
  display: block;
  padding: 4px 10px 0 10px;
  font-weight: 400;
  z-index: 999;
  position: relative;
}

div.vajo2 strong.posun { padding-top: 28px; }

div.vajo2 strong i { display: block; }

div.vajo2 div.obal { height: 139px; position: relative; }

div.vajo2 .circle {
  background-color: transparent;
	border-radius: 50%;
	width: 139px;
	height: 139px;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  overflow: hidden;  
}

div.vajo2 .upper {
  width: 140px;
  height: 139px;
  position: absolute;
  left: 0;
  top: 120px;
  text-decoration: none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;  
}

div.vajo2 .circle:hover .upper {
  top: 0;    
}

div.vajo2 .circle:hover span {
  text-shadow: 1px 1px 1px #ffffff;
  color: black;
}

div.proflike {
  width: auto;
  margin: 0 0 20px 0;      
}

div.proflike2 {
  display: inline-block;
  margin: 0 0 0 20px;
}

div.proflike a {  
  text-decoration: none;  
}

div.proflike img {    
  margin: 0 18px 0 0;
  float: left;
  border: 0 none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

div.proflike a:hover img {
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg); 
  transform: rotate(-360deg);
}

h4 {
  color: #4a0036;
  font-size: 16px;
  font-weight: 100;
  margin: 0 0 14px 0;
  padding: 0;
  text-transform: uppercase;
}

h4.inline { display: inline-block; }

img.profoto {
  display: block;
  margin: 0 0 20px 0;
}

a.edit {
  display: block;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  background-color: #4a0036;
  line-height: 36px;
  margin: 0 0 8px 0;
}

a.edit span {
  display: inline-block;
  padding: 0 0 0 30px;  
}

a.edit:hover { background-color: #ebebeb;color: #5a5a5a; }

a.edit i {
  background-color: #ce0e7e;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../img/edit.png);
  background-position: center center;
  background-repeat: no-repeat;
}
a.edit.settings i {
  background-image: url(../img/settings.png);
}
a.edit.beneico i {
  background-image: url(../img/beneico.png);
}
a.edit.basket i {
  background-image: url(../img/basket.png);
}

a.edit:hover i { background-color: #a8a8a8; }

img.promo { margin: 0 0 20px 0; }

div.prof {
  height: 166px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}

div.prof2 {
  float: left;
  width: 336px;
  margin: 0 30px 40px 0;
  position: relative;
  padding: 14px 0 0 14px;
  height: 154px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
  font-size: 13px;
}

div.prof2:hover {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
}

div.prof a { text-decoration: none; color: #4f4f4f; }

div.prof img {
  float: left;
  display: block;
  margin: 0 14px 14px 0;
  width: 92px;
  height: auto;
}

div.prof strong { color: #a50060; display: block; margin: 0 0 10px 0; }

div.prof2 strong { font-size: 15px; font-family: 'Lato', sans-serif; }

div.prof span {
  position: relative;
  display: block;
  padding: 5px 10px;
  background: #e9e9e9;
  color: #444444;
  font-size: 16px;
  margin: 0;
  float: right;
  font-weight: bold;
}

div.prof2 span {
  position: absolute;
  right: 0;
  bottom: 0;
}

div.prof a:hover span {
  background: #4a0036;
  color: #ffffff;
}

table {
  width: 100%;
  font-size: 13px;
  margin: 0 0 24px 0;
}

table th {
  color: #a50060;
  font-weight: bold;
  padding: 6px 0;
  text-align: left;
  width: 30%;
}

table.kostab th { width: auto; }

table td {    
  padding: 6px 0;  
}

iframe { margin: 0 0 34px 0; }

div.profdet form {
  margin: 0;
  padding: 0;
}
div.profdet .plan .thumb-image {
    padding: 0;
    width: 40px;
}
div.profdet .plan .thumb-image a {
    float: left;
}
div.profdet .plan .thumb-image img {
    width: 100%;
}
div.profdet .plan td {
    padding: 10px 24px;
}

div.profdet input, div.profdet textarea, div.profdet select {
  width: 190px;
  padding: 8px 15px;
  border: 2px solid #dadada;
  background: white;
  color: #797979;
  font-style: italic;
}

div.profdet textarea { height: 120px; }

div.profdet input.subm {
  color: white;
  text-transform: uppercase;
  width: 150px;
  padding: 10px 0;
  border: 0 none;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  font-style: normal;
  cursor: pointer;
  background-image: url(../img/btn.jpg);
  background-position: center top;
  background-repeat: repeat-x;  
}

div.profdet input.subm:hover {
  background: #c81f83;
}

a.mess {
  display: block;
  color: #5a5a5a;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 100;
  background-image: url(../img/mico.png);
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 30px;
  margin: 0 0 14px 0;
}

a.mess span {
  display: block;
  padding: 0 0 0 35px;
}

a.mess strong { color: #ce0e7e; }

a.bbtn {
  display: block;
  color: #ffffff;  
  text-transform: uppercase;
  text-decoration: none;  
  text-align: left;
  font-weight: 100;
  background-position: left top;
  background-repeat: repeat-x;
  font-size: 17px;  
  margin: 0 0 8px 0;
  padding: 17px 0 17px 60px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(39, 39, 39, 0.26);
  -moz-box-shadow:    0px 3px 5px 0px rgba(39, 39, 39, 0.26);
  box-shadow:         0px 3px 5px 0px rgba(39, 39, 39, 0.26);
}
a.bbtn .btn-plus {
  width: 34px;
  height: 34px;
  background: url(../img/btn-plus.png) left top no-repeat;
  position: absolute;
  left: 13px;
  top: 24px;
}
a.bbtn.btn-green {
  background-image: url(../img/btn-green.png);
}
a.bbtn.btn-blue {
  background-image: url(../img/btn-blue.png);
}
a.bbtn.btn-ruby {
  background-image: url(../img/btn-ruby.png);
}

a.bbtn2 {
  display: block;
  color: #ffffff;  
  text-transform: uppercase;
  text-decoration: none;  
  text-align: center;
  font-weight: 600;
  background-color: #820f65;
  background-image: url(../img/btn.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  font-size: 14px;  
  margin: 0 0 30px 30px;      
}

a.bbtn2 span {
  padding: 11px 14px;
  display: block;
}

a.bbtn2:hover {
  background: #b11679;
}

a.bbtn i {
  display: inline-block;  
  background-image: url(../img/ar2.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 11px;
  height: 23px;
  margin: 0 0 0 4px;
}

a.bbtn2 i {
  display: inline-block;  
  background-image: url(../img/ar.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 7px;
  height: 11px;
  margin: 0 0 0 4px;
}

a.bbtn3 {
  display: block;
  color: #ffffff;  
  text-transform: uppercase;
  text-decoration: none;  
  text-align: center;
  font-weight: 600;
  background-color: #61a700;
  background-image: url(../img/btn2.jpg);
  background-position: center bottom;
  background-repeat: repeat-x;
  font-size: 16px;  
  width: 220px;
  margin: 0 0 24px 0;        
}

a.bbtn3 span {
  padding: 10px 14px 10px 40px;
  display: block;
  background-image: url(../img/add.png);
  background-position: 20px center;
  background-repeat: no-repeat;
}

a.bbtn3:hover {
  background: #61a700;
}

a.bbtn4 {
  display: block;
  color: #ffffff;  
  text-transform: uppercase;
  text-decoration: none;  
  text-align: center;
  font-weight: 600;
  background-color: #b9b9b9;
  background-image: url(../img/btn3.jpg);
  background-position: center bottom;
  background-repeat: repeat-x;
  font-size: 14px;  
  width: 144px;
  margin: 0 0 24px 0;        
}

a.bbtn4 span {
  padding: 8px 0 10px 0;
  display: block;
  background-image: url(../img/arb.png);
  background-position: 20px center;
  background-repeat: no-repeat;
}

a.bbtn4:hover {
  background: #b9b9b9;
}

div.cart {
  position: absolute;
  right: 0;
  top: 0;
  width: 228px;
  height: 62px; 
  background-color: #4a0036;
  background-image: url(../img/cart.png);
  background-position: left top;
  background-repeat: no-repeat;
  color: white;
  font-size: 14px;
  font-weight: 100;  
  display: none;
}

div.cart table {    
  width: 170px;
  margin: 0 0 0 76px;
  padding: 11px 0 0 0;
  line-height: 1.6em;
}

div.cart table td {
  padding: 0 4px 0 0;
}

div.cart a {
  display: block;
  position: absolute;
  text-decoration: none;
  width: 100%;
  height: 100%;
  z-index: 10;
}

div.det {
  padding: 40px 0 0 0;
}

div.price {
  font-size: 42px;
  color: #4a0036;
  font-weight: 600;
  float: left;
  margin: 0;
  padding: 14x 0 0 0;
}
div.price strong { color: #b63187; }
div.price span { color: #9b9b9b; font-size: 17px; font-weight: 300; display: block; margin: 0; text-decoration: line-through; }
div.pricebox {
  border: 1px solid #b63187;
  background: white;
  padding: 20px 30px;
}
p.yp { font-size: 20px; font-weight: 300; text-transform: uppercase; color: #717171; margin: 0 0 10px 0; padding: 0; }

a.addcart {
  display: block;    
  color: #ffffff;  
  text-transform: uppercase;
  text-decoration: none;    
  font-weight: 400;
  float: right;
  background-color: #b63187;  
  font-size: 24px;  
  margin: 7px 0 0 0;     
}

a.addcart span {
  display: block;
  padding: 14px 30px;
}

a.addcart:hover {
  background-color: #b11679;  
}

div.newsdiv {
  text-align: center;
  color: #323232;
  font-size: 15px;
  padding: 100px 0 0 0;
  background: url(../img/newsdiv.png) left top no-repeat;
}
div.newsdiv-inner {
  width: 880px;
  margin: 0 auto;
  text-align: left;
}
div.newsdiv-inner2 {
  width: 800px;
}

div.newsdiv h2 { color: #4a0036; font-weight: 400; }

div.newsdiv h3 { color: #a30977; }

div.newsdiv a { color: #a30977; text-decoration: underline; }
div.newsdiv a:hover { text-decoration: none; }

div.newsdiv a.biga { display: block; width: 100%; height: 400px; text-decoration: none; }

div.newsdiv img {
    float: left;
}
div.newsdiv .news-bottom .social {
    width: 25px;
    height: 25px;
    float: left;
    font-size: 0px;
    margin-top: 10px;
    margin-right: 10px;
    background-image: url(../img/social-ping.png);
    background-repeat: repeat-x;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
div.newsdiv .news-bottom .social:hover {
    ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
div.newsdiv .news-bottom .facebook {
    background-position: 0 0;
}
div.newsdiv .news-bottom .twitter {
    background-position: -25px 0;
}
div.newsdiv .news-bottom .google-plus {
    background-position: -50px 0;
}
div.newsdiv .news-bottom .linkedin {
    background-position: -75px 0;
}
div.newsdiv .news-bottom .instagram {
    background-position: -100px 0;
}
div.newsdiv .news-bottom .pinterest {
    background-position: -125px 0;
}
div.newsdiv .dashed-arrow {
    width: 30px;
    height: 86px;
    background: url(../img/dashed-arrow.png) left top no-repeat;
    position: absolute;
    display: block;
    top: 30px;
    right: -10px;
}
div.newsdiv .dashed-arrow2 {
    top: 30px;
    right: -10px;
}
div.newsdiv .left,div.newsdiv .right {
    float: left;
    width: 50%;
}
div.newsdiv p {
    color: #4f4f4f;
}
div.newsdiv .news-bottom {
    float: left;
    width: 100%;
    border-top: 2px solid #cfcfcf;
    padding-top: 30px;
    margin-top: 20px;
}
div.newsdiv .left a {
    float: left;
    margin-top: 10px;
}
div.newsdiv .news-bottom p {
    margin-bottom: 0;
}
div.newsdiv .news-img,div.newsdiv .news-content {
    float: left;
}
div.newsdiv .news-content {
    padding-top: 10px;
    position: relative;
}
div.newsdiv3 {
  font-size: 13px;
}
strong.bigs {
  color: #a30977;
  font-size: 22px;
  font-weight: 400;
}
div.newsdiv p.bigp {
  font-size: 18px;
  color: #a30977;
}
div.newsdiv p.dash {
  position: relative;
}
div.newsdiv .news-img {
    width: 35%;
}
div.newsdiv .news-content {
    width: 55%;
}
div.newsdiv .news-content2 {
    float: right;
    width: 47%;
    padding: 0;
}
div.newsdiv h2.rich {
  font-size: 56px;
  color: #c41e81;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
}
div.newsdiv h2.rich span {
  font-weight: 100;
  color: #4a0036;
}
div.newsdiv .news-content2 {
  color: #4a0036;
  font-size: 15px;
}
div.newsdiv2 form {
  width: 334px;
  position: relative;
}
div.newsdiv2 form input {
  background: white;
  border: 0 none;
  padding: 14px 30px;
  color: #797979;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin: 0 0 14px 0;
  width: 274px;
  font-style: italic;
}
div.newsdiv2 form input.subm {
  background: #4a0036;
  color: white;
  font-style: normal;
  padding: 12px 0;
  cursor: pointer;
  width: 88px;
  float: right;
}
div.newsdiv2 form input.subm:hover { background: #c41e81; }

div.newsdiv .news-content h3 {
    margin: 35px 0;
}
div.newsdiv .news-content2 h3 {
  color: #4a0036;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 24px;
  position: relative;
}

div.kosleft {
    width: 450px;
    float: left;            
}

div.kosright {
    width: 450px;
    float: left;    
}

table.tabl {
  width: auto;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0;
  border-spacing: 0;
  border-collapse:collapse;
}

table.tabl th {
  color: white;
  margin: 0;
  text-align: left;
  padding: 4px 10px;
  text-transform: uppercase;
  background-color: #e3e3e3;
}

table.tabl td {
  border-style: none;
  border: 0 none;
  color: #a50060;
  padding: 4px 10px;
  margin: 0;
  text-align: right;
  background-color: transparent;
}

form.contact-form table.tabl td {
    text-align: left;
}

table.tablleft td { text-align: left; padding: 4px 0 10px 10px; }
table.tablleft2 td { text-align: left; padding: 4px 0 4px 10px; }
table.tablleft label { text-transform: none; }

table.tabl input {
  width: 224px;
  padding: 8px 11px;
  color: #464646;
  border: 1px solid #d9d9d9;
}

table.tabl textarea {
  width: 224px;
  padding: 8px 11px;
  color: #464646;
  border: 1px solid #d9d9d9;
  margin: 0 0 14px 0;
  font-family: 'Open Sans', sans-serif;
}
table.tabl textarea.poznarea {
  width: 400px;
  height: 240px;
}

table.tbla td, table.tbla th {
  padding: 3px 10px;
  font-size: 14px;
  font-weight: normal;
}

div.kosnavi {
  padding: 0;
  margin: 0 0 24px 0;
  word-spacing: 34px;
  text-align: center;
  color: black;
  font-weight: 100;
  font-size: 14px;
  text-transform: uppercase;
}
div.kosnavi2 {
  padding: 0;
  margin: 0 0 24px 0;  
  text-align: center;
  color: #4c4c4c;
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px solid #e3e3e3;
}
div.kosnavi2 span { width: 33%; display: block; float: left; text-align: center; padding: 20px 0; border-bottom: 4px solid transparent; position: relative; }
div.kosnavi2 span#middler { border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; }
div.kosnavi2 span.b { color: #b63187; border-bottom: 4px solid #b63187; }
div.kosnavi2 span.b::after {
  content: '';
  width: 15px;
  height: 8px;
  background: url(../img/ar10.png) no-repeat center top;
  position: absolute;
  left: 50%;
  bottom: -12px;
}
div.popebook {
  width: 670px;
  height: 468px;
  background: url(../img/popbg.jpg) repeat-x center -110px;
}
div.popleft { float: left; width: 286px; border-top: 4px solid #b63187; }
div.popright { float: right; width: 344px; border-top: 4px solid #b63187; padding: 56px 30px 0 10px; }
div.popleft img { display: block; padding: 44px 0 0 30px; }
div.popebook h2 { font-size: 28px; font-weight: bold; }
div.popebook ul { margin: 0 0 34px 0; padding: 0; list-style-type: none; font-weight: 600; }
div.popebook ul li { background: url(../img/popok.png) no-repeat left 4px; padding: 0 0 0 28px; margin: 0 0 8px 0; }
div.poprew { background: url(../img/popstar.png) no-repeat right center; color: #4a0036; font-weight: bold; padding: 0 200px 0 28px; margin: 0 0 24px 0; font-size: 17px; text-transform: uppercase; }
div.popebook a.addcart { float: left; }
div.popebook a.addcart span { padding-right: 20px; padding-left: 20px; }
div.popebook a.addcart em { font-size: 18px; }
div.popebook a.addcart i { font-size: 18px; text-decoration: line-through; }
div.popebook a.regap { float: right; margin: 24px 10px 0 0; }
a.ucho { display: block; position: fixed; z-index: 9999; bottom: 0; right: 48px; border-radius: 8px 8px 0 0; color: white; text-decoration: underline; padding: 14px 30px 12px 56px; font-size: 16px; text-transform: uppercase; background: #490335 url(../img/ext.png) no-repeat 22px 18px; font-weight: 500; }
a.ucho:hover { text-decoration: none; }

div.kosnavi span { word-spacing: 0; }

div.kosnavi span.b { font-weight: 100; font-size: 24px; }

table.kostab {
  width: 100%;
  font-size: 16px;  
  margin: 0 0 20px 0;
  padding: 0;
  color: #000000;  
  border-spacing: 0;
  border-collapse:collapse;
}

table.kostab strong {
    color: black;
}

table.kostab a {
  text-decoration: none;
  display: block;
  margin: 0 0 10px 0;
  color: black;
  font-weight: normal;
}

table.kostab a:hover {
  text-decoration: none;
}

table.kostab th {
  vertical-align: top;
  padding: 10px;
  background: #ffffff;
  color: black;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

table.kostab td {
  vertical-align: middle;
  padding: 10px;
  background: none;
}

table.kostab tbody.tb0 td {
    
}

table.kostab td.space {
  background-color: white;
  height: 14px;
  padding: 0;
}

table.kostab td.nomp {
  width: 30px;
  vertical-align: middle;
}

table.kostab td.img {
  width: 100px;
  text-align: center;
}

table.kostab td.img img {
  display: block;
  border-style: none;
  border: 0 none;
  margin: 0 auto;
  padding: 0;
  width: 78px;
}

table.kostab td.img a {
  display: block;  
  margin: 0;
  padding: 0;
  height: auto;
}

table.kostab a.del {
  display: block;
  background-image: url(../img/delkos.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

table.kostab a.zmen {
  display: block;
  background-image: url(../img/zmenkos.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div.obsah div.celk {
  padding: 12px 168px 42px 24px;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  background: #ffffff;
}

div.obsah div.celk span {
    display: block;
    float: right;
}

div.obsah a.btn2 {
  color: white;
  font-size: 16px;
  display: inline-block;
  width: 115px;
  padding: 10px 0;  
  text-align: center;  
  margin-left: 24px;
  text-decoration: none;
  background: #b9b9b9 url(../img/btn3.jpg) repeat-x left bottom;  
}

div.obsah a.btn2:hover {
  background: #b9b9b9;
}

div.obsah a.btn {
  width: 170px;
  padding: 10px 0;  
  display: block;  
  text-align: center;
  font-weight: 400;
  background: #d32488 url(../img/btn.jpg) repeat-x left bottom;
  color: white;  
  font-size: 18px;
  border-style: none;
  border: 0 none;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

div.obsah a.btn:hover {
  background: #d32488;
  color: white;
}

div.msgb {  
  padding: 20px 20px 6px 20px;
  background: #f3f3f3;
  margin: 0 0 14px 0;
}

div.msgb p {
  margin: 0;
  padding: 0 0 14px 0;
}

p.komess { color: red; font-weight: bold; }
p.okmess { color: green; font-weight: bold; }

img.alex {
  display: block;
  float: left;
  margin: 30px 0 0 0;  
}

div.alexinfo {
  width: 526px;
  float: right;
  padding: 150px 0 0 0;
  position: relative;
}

div.hello {
  width: 672px;
  height: 178px;
  background-image: url(../img/bubble.png);
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  margin: -150px 0 0 0;
  right: 0;
}

div.hello h1 {
  color: #4a0036;
  font-size: 30px;
  padding: 40px 0 0 0;
  margin: 0;
  font-weight: 100;
  text-align: center;
}

div.proflikeobal { margin: 40px 0 0 0; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; padding: 20px 0 10px 0; }
div.alexinfo div.proflikemail { margin-left: 12px; }
div.proflike .alexemail a { text-decoration: underline; }
div.proflike .alexemail a:hover { text-decoration: none; }

div.alexinfo2 {
  width: auto;
  float: none;
  padding: 34px 0 50px 220px;
  position: relative;
  background-image: url(../img/sasa2.png);
  background-position: left top;
  background-repeat: no-repeat;
}

div.hello2 {
  float: left;
  width: 372px;
  height: 165px;  
  background-image: url(../img/bubble2.png);
  background-position: center top;
  background-repeat: no-repeat;    
}

div.hello2 h1 {
  color: #4a0036;
  font-size: 20px;
  text-transform: none;
  padding: 40px 30px 0 50px;
  margin: 0;
  line-height: 1.5em;
  font-weight: 100;
  text-align: center;
}

div.hello2 h1 strong { font-weight: 900; }

div.hello2 a { display: block; text-align: right; padding: 60px 60px 0 0; }

div.hello2 a strong { font-weight: 900; }

div.proflikeobal2 { float: left; margin: 0 0 0 20px; border: 0 none; padding: 40px 0 0 0; font-size: 16px; }
div.proflikeobal2 h4 { font-size: 20px; }

table.plan {
  width: 100%;
  font-size: 13px;
}

table.plan th, table.plan td {
  padding: 12px 24px;
  background: #e3e3e3;
  border-bottom: 2px solid white;
  color: #444444; 
  width: auto; 
}

table.plan th.act {
  width: 120px;
}

table.plan td {
  background: #f5f5f5;
  padding: 5px 24px;
}

table.plan tbody.tb2 td {
  background: #f0f0f0;
}

table.plan a { color: #a31073; text-decoration: underline; font-weight: bold; }
table.plan a:hover { text-decoration: none; }

table.plan a.icp {
  text-decoration: none;
  display: inline-block;
  margin: 0 4px 0 0;
  background-position: center top;
  background-repeat: no-repeat;
  width: 31px;
  height: 31px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;    
  transition: all 0.6s ease-in-out;
}

table.plan a.icp:hover {
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg); 
  transform: rotate(-360deg);
}

table.plan a.i1 { background-image: url(../img/plan_edit.png); }
table.plan a.i2 { background-image: url(../img/plan_dup.png); }
table.plan a.i3 { background-image: url(../img/plan_del.png); }

div.planmenu {
  width: 228px;
  float: left;
}

div.planobsah {
  width: 756px;
  float: right;
}

div.planmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.planmenu ul li {
  border-bottom: 1px solid white;
  margin: 0;
}
div.planmenu ul li a {
  display: block;
  font-size: 14px;
  color: #444444;
  text-decoration: none;
  padding: 11px 20px 11px 50px;
  background-position: 14px center;  
  background-repeat: no-repeat;
  background-image: url(../img/no.png);
  background-color: #f1f1f1;
}
div.planmenu ul li a.checker { background-image: url(../img/uncheck.png); }
div.planmenu ul li a.checked { background-image: url(../img/check.png); }
div.planmenu ul li a.ok { background-image: url(../img/ok.png); }
div.planmenu ul li a.on { background-image: url(../img/ed.png); background-color: #e3e3e3; }
div.planmenu ul li a:hover { background-color: #e3e3e3; }
div.planmenu ul li a.eye { 
  background-image: url(../img/btn.jpg); 
  background-color: #d32488;
  background-repeat: repeat-x;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}
div.planmenu ul li a.eye strong {
  display: block;
  background-image: url(../img/eye.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 38px;
}
div.planmenu ul li a.eye:hover, div.planmenu ul li a.eye.on { background: #4a0036; }

div.planmenu ul li a.add {   
  background-image: url(../img/btn.jpg); 
  background-color: #d32488;
  background-repeat: repeat-x;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}
div.planmenu ul li a.add strong {
  display: block;
  background-image: url(../img/edit.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 38px;
}
div.planmenu ul li a.add:hover, div.planmenu ul li a.add.on { background: #4a0036; }

div.planmenu ul li a.pdf { 
  background-position: left bottom;
  background-image: url(../img/btn2.jpg); 
  background-color: #64ac00;
  background-repeat: repeat-x;
  color: white;
  font-size: 15px;
  padding: 8px 0 8px 24px;
  text-transform: uppercase;
}
div.planmenu ul li a.pdf strong {
  display: block;
  background-image: url(../img/down.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 4px 0 4px 34px;
}
div.planmenu ul li a.pdf:hover, div.planmenu ul li a.pdf.on { background: #64ac00; }

div.planmenu ul li a span {
  display: block;
  font-size: 11px;
  font-style: italic;
  text-transform: uppercase;  
}
div.tods {
  padding: 8px 0 0 30px;
}
div.tods h1 {
  margin: 0 0 24px 0;
}
form.pform {
  margin: 0;
  padding: 0;
}
div.fieldbox {
  background-color: #f1f1f1;
  margin: 0 0 24px 0;
  font-size: 13px;
}
div.fdiv {
  border-bottom: 3px solid white;
  background-color: #f1f1f1;
  padding: 20px 40px 20px 40px;
  position: relative;
}
form.pform strong {
  color: #4a0036;  
  display: inline-block;
  line-height: 20px;
  height: 20px;
  margin: 0 0 8px 0;
  clear: both;
}
form.pform i.help {
  display: inline-block;
  cursor: pointer;
  width: 22px;
  height: 20px;
  margin: 0 0 0 10px;
  background-image: url(../img/what.png);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
form.pform i.help span {
  display: none;  
  z-index: 99;
  width: 380px;
  position: absolute;
  padding: 20px 30px 4px 30px;
  border: 3px solid #bd1d8c;
  font-style: normal;
  color: #444444;
  left: 44px;
  top: -40px;  
  background: white; 
}
form.pform i.help strong.nad {
  font-size: 16px;
  margin: 0 0 14px 0;
}
form.pform i.help b {
  display: block;  
  position: absolute;
  margin: 14px 0 0 -50px;
  width: 21px;
  height: 28px;
  background-image: url(../img/ar3.png);
  background-position: center top;
  background-repeat: no-repeat;  
}
form.pform i.help:hover span { display: block; }
form.pform input, form.pform select {
  width: 88%;
  background: white;
  border: 2px solid #dadada;
  padding: 8px 14px;
  margin: 0 0 8px 0;
}
form.pform input.ri {
  width: auto;
  background: transparent;
  border: 0 none;
  padding: 8px 14px;
  margin: 0 0 8px 0;
}
form.pform input.check {
  width: auto;
  background: transparent;
  border: 0 none;
  padding: 0;
  margin: 0 8px 8px 0;
}
form.pform input.third, form.pform select.third {
  width: 25%;
  margin: 0 14px 8px 0;
}
form.pform input.four, form.pform input.four2, form.pform select.four, form.pform div.four {
  width: 15%;
  margin: 0 0 8px 14px;
}
.fri { float: right; }
form.pform input.fli { float: left; margin-left: 0; }
form.pform input.total { border-color: black; background: lightgray; }
.deli { float: left; margin: 5px 0 0 5px; }
div.fleft {
  width: 48%;
  float: left;
}
div.fright {
  width: 48%;
  float: right;
}
div.fdiv h3 {
  color: #4a0036;
  font-size: 17px;
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: 400;
  text-transform: none;
}
a.addnext {
  background-image: url(../img/plus.png);
  background-position: left center;
  background-repeat: no-repeat; 
  padding: 6px 0 6px 34px;
  font-weight: 600;
  display: inline-block;
  color: #3a6203;
  text-decoration: underline;
}
a.addnext:hover { text-decoration: none; }

div.copyp {
  border: 2px solid #a31073;
  background: white;
  padding: 14px;
  text-align: center;
  position: absolute;
  margin: -120px 0 0 0;
}

div.copyp input {
  margin: 0 0 10px 0;
}

div.editp {
  border: 2px solid #a31073;
  background: white;
  padding: 14px;
  text-align: center;
  position: absolute;
  margin: -120px 0 0 0;
}

div.editp input {
  margin: 0 0 10px 0;
}

div.bplandiv {
  -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.10); 
  box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.10);
  padding: 40px 26px 40px 40px;
}

.r { text-align: right; }
.fr { float: right; }
.fl { float: left; }
div.nom { margin-right: 0; }

.clear { clear: both; padding: 0; margin: 0; height: 0; line-height: 0; font-size: 0; }
.registrace .kosleft form,.registrace .kosright form{
    background-color: #f1f1f1;
    padding: 30px 70px;
}
.registrace .kosleft {
    padding-right: 20px;
}
.registrace .kosright {
    padding-left: 20px;
}
.registrace input {
    border: 2px solid #dadada;
}
.registrace input[type="text"],.registrace input[type="password"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.registrace a {
    display: inline-block;
    margin-bottom: 15px;
}
.registrace input[type="checkbox"]{
    width: auto;
    padding: 0;
    margin-right: 5px;
}
.registrace table.tabl {
    width: 100%;
}
.registrace table.tabl td {
    text-align: left;
    padding: 0;
}
.registrace label {
    color: #4a0036;
    margin-bottom: 5px;
    display: inline-block;
}
.registrace .required {
    color: #4a0036;
}
.registrace .checkbox {
    margin-bottom: 19px;
}
div.top ul li ul {
    position: absolute;
    top: 66px;
    left: 0;
    background-color: #fff;
    padding: 10px;
    width: 200px;
    -webkit-box-shadow: -2px 4px 5px 0px rgba(2, 2, 2, 0.26);
    -moz-box-shadow:    -2px 4px 5px 0px rgba(2, 2, 2, 0.26);
    box-shadow:         -2px 4px 5px 0px rgba(2, 2, 2, 0.26);
    display: none;
}
div.top ul li:hover ul {
    display: block;
}
div.top ul li ul li.arrow-submenu {
    width: 22px;
    height: 14px;
    background: url(../img/arrow-submenu.png) left top no-repeat;
    position: absolute;
    top: -14px;
    left: 65px;
}
div.top ul li ul li {
    width: 100%;
    margin: 5px 0 0 0;
}
div.top ul li ul li:first-child+li {
    margin-top: 0;
}
div.top ul li.log ul li a {
    color: #444444;
    height: 36px;
    line-height: 36px;
}
div.top ul li.log ul li a:hover {
    background-color: #e7e7e7;
}
div.top ul li.log ul li.active a {
    background-color: #e7e7e7;
}
div.top ul li.log ul li a i {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 20px;
    background-color: #ce0e7e;
    background-image: url(../img/icon-menu.png);
    background-repeat: no-repeat
}
div.top ul li.log ul li a i.profil {
    background-position: 0 0;
}
div.top ul li.log ul li a i.settings {
    background-position: -36px 0;
}
div.top ul li.log ul li a i.basket {
    background-position: -72px 0;
}
div.top ul li.log ul li a i.logout {
    background-position: -108px 0;
    background-color: #4a0036;
}
a .fr {
    margin-right: 10px;
}
a.fbbtn {
  display: inline-block;
  width: 113px;
  height: 36px;
  text-decoration: none;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/fbbtn.png);
  margin: 0 14px 0 0;
  text-indent: -999;
  overflow: hidden;
}
a.fbbtnoff { background-image: url(../img/fbbtnoff.png); }
a.gbtn {
  display: inline-block;
  width: 113px;
  height: 36px;
  text-decoration: none;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/gbtn.png);
  margin: 0 14px 0 0;
  text-indent: -999;
  overflow: hidden;  
}
a.gbtnoff { background-image: url(../img/gbtnoff.png); }
p.via {
  border-bottom: 1px solid #d4d4d4;
  padding: 0 0 10px 0;
  font-size: 13px;
  color: #878686;
  text-align: center;
}

.full-height {
    min-height: 100%;
}
.full-height body {
    min-height: 100%;
}
.full-height.news body {
    background: url(../img/body-news.png) center bottom repeat-x;
}
.full-height.registered body {
    background: #e1e1e1 url(../img/registered-successully.png) center top no-repeat;
}
.registered-successully .content {
    width: 980px;
    margin: 0 auto;
    position: relative;
    height: 600px;
}
.registered-successully .content .text {
    width: 420px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.registered-successully .content .text .arrow-bottom {
    background: url(../img/arrow-bottom.png) left top no-repeat;
    width: 27px;
    height: 83px;
    float: right;
    margin-top: -25px;
}
.registered-successully .content .text span {
    color: #a00f71;
}
.registered-successully p {
    text-align: justify;
}
.registered-successully .my-profil {
    background: url(../img/my-profil.png) left top no-repeat;
    font-size: 17px;
    text-decoration: none;
    font-weight: 600;
    padding: 14px 0 14px 60px;
    height: 20px;
    display: block;
    float: right;
    margin-top: 0;
    margin-right: 10px;
}
.registered-successully h2 {
    font-size: 21px;
    line-height: 1.3em;
}
.registered-successully .logo {
    clear: both;
    float: right;
    margin-top: 50px;
}
.registered-successully .logo img {
    margin: 0;
}
div.socs iframe {
  margin: 0;
  padding: 0 0 24px 0;
}
div.afterlog {
  background-image: url(../img/afterlog.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #e1e1e1;
  min-height: 210px;
}
div.afterlog p {
  color: #4a0036;
  font-size: 16px;
}
div.afterlog h2 {
  margin-bottom: 14px;
  padding-top: 14px;
}
div.afterlog p.gra {
  color: #4f4f4f;
  font-size: 14px;
  padding-top: 14px;
}
div.afterlog a.edit {
  display: inline-block;
  padding: 0 20px 0 0;
  margin: 0 14px 8px 14px;
}
div.afterlog a.prof i { background-image: url(../img/prof2.png); }

div.kosbg {      
  display: none;    
  margin: 0 0 14px 0;
  background: #b73188;  
  color: white;
  font-size: 18px;
}

div.kosbgon { display: block; }

div.kosbgin {
    width: auto;
    padding: 14px 18px;
}

div.kosbg a {
    color: #ffffff;
    background: #430238;
    text-transform: uppercase;
    text-decoration: underline;
    float: right;    
    line-height: 24px;
}
div.kosbg a i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 0 0 10px;
  background-image: url(../img/cart3.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div.kosbg span { display: block; text-align: center; margin: 0; padding: 4px 0 0 0; }

div.kosbg a:hover {
    text-decoration: none;
}

div.kosbg a.doko {
    display: block;
    float: right;
    margin: 0;
    padding: 5px 8px 5px 10px;
    text-decoration: none;    
    background: #430238;
    font-weight: bold;
    color: white;
    font-size: 13px;    
}
div.kosbg a.doko:hover {
    color: #430238;
    background: white; 
}

a.downapdf {
  color: white; 
  font-size: 14px;
  background: #b63187;
  padding: 4px 10px;
  text-decoration: none;
  display: inline-block;
}

div.samplebg {        
  padding: 14px 0 0 0;
}

div.samplebg a {
    color: #b63187;
}
a.showbook {
  display: block;
  margin: 0 auto;  
  background: transparent url(../img/preview.png) no-repeat 60px center;  
  padding: 0;
  font-weight: 400;
  font-size: 15px;    
  text-decoration: none;  
  cursor: pointer;
}

div.samplebg a span {
  display: block;
  padding: 2px 0 2px 104px; 
}

div.samplebg a:hover {
  color: black;
}
div.slide {
  width: 100%;
  height: 350px;
  overflow: hidden;
  margin: 0;
  color: white;
  position: relative;
  background: #ffffff;  
}
a { color: #0a1422; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0 none; }

div.sliderobsah {      
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;  
}

div.sliderobsah div.s {
  position: absolute;
  width: 100%;
  height: 350px;  
  text-align: left;
  top: 0;
  left: 0;  
}
div.sliderobsah div.s img {  
  max-width: 100%;
  display: block;
  position: absolute;  
}
div.benef h2 {
  font-size: 20px;
  font-weight: bold;
  color: #e0118f;
  padding: 0 20px;
  text-transform: uppercase;
}
div.benef p {
  padding: 0 20px;
}
div.benef table p, div.benef table h2 {
  padding: 0;
}
div.benef table p { margin-bottom: 0; }
div.benef table {
  width: 100%;  
  font-size: 13px;
  color: #444444;
  border: 0 none;
  border-collapse: collapse;
}
div.benef table td, div.benef table th {
  border-bottom: 4px solid white;
  padding: 30px 0;
  vertical-align: middle;
  background: #f0f0f0;
}
div.benef table th {
  text-align: center;
  font-weight: 300;
  font-size: 31px;  
  width: 15%;
  color: #e0118f;
}
div.benef table th strong {
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  width: 21px;
  height: 60px;
  background-image: url(../img/slash.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin: -10px 0 0 0;
}
div.benef table td {
  padding: 30px 40px 30px 20px;
}
div.benef table h3 {
  color: #4a0036;
  font-size: 20px;
  font-weight: bold;
}
div.obsah a.btn222 {
  text-transform: uppercase;
  display: inline-block;
  background-image: url(../img/btn6.png);
  background-position: center top;
  background-repeat: repeat-x;
  color: white;
  text-decoration: none;
  font-size: 14px;  
  width: auto;
  padding: 0;
  margin: 0 4px;
}
div.obsah a.btn222:hover {
  background-image: url(../img/btn6on.jpg);
}
div.obsah a.btn222 span {
  display: inline-block;
  padding: 8px 20px 8px 26px;  
}