.clear{ clear: both; }
h1{ font-size: 1.2em; margin: 0px; }
a img{ border: 0; }
a{ color: #06C; text-decoration: underline; }
a:hover{ color: #06C; text-decoration: none; }

/********************************/
/*************1024***************/
/********************************/
@media (min-width: 1023px) {
body{ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #EFF4FC; padding: 0px; margin: 10px 0px 10px 0px; }
.page{ width: 1000px; background-color: #FFF; box-shadow: 0px 0px 5px #DADADA; border: 1px solid #DADADA; margin: 0px auto; }
.page .hlavicka{ width: 100%; }
.page .hlavicka .logo_a{ width: 350px; height: 80px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.page .hlavicka .logo_a .h1 a { width: 350px; height: 80px; display: block; }
.page .hlavicka .logo_a .h1 span { width: 350px; height: 80px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/www.penizenonstop.cz.png') 0 0 no-repeat; }
.page .hlavicka .logo_b{ width: 630px; height: 60px; margin: 10px; float: left; }
.page .hlavicka .logo_b .srovnej{ width: 560px; height: 60px; background-image: url('img/srovnej.png'); background-position: right top; background-repeat: no-repeat; float: right; }
.page .hlavicka .logo_b .srovnej p{ font-size: 1.2em; font-weight: bold; margin: 20px 90px 0px 0px; float: right; } .page .hlavicka .srovnej a p{ text-decoration: underline; color: #008000; } .page .hlavicka .srovnej a:hover p{ text-decoration: none; color: #008000; }

.page .coup{ margin: 0 20px 0 20px; }
.page .couple{ width: 100%; height: 250px; box-sizing: border-box; background-image: url('img/par.jpg'); background-repeat: no-repeat; border: 1px solid #DADADA; border-radius: 5px; }
.page .couple .box .nadpis{ font-size: 2em; color: #333; margin: 30px 0 0 430px; }
.page .couple .box .obsah{ text-align: center; margin: 0 20px 0 430px; }
.page .couple .box .obsah p{ width: 100%; color: #555; font-size: 0.8em; margin: 15px 0 10px 0; }
.page .couple .box .obsah .tlacitko{ font-size: 0.9em; font-weight: bold; display: inline-block; background: #FFC600; border-radius: 3px; border-bottom: 2px solid #EA9A00; padding: 10px 15px 10px 15px; } .page .couple .obsah a .tlacitko{ color: #333; text-decoration: none; } .page .couple .obsah a:hover .tlacitko{ color: #333; text-decoration: underline; }

.left{ width: 600px; padding: 0px 20px 0px 20px; float: left; }
.left h1{ font-size: 1.8em; color: #333; font-weight: normal; margin: 25px 0px 10px 0px; }
.left h2{ font-size: 1.6em; color: #333; font-weight: normal; margin: 25px 0px 10px 0px; }
.left p{ font-size: 0.9em; text-align: justify; line-height: 150%; }
.left ul{ font-size: 0.9em; line-height: 150%; }
.left ol{ font-size: 0.9em; line-height: 150%; }
.left table{ width: 100%; border-collapse: collapse; font-size: 0.9em; text-align:center; margin: 0px 0px 10px 0px; }
.left table, td { border: 1px solid #999; }

.srovnavac{ width: 100%; border-collapse: collapse; font-size: 0.8em; border: 0; margin: 20px 0 20px 0; }
.srovnavac tr{ border-bottom: 1px solid #D4E2E9; }
.srovnavac tr:nth-child(even){ background: #EBF2F5; }
.srovnavac td{ text-align: center;  border: 0; }
.srovnavac td:first-child{ width: 120px; background: #FFF; }
.srovnavac tr:first-child{ font-weight: bold; }
.srovnavac .zadost{ font-weight: bold; background: #FFC600; border-radius: 3px; border-bottom: 2px solid #EA9A00; padding: 7px 10px 7px 10px; margin: 0px 10px 0px 2px; } .srovnavac a .zadost{ color: #333; text-decoration: underline; } .srovnavac a:hover .zadost{ color: #333; text-decoration: none; }

.left .insider{ width: 100%; box-sizing: border-box; background: #FFFFCC; border: 1px solid #FFDF61; border-radius: 5px; background-image: url('img/credit_img.png'); background-repeat: no-repeat; }
.left .insider ul{ list-style-image: url('img/credit_li.png'); margin: 20px 0px 10px 160px; }
.left .insider .button{ font-weight: bold; font-size: 0.8em; background: #FF7519; border-radius: 5px; padding: 10px 20px 10px 20px; margin: 5px 20px 20px 0; float: right; } .left .insider a .button{ text-decoration: underline; color: #FFF; } .left .insider a:hover .button{ text-decoration: none; color: #FFF; }

.left .smapy{ width: 100%; height: 250px; border: none; }

.right{ width: 340px; padding: 20px 20px 0 0; float: left; }
.right h2{ font-size: 0.8em; color: #333; font-weight: bold; text-transform: uppercase; margin: 10px 0px 5px 0px; }
.right .box { width: 100%; box-sizing: border-box; border: 1px solid #DDD; border-bottom: 0px solid #DDD; padding: 0px 0px 5px 0px; } .right .box:last-of-type { border-bottom: 1px solid #DDD; }
.right .box p{ font-size: 0.8em; background-color: #FAFAFA; background-image: url('img/plus.png'); background-repeat: no-repeat; padding: 6px 6px 6px 30px; margin: 0px; }
.right .box ul{ font-size: 0.8em; padding: 0px; margin: 0px; }
.right .box li{ background-image: url('img/li.png'); background-repeat: no-repeat; background-position: left top; list-style-type: none; padding: 0px 0px 0px 10px; margin: 5px 5px 0px 0px; }

.porovnani{ margin: 20px 20px 0px 20px; background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 30px, transparent 30px, transparent 50px, #83B3DB 50px, #84ADCB 80px, transparent 80px, transparent 100px); padding: 10px; }
.porovnani iframe{ width: 100%; }

.paticka{ width: 100%; text-align: center; color: #333; border-top: 1px solid #E0E0E0; background-color: #FAFAFA; padding: 30px 0px 30px 0px; margin: 40px 0px 0px 0px; }

}



/********************************/
/*************MOBIL***************/
/********************************/
@media (max-width: 1022px) {
body{ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0; margin: 0; }
.page{ width: 100%; background-color: #FFF; }
.page .hlavicka{ width: 100%; }
.page .hlavicka .logo_a{ width: 200px; height: 60px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.page .hlavicka .logo_a .h1 a { width: 200px; height: 60px; display: block; }
.page .hlavicka .logo_a .h1 span { width: 200px; height: 60px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/www.penizenonstop.cz2.png') 0 0 no-repeat; }
.page .hlavicka .logo_b{ width: 73px; height: 60px; float: right; }
.page .hlavicka .logo_b .srovnej{ width: 73px; height: 60px; }
.page .hlavicka .logo_b .srovnej p{ width: 73px; height: 60px; margin: 0; background-image: url('img/srovnej.png'); overflow: hidden; } .page .hlavicka .logo_b .srovnej a{ color: transparent; text-decoration: none; } .page .hlavicka .logo_b .srovnej a:hover{ color: transparent; text-decoration: none; }

.page .coup{ margin: 0 10px 0 10px; }
.page .couple{ width: 100%; box-sizing: border-box; background-image: url('img/par2.jpg'); background-repeat: no-repeat; background-position: center top; border: 1px solid #DADADA; border-radius: 5px; padding: 50px 0 0 0; }
.page .couple .box{ width: 340px; border-radius: 10px 10px 0 0; text-align: center; background-color: rgba(255, 255, 255, 0.7); padding: 20px 0 20px 0; margin: 0 auto; }
.page .couple .box .nadpis{ font-size: 1.6em; color: #333; margin: 0; }
.page .couple .box .obsah{ text-align: center; margin: 0 5px 0 5px; }
.page .couple .box .obsah p{ width: 100%; color: #333; font-size: 0.8em; margin: 15px 0 10px 0; }
.page .couple .box .obsah .tlacitko{ font-size: 0.9em; font-weight: bold; display: inline-block; background: #FFC600; border-radius: 3px; border-bottom: 2px solid #EA9A00; padding: 10px 15px 10px 15px; } .page .couple .obsah a .tlacitko{ color: #333; text-decoration: none; } .page .couple .obsah a:hover .tlacitko{ color: #333; text-decoration: underline; }

.left{ width: 100%; box-sizing: border-box; padding: 0px 10px 0px 10px; }
.left h1{ font-size: 1.8em; color: #333; font-weight: normal; margin: 25px 0px 10px 0px; }
.left h2{ font-size: 1.6em; color: #333; font-weight: normal; margin: 25px 0px 10px 0px; }
.left p{ font-size: 0.9em; text-align: justify; line-height: 150%; }
.left ul{ font-size: 0.9em; line-height: 150%; }
.left ol{ font-size: 0.9em; line-height: 150%; }
.left table{ width: 100%; border-collapse: collapse; font-size: 0.9em; text-align:center; margin: 0px 0px 10px 0px; }
.left table, td { border: 1px solid #999; }

.srovnavac{ width: 100%; border-collapse: collapse; font-size: 0.8em; border: 0; margin: 20px 0 20px 0; }
.srovnavac tr{ border-bottom: 1px solid #D4E2E9; }
.srovnavac tr:nth-child(even){ background: #EBF2F5; }
.srovnavac td{ text-align: center;  border: 0; }
.srovnavac td:first-child{ width: 120px; background: #FFF; }
.srovnavac tr:first-child{ font-weight: bold; }
.srovnavac .zadost{ font-weight: bold; background: #FFC600; border-radius: 3px; border-bottom: 2px solid #EA9A00; padding: 7px 10px 7px 10px; margin: 0px 10px 0px 2px; } .srovnavac a .zadost{ color: #333; text-decoration: underline; } .srovnavac a:hover .zadost{ color: #333; text-decoration: none; }

.left .insider{ width: 100%; box-sizing: border-box; background: #FFFFCC; border: 1px solid #FFDF61; border-radius: 5px; }
.left .insider ul{ list-style-image: url('img/credit_li.png'); margin: 20px 0px 10px 0px; }
.left .insider .button{ font-weight: bold; font-size: 0.8em; background: #FF7519; border-radius: 5px; padding: 10px 20px 10px 20px; margin: 5px 20px 20px 0; float: right; } .left .insider a .button{ text-decoration: underline; color: #FFF; } .left .insider a:hover .button{ text-decoration: none; color: #FFF; }

.left .smapy{ width: 100%; height: 250px; border: none; }

.right{ width: 100%; box-sizing: border-box; padding: 20px 10px 0 10px; }
.right h2{ font-size: 0.8em; color: #333; font-weight: bold; text-transform: uppercase; margin: 10px 0px 5px 0px; }
.right .box { width: 100%; box-sizing: border-box; border: 1px solid #DDD; border-bottom: 0px solid #DDD; padding: 0px 0px 5px 0px; } .right .box:last-of-type { border-bottom: 1px solid #DDD; }
.right .box p{ font-size: 0.8em; background-color: #FAFAFA; background-image: url('img/plus.png'); background-repeat: no-repeat; padding: 6px 6px 6px 30px; margin: 0px; }
.right .box ul{ font-size: 0.8em; padding: 0px; margin: 0px; }
.right .box li{ background-image: url('img/li.png'); background-repeat: no-repeat; background-position: left top; list-style-type: none; padding: 0px 0px 0px 10px; margin: 5px 5px 0px 0px; }

.porovnani{ margin: 20px 0 0 0; background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 30px, transparent 30px, transparent 50px, #83B3DB 50px, #84ADCB 80px, transparent 80px, transparent 100px); padding: 10px; }
.porovnani iframe{ width: 100%; }

.paticka{ width: 100%; text-align: center; color: #333; border-top: 1px solid #E0E0E0; background-color: #FAFAFA; padding: 30px 0px 30px 0px; margin: 40px 0px 0px 0px; }

.schovej{ display: none; }
}