/* magazintitle */
.magazin h3.aktualneh3 {
 margin: 0 0 0 0; padding: 10px 0 10px 0; font-weight: normal; font-size: 22px; color: #000000;
 text-indent: 10px; background: #f7f7f7 url(../img/divline.png) repeat;
}
.magazin h3.aktualneh3 span {
 float: left; display: block;
}
.magazin h3.aktualneh3 small {
 float: right; display: block; margin-right: 10px; font-size: 14px; color: #404040;
}
@media screen and (max-width: 1000px) {
 .magazin h3.aktualneh3 small { clear: both; float: left; margin: 10px 0 0 0; }
}
.magazin .aktualne {
 width: 100%; padding: 10px 0 9px 0; background: url(../img/divline2.png) repeat;
}
.magazin .aktualne img {
 float: left; width: 20%; margin-left: 2%;
}
.magazin .aktualne .right {
 float: left; width: 74%; padding: 0 2%; color: #404040; line-height: 26px;
}
@media screen and (max-width: 1000px) {
 .magazin .aktualne .right { display: none; }
 .magazin .aktualne { text-align: center; }
 .magazin .aktualne img { float: none; width: 50%; }
}
.magazin .aktualne .right a {
 display: inline-block; margin: 0 5px 0 0; color: #000000;
}
.magazin .aktualne .right a:hover {
 color: #ff3d1e; 
}
.magazin .aktualne .right strong {
 display: inline-block; margin: 0 8px 0 0; font-weight: 400;
}

.magazin a.predplatneHrefDIV {
 display: block; width: 100%; margin: 15px 0 0 0; padding: 3% 0 2.5% 0; font-size: 36px; text-align: center;
 color: #ffffff; background: #f5a100;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
@media screen and (max-width: 1000px) {
 .magazin a.predplatneHrefDIV { font-size: 24px; }
}
.magazin a.predplatneHrefDIV:hover {
 background: #ffb62a; 
}

.magazin a.darcekovapoukazka {
 display: block; width: 100%; margin: 12px 0 7px 0; padding: 2% 0 1.5% 0; font-size: 26px; text-align: center;
 color: #ffffff; background: #f51b1b;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
@media screen and (max-width: 1000px) {
 .magazin a.darcekovapoukazka { font-size: 20px; }
}
.magazin a.darcekovapoukazka:hover {
 background: #f54c4c; 
}
/* /magazintitle */

/* vypismagazinov */
.vypismagazinov {
 margin: 15px 0 0 0; text-align: center;
}
.vypismagazinov .item {
 display: inline-block; width: 141px; margin: 0 2% 2% 2%; text-align: center;
}
.vypismagazinov .item span {
 display: block; width: 141px; margin: 1px 0 0 0; padding: 10px 0; color: #303030; font-size: 16px; font-weight: 600;
 background: #f7f7f7 url(../img/divline2.png) repeat;
}
.vypismagazinov .item a:hover {
 color: #ff3d1e; text-decoration: none;
}
.vypismagazinov .item a:hover span {
 color: #ff3d1e; background: url(../img/divline.png) repeat;
}
/* vypismagazinov */


/* pri samotnom výpise článkov/mesiaca */
.magazin .vydanieT {
 width: 97%; margin: 0 0 20px 0; padding: 1.5%; text-align: center; background: url(../img/divline2.png) repeat;
}
.magazin .vydanieT img {
 float: left; width: 20%; margin-right: 2%;
}
.magazin .vydanieT .right {
 float: left; width: 75%; text-align: left; line-height: 180%;
}
.magazin .vydanieT .right span.nd {
 display: inline-block; margin: 15px 0 6px 0; font-size: 18px; font-weight: bold;
}
.magazin .vydanieT .right ul {
 margin: 0 0 0 0; padding: 0; list-style: none;
}
.magazin .vydanieT .right ul li {
 margin: 0 0 5px 0; padding: 0 0 0 20px; line-height: 140%; background: url(../img/ulli_black.png) no-repeat left 5px;
}
.magazin .vydanieT .right ul li strong {
 font-weight: 600; 
}
.magazin .vydanieT .right ul li a {
 font-weight: normal;
}

@media screen and (max-width: 1000px) {
 .magazin .vydanieT { width: 95%; margin: 0 0 15px 0; padding: 2.5%; }
 .magazin .vydanieT img { float: none; width: auto; max-height: 250px;  margin: 0 auto; margin-bottom: 8px; text-align: center; }
 .magazin .vydanieT .pocClan { display: none; }
 .magazin .vydanieT .right { clear: both; width: 100%; margin-top: 10px; margin-left: 0;  line-height: 150%; }
}
/* pri samotnom výpise článkov/mesiaca */


/* titlearticles3 */
.titlearticles3 {
 float: left; width: 100%; margin: 0 0 0 0;
}
.titlearticles3 h3.katmag {
 margin: 2px 0 12px 0; padding: 10px 0 10px 0; font-weight: normal; font-size: 22px; color: #000000;
 text-indent: 10px; background: #f7f7f7 url(../img/divline2.png) repeat;
}
.titlearticles3 .items {
 position: relative; float: left; /*height: 320px;*/ margin: 0 0 20px 0; border-bottom: 3px solid rgba(0, 0, 0, 0.6);
 -webkit-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;  
}
.titlearticles3 .items:hover {
 border-bottom: 3px solid rgba(22, 189, 72, 0.95);
}
.titlearticles3 .items strong {
 position: absolute; top: 0; right: 0; padding: 8px 10px 8px 10px; color: #ffffff; font-weight: normal; font-size: 14px; line-height: 100%;
 background: rgba(0, 0, 0, 0.7); -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;
}
.titlearticles3 .items:hover strong {
 background: rgba(22, 189, 72, 0.95);
}
.titlearticles3 .items img {
 display: block; width: 100%;
}
.titlearticles3 .items .popis {
 min-height: 140px; padding: 10px 0 10px 0; overflow: hidden; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;
 background: #f5f5f5;
}
.titlearticles3 .items .popis h2 {
 margin: 0 7px 5px 7px; padding: 0; font-size: 19px; text-align: left; font-weight: 500; color: #000000; line-height: 23px;
}
.titlearticles3 .items .popis h2 a {
 display: block; color: #000000; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out;
}
.titlearticles3 .items:hover .popis h2 a {
 color: #16bd48;
}
.titlearticles3 .items .popis h2 a:hover {
 display: block;
}
.titlearticles3 .items .popis .autor {
 display: block; margin: 10px 7px 5px 7px; padding: 0 0 0 21px; font-size: 14px; color: #656565;
 background: url(../img/icons/iconAUTOR-graywhite-14.png) no-repeat left 1px;
}
.titlearticles3 .items .popis .autor a {
 color: #656565;
}
.titlearticles3 .items .popis .datum {
 display: block; margin: 3px 7px 10px 7px; padding: 0 0 0 21px; font-size: 14px; color: #656565;
 background: url(../img/icons/iconPRIDANY-graywhite-14.png) no-repeat 1px 1px;
}
.titlearticles3 .items .popis p {
 margin: 8px 7px 0 7px; font-size: 14px; color: #333333; overflow: hidden; line-height: 18px;
}
.titlearticles3 .items .popis p a {
 display: block; color: #333333;
}
.titlearticles3 .items .shadow {
 display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px;
 background: url(../img/clankypopisshadow.png) repeat-x left bottom; /* NEPOUžíVA SA */
}

@media screen and (max-width: 5000px) { 
 .titlearticles3 .items { width: 292px; } 
 .titlearticles3 .items.middle1 { margin-left: 20px; margin-right: 10px; }
 .titlearticles3 .items.middle2 { margin-left: 10px; margin-right: 20px; }
}
@media screen and (max-width: 1600px) { 
 .titlearticles3 .items { width: 225px; } 
 .titlearticles3 .items.middle1 { margin-left: 20px; margin-right: 10px; }
 .titlearticles3 .items.middle2 { margin-left: 10px; margin-right: 20px; }
 .titlearticles3 .items .popis { min-height: 140px; }
 .titlearticles3 .items .popis h2 { font-size: 16px; line-height: 20px; } 
}

@media screen and (max-width: 1340px) { 
 .titlearticles3 .items { width: 210px; margin-bottom: 18px; } 
 .titlearticles3 .items.middle1 { margin-left: 16px; margin-right: 8px; }
 .titlearticles3 .items.middle2 { margin-left: 8px; margin-right: 16px; }
 .titlearticles3 .items .popis { min-height: 130px; }
 .titlearticles3 .items .popis h2 { font-size: 15px; line-height: 18px; }
}
@media screen and (max-width: 1260px) { 
 .titlearticles3 .items { width: 147px; margin-bottom: 14px; } 
 .titlearticles3 .items.middle1 { margin-left: 16px; margin-right: 8px; }
 .titlearticles3 .items.middle2 { margin-left: 8px; margin-right: 16px; }
 .titlearticles3 .items .popis { min-height: 160px; }
 .titlearticles3 .items .popis h2 {font-size: 14px; line-height: 17px; }
 .titlearticles3 .items strong { padding: 8px 7px 8px 7px; font-size: 11px; }
}
@media screen and (max-width: 1000px) { 
 .titlearticles3 .items { width: 49%; } 
 .titlearticles3 .items.first0 { clear: both; float: left; margin-left: 0; margin-right: 1%; }
 .titlearticles3 .items.middle1 { float: right; margin-left: 1%; margin-right: 0; }
 .titlearticles3 .items.middle2 { clear: both; float: left; margin-left: 0; margin-right: 1%; }
 .titlearticles3 .items.last4 { float: right; margin-left: 1%; margin-right: 0; }
 .titlearticles3 .items .popis { min-height: 130px; }
}
@media screen and (max-width: 780px) { /* toto je zobrazenie 4 vedla seba - pre tablet*/
 .titlearticles3 .items { width: 24%; margin-bottom: 14px; } 
 .titlearticles3 .items .popis { min-height: 110px; }
 .titlearticles3 .items.first0 { clear: none; float: left; margin-right: 0; }
 .titlearticles3 .items.middle1 { ; float: left; margin-left: 1%; margin-right: 1%; }
 .titlearticles3 .items.middle2 { clear: none; float: left; margin-left: 1%; margin-right: 1%; }
 .titlearticles3 .items.last4 { float: left; margin-left: 0; }
 .titlearticles3 .items .popis { min-height: 150px; }
}
@media screen and (max-width: 560px) { /* to isté ako 1000px */
 .titlearticles3 .items { width: 49%; } 
 .titlearticles3 .items.first0 { clear: both; float: left; margin-left: 0; margin-right: 1%; }
 .titlearticles3 .items.middle1 { float: right; margin-left: 1%; margin-right: 0; }
 .titlearticles3 .items.middle2 { clear: both; float: left; margin-left: 0; margin-right: 1%; }
 .titlearticles3 .items.last4 { float: right; margin-left: 1%; margin-right: 0; }
 .titlearticles3 .items .popis { min-height: 140px; }
}
@media screen and (max-width: 320px) { 
 .titlearticles3 .items { width: 100%; margin-bottom: 14px; } 
 .titlearticles3 .items.middle1, .titlearticles3 .items.middle2 { margin-left: 0; margin-right: 0; }
 .titlearticles3 .items .popis { min-height: 90px; }
 .titlearticles3 .items .popis h2 {font-size: 15px; line-height: 18px; }
 .titlearticles3 .items strong { padding: 8px 10px 8px 10px; font-size: 12px; }
}
/* /titlearticles3 */

a.button.odpiskreditov {
 width: 350px; text-align: center;
}
.odpiskreditovMALO {
 display: block; width: auto; margin: 0 auto; padding: 10px 25px; font-size: 15px; color: #ffffff; text-align: center;
 background: #000000;
}
span.viacinfoB.preclanok {
 float: right; margin: -14px 0 0 0;
}
.viacinfoDIV.preclanok {
 margin: -6px 0 15px 0;
}


a.stiahnutvpdf {
 display: block; margin: 0 0 15px 0; padding: 16px 10px 16px 58px; font-size: 15px; color: #ffffff; background-color: #f5a100;
 background-image: url(../img/pdfICON40.png); background-position: 7px center; background-repeat: no-repeat;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
a.stiahnutvpdf:hover {
 background-color: #ffb62a; 
}