/* VEľKé ZMENY AJ V functions/titlecontents/titlecontents.css */

@media screen and (max-width: 5000px) {
 #mainh, #menuh, .submenuh, .mainfooter, .loginblok { width: 1580px; }
 #main { width: 1580px; min-height: 700px; }
 #main #leftb, .leftpanel { width: 1230px; } /*-350px*/

 .titlearticlestop, .titlearticlestop ul li { height: 550px; }
 .titlearticlestop ul li .popis span { margin: 0 0 15px 0; font-size: 19px; }
 .titlearticlestop ul li .popis h2 { font-size: 38px; line-height: 42px; }
 
 .formular { padding-left: 0; }
 .komentare .vypisITEM .vypisITEMr { width: 1150px; }
 .komentare .vypisITEM .odpovede .vypisITEMr { width: 1070px; }
 
 .rybari .item .r { width: 485px; }
 
 .vystraha img.imgleft { width: 15%; }
 .vystraha ul { width: 81%; }
}

@media screen and (max-width: 1600px) {
 #mainh, #menuh, .submenuh, .mainfooter, .loginblok { width: 1320px; }
 #main { width: 1320px; min-height: 540px; }
 #main #leftb, .leftpanel { width: 970px; } /*-350px*/
 
 .titlearticlestop, .titlearticlestop ul li { height: 430px; }
 .titlearticlestop ul li .popis span { margin: 0 0 10px 0; font-size: 17px; }
 .titlearticlestop ul li .popis h2 { font-size: 34px; line-height: 38px; }
 
 .formular { padding-left: 0; }
 .komentare .vypisITEM .vypisITEMr { width: 890px; }
 .komentare .vypisITEM .odpovede .vypisITEMr { width: 810px; }
 .rybari .item .r { width: 360px; }

 .vystraha img.imgleft { width: 20%; }
 .vystraha ul { width: 76%; }
}

@media screen and (max-width: 1340px) {
 #mainh, #menuh, .submenuh, .mainfooter, .loginblok { width: 1240px; }
 #main { width: 1240px; min-height: 500px; }
 #main #leftb, .leftpanel { width: 890px; } /*-350px*/
 #menu #menuh ul.menuul li.clanky .submenu .submenuh .vypisveci { width: 820px; }

 .titlearticlestop, .titlearticlestop ul li { height: 390px; }

 .komentare .vypisITEM .vypisITEMr { width: 810px; }
 .komentare .vypisITEM .odpovede .vypisITEMr { width: 730px; }
 .clanky .item .popis2 { display: none; }
 
 .rybari .item .r { width: 320px; }
}


@media screen and (max-width: 1260px) {
 #mainh, #menuh, .submenuh, .mainfooter, .loginblok { width: 980px; }
 #main { width: 980px; min-height: 500px; }
 #main #leftb, .leftpanel { width: 640px; } /*-340px*/

 h1 { margin: 14px 0 16px 0; font-size: 32px; line-height: 36px; }

 .titlearticlestop, .titlearticlestop ul li { height: 280px; }
 .titlearticlestop ul li .popis { padding: 15px 15px; }
 .titlearticlestop ul li .popis span { margin: 0 0 8px 0; font-size: 15px; }
 .titlearticlestop ul li .popis h2 { font-size: 25px; line-height: 28px; } 
 
 #menu #menuh ul.menuul li .submenu .submenuh .tlacitkaw a { width: 130px; }
 #menu #menuh ul.menuul li.foto .submenu .submenuh .respBR { display: block; }
 #menu #menuh ul.menuul li.foto .submenu .submenuh .vypisveci.foto { width: 600px; }
 #menu #menuh ul.menuul li.specmenu { display: block; }
 #menu #menuh ul.menuul li.repsp1260NONE { display: none; }
 #menu #menuh ul.menuul li .submenu .submenuh .vypisveciine { width: 600px; }
 #menu #menuh ul.menuul li .submenu .submenuh .vypisveciine.clanky { width: 600px; }
 
 .komentare .vypisITEM .vypisITEMr { width: 560px; }
 .komentare .vypisITEM .odpovede .vypisITEMr { width: 480px; }
 
 .rybari .item .r { width: 204px; }

 .bazar .item .popis1 .nahlaseny { clear: both; float: left; margin: 0; }
 .bazar .one .popis .nahlaseny { clear: both; float: left; margin: 5px 0 0 0; }
 
 .messages2 .viacOskupinovej input[type=text] { width: 60%; }
 
 .formular label, .formular label.w250 { clear: both; width: auto; margin: 0 0 7px 2px; text-align: left; }
 .formular input[type=text], .formular input[type=password], .formular input[type=file], .formular select, 
 .formular textarea { clear: both; margin: 0 0 3px 2px; }
 .formular textarea.w400 { width: 300px; }
 .formular .text2 { clear: both; margin: 0 0 3px 2px; padding: 0; }
 .formular .inputmore { clear: both; }
 .formular .inputmore label, .formular .inputmore label.w250 { float: left; width: auto; margin: 0 0 3px 2px; padding: 2px 0 0 0; }
 .formular .inputmore input, .formular .inputmore select { clear: none; float: left; margin: 2px 7px 7px 0; }
 .formular .inputmore label { clear: none; float: left; margin: 0 7px 7px 0; }
 .formular input[type=submit] { margin: 0 auto; margin-top: 20px; padding: 10px 16px; }
 .formular .selectoptions { clear: both; width: auto; margin: 0 0 5px 2px; }
 .formular textarea.w400 { width: 300px; } 
 .formular .info.nadp { margin: 12px 0 4px 0; }
 .formular label, .formular label.radch { padding: 16px 0 0 0; }

 .stranka img { max-width: 100% }

 .spravyodvody .navrhy { top: 80px; left: 0; width: 400px; }
}

@media screen and (max-width: 1000px) {
 #mainh, #menuh, .submenuh, .mainfooter, .loginblok { width: 760px; }
 #main { width: 760px; min-height: 250px; }
 #main #leftb, .leftpanel { width: 410px; padding-left: 10px; padding-right: 10px; }

 .titlearticlestop, .titlearticlestop ul li { height: 180px; }
 .titlearticlestop ul li .popis { padding: 12px 12px; }
 .titlearticlestop ul li .popis span { display: none }
 .titlearticlestop ul li .popis h2 { font-size: 18px; line-height: 20px; } 

 #menu #menuh .searchm { width: 100px; margin-right: 10px; }
 #menu #menuh .searchm input[type=text] { width: 65px; }
 #menu #menuh ul.menuul li .submenu .submenuh ul.left li a { padding: 7px 0 7px 0; line-height: 14px; font-size: 14px; }
 #menu #menuh ul.menuul li .submenu .submenuh .tlacitkaw a { margin: 0 5px 10px 0; }
 #menu #menuh ul.menuul li.magazin .submenu .submenuh .tlacitkaw a { width: 90px; margin: 0 5px 10px 0; }
 #menu #menuh ul.menuul li .submenu .submenuh .tlacitkaw { margin-left: 20px; }
 #menu #menuh ul.menuul li.foto .submenu .submenuh .vypisveci.foto { width: 520px; }
 #menu #menuh ul.menuul li.repsp1000NONE { display: none; }
 #menu #menuh ul.menuul li .submenu .submenuh .vypisveciine { width: 400px; }
 
 .komentare .vypisITEM .vypisITEMr { width: 330px; }
 .komentare .vypisITEM .odpovede .vypisITEMr { width: 250px; }

/* 
 .formular label, .formular label.w250 { clear: both; width: auto; margin: 0 0 7px 2px; }
 .formular input[type=text], .formular input[type=password], .formular input[type=file], .formular select, 
  .formular textarea { clear: both; margin: 0 0 3px 2px; }
 .formular .text2 { clear: both; margin: 0 0 3px 2px; padding: 0; }
 .formular .inputmore { clear: both; }
 .formular .inputmore label, .formular .inputmore label.w250 { float: left; width: auto; margin: 0 0 3px 2px; padding: 2px 0 0 0; }
 .formular .inputmore input, .formular .inputmore select { clear: none; float: left; margin: 2px 7px 7px 0; }
 .formular .inputmore label { clear: none; float: left; margin: 0 7px 7px 0; }
 .formular input[type=submit] { margin: 0 auto; margin-top: 20px; padding: 10px 16px; }
 .formular .selectoptions { clear: both; width: auto; margin: 0 0 5px 2px; }
 .formular textarea.w400 { width: 300px; }
*/

 .formular textarea.w400 { width: 250px; }
 .formular input.w400 { width: 250px; }
 .formular .inputmore label, .formular .inputmore label.w250 { width: auto; max-width: 80%; }

 .reviryv .item { width: 97%; margin: 0 0 2% 0; padding: 1.5%; }
 .reviryv .item:nth-child(2n) { float: left; }

 .stranka img { max-width: 100% }
 .stranka .popisfoto { max-width: 96%; padding: 2%; }
 .stranka .smallimages img { max-width: 150px; }
 .stranka .galleryf img { max-width: 100px; }
 
 .rybari .mapa { display: none; }
 .rybari .item { float: left; width: 99%; margin: 0 0 1.5% 0; }
 .rybari .item.second { clear: both; float: left; width: 99%; }
 .rybari .item .r { width: 300px; }
 
 .bazar .one .images { width: 100%; }
 .bazar .one .popis { width: 100%; margin-top: 20px; }

 .messages1 .item .popis span.pridany { float: none; }
 .messages2 .viacOskupinovej input[type=text] { width: 40%; }
 
 .sendMessageBig .navrhy { width: 300px; }
 
 .weby.vypis .item { height: auto; }
 .weby.vypis .item .image { width: 133px; }
 .weby.vypis .item h2 { margin-left: 148px; font-size: 18px; }
 .weby.vypis .item .url { margin-left: 148px; }
 .weby.vypis .item p { margin-left: 148px; }

 .zoznamy .blokz:nth-child(2n) { float: none; clear: both; width: 100%; }
 .zoznamy .blokz:nth-child(2n+1) { clear: both; width: 100%; }
 
 .spravyodvody.vypis .item .popis2 { float: left; }
 .spravyodvody.vypis .item div.BRsprodvodOTH { display: block; }
 
 .footer2 .ulblok:nth-child(4n+1) { clear: both; }
}


@media screen and (max-width: 780px) {
 html { -webkit-text-size-adjust: none; }
 h1 { margin: 16px 0 20px 0; font-size: 28px; line-height: 30px; }
 h2 { margin: 15px 0 12px 0; font-size: 24px; line-height: 24px; }
 #mainh, #menuh, .submenuh, .mainfooter, .loginblok { width: 100%; margin: 0 1%; }
 #main { width: 100%; min-height: auto;}
 #header { height: 70px; }
 #header #mainh .logo { margin: 19px 0 0 15px; }
 #header #mainh img.logo { width: 150px; height: 32px }
 #header #mainh .kreditov { display: none; }
 #header #mainh .predplatne { display: none; }
 #header #mainh .blogin { margin: 13px 15px 0 0; }
 #header #mainh a.bregistracia { margin: 27px 15px 0 0; }
 #header #mainh .loginblok .loginthinksPRIHLASENY ul li.user { display: block; }
 
 #upozorneniaRESP .upozornenia .blokUpozorneniaTitl { width: 100%; }
 #upozorneniaRESP .upozornenia { display: block; }
 #rightb .upozornenia { display: none; }

 .titlearticlestop, .titlearticlestop ul li { height: 270px; }
 .titlearticlestop ul li .popis { padding: 15px 15px; }
 .titlearticlestop ul li .popis span { display: block; margin: 0 0 8px 0; font-size: 15px; }
 .titlearticlestop ul li .popis h2 { font-size: 25px; line-height: 28px; } 

 /*#menu #menuh ul.menuul li a.home { display: none; }*/
 #menu #menuh ul.menuul li.repsp780NONE { display: none; } 
 
 #menu #menuh ul.menuul li.foto .submenu .submenuh .vypisveci.foto { width: 360px; }
 #menu #menuh ul.menuul li.foto .submenu .submenuh .vypisveci.foto .fotom_3 { display: none; }
 #menu #menuh ul.menuul li .submenu .submenuh .vypisveciine { display: none; }

 #menu #menuh ul.menuul li .submenu .submenuh .tlacitkaw { margin: 25px 0 0 10px; }
 #menu #menuh ul.menuul li.first .submenu .submenuh .tlacitkaw { margin-left: 2px; }
 #menu #menuh ul.menuul li.magazin .submenu .submenuh .tlacitkaw a { width: 75px; margin: 0 5px 10px 0; padding: 10px 0; font-size: 13px; }

 #mainc { }
 #main { width: 97%; margin: 0 1.5%; }
 #main #leftb, .leftpanel { width: 100%; padding: 0; }
 #leftb { float: none; padding: 0; padding-left: 0; padding-right: 0; }
 
 #rightb { float: none; clear: both; width: 100%; margin: 0 0; margin-top: 15px;  }
 #rightb a.addbuton { width: 100%; text-indent: 38px; padding-left: 0; }
 #rightb .upozornenia { width: 100%; }
 
 
 #rightb .najcitanejsie, #rightb .najcitanejsie, #rightb .neprehliadnite, #rightb .otvclanky { width: 100%; }
 #rightb .mailing { width: 96%; margin-left: 2%; }
 #rightb .blokright { width: 96%; padding-left: 2%; padding-right: 2%; }

 .filterBLOK .content.activeF { display: none; }
 .filterBLOK ul.menu li a.activeF { color: #dddddd; background: #1a1a1a; }

 .komentare .vypisITEM .vypisITEMr { width: 100%; }
 .komentare .vypisITEM .odpovede .vypisITEMr { width: 80%; }
 /*.komentare .vypisITEM img.user { display: none; }*/
 .komentare .vypisITEM .vypisITEMr { float: right; width: 88%; margin: 0; }
 
 .onlyPC { display: block; }
 .someADD { display: none; }
  
  #rightb .blokright.najfoto img { margin: 1%; padding: 0; max-width: 30%; max-height: auto; }
 
 .rybari .item { width: 48%; margin: 0 0 1% 0; }
 .rybari .item.second { clear: none; float: right; width: 48%; }
 .rybari .item .foto { width: 25%; }
 .rybari .item .r { width: 70%; }
 
 .bazar .one .images { width: 40%; }
 .bazar .one .popis { width: 57%; margin-top: 0; }
 
 .formular input[type=submit] { margin-top: 10px; }
 
 .reviryv .item { width: 46%; margin: 0 0 1.5% 0; padding: 1%; }
 .reviryv .item:nth-child(2n) { float: right; }

 .stranka img { max-width: auto; }
 .stranka .popisfoto { width: 96% !important;; max-width: 96% !important;; padding: 1% 2%; font-size: 16px; }

 .messages2 .viacOskupinovej input[type=text] { width: 60%; }

 .weby.vypis .item { height: auto; }
 .weby.vypis .item .image { width: 160px; }
 .weby.vypis .item h2 { margin-left: 175px; font-size: 20px; }
 .weby.vypis .item .url { margin-left: 175px; }
 .weby.vypis .item p { display: block; margin-left: 175px; }

 .zoznamy .blokz:nth-child(2n) { float: right; clear: none; width: 49%; }
 .zoznamy .blokz:nth-child(2n+1) { clear: both; float: left; width: 49%; }

 .spravyodvody.vypis .item .popis2 { float: right; }
 .spravyodvody.vypis .item div.BRsprodvodOTH { display: none; }

 .footer2 .ulblok:nth-child(4n+1) { clear: none; }
 .footer2 .ulblok:nth-child(3n+1) { clear: both; }

 #rightb .testovaciaprevadzka { width: 96%; padding: 2%; }
 
}


/* tu je už menu vertikálne - a nahodí tlačítka hľadať, user, menu */
@media screen and (max-width: 640px) {

 #header #mainh a.kredityZADARMO { display: none; }

 #header #mainh { margin-bottom: 12px; border-bottom: 1px solid #178399; }
 #header #mainh .blogin { margin: 15px 8px 0 0; padding: 20px; background: #0e4a5a url(../img/blogin.png) no-repeat 3px 1px; }
 #header #mainh .blogin span { display: none; }
 #header #mainh .blogin:hover { background: #ffa800 url(../img/blogin.png) no-repeat 3px -39px; }
 #header #mainh a.bregistracia { display: none; }
 #header #mainh .blogin.searchb, #header #mainh .blogin.menub { display: block; }
  
 .titlearticlestop, .titlearticlestop ul li { height: 170px; }
 .titlearticlestop ul li .popis { padding: 8px 8px; }
 .titlearticlestop ul li .popis span { display: none; }
 .titlearticlestop ul li .popis h2 { font-size: 17px; line-height: 19px; } 
 
 #menu { display: none; width: 100%; height: auto; margin-bottom: 0; clear: both;
  background: #20a8cb url(../img/bgmenu.png) repeat left bottom; z-index: 999;
 }
 #menu #menuh ul.menuul li.repsp1260NONE { display: block; }
 #menu #menuh ul.menuul li.repsp1000NONE { display: block; }
 #menu #menuh ul.menuul li.repsp780NONE { display: block; }
 #menu #menuh ul.menuul li.specmenu { display: none; }
 #menu #menuh ul.menuul li.specmenu .specmenuUL { display: none; }
 #menu #menuh .searchm { display: none; }
 /* POZOR AJ V scripts.js ZMENIť žE PRI TOMTO ROZLíšENí Už NEMá SCROLOVAť MENU - na 640 je to teraz nastavené - //xigh877 */
 #menu #menuh ul.menuul { width: 100%; padding: 0; background: none; }
 #menu #menuh ul.menuul li { float: none; width: 100%; margin: 0; padding: 0; background: none; }  
 #menu #menuh ul.menuul li .submenu .submenuh { display: none; }
 #menu #menuh ul.menuul li a.home { display: none }
 /*#menu #menuh ul.menuul li.foto .submenu .submenuh .vypisveci.foto { display: none; }*/
 
 #rightb .upozornenia .blokUpozorneniaTitl { width: 100%; }
 
 .komentare .vypisITEM .vypisITEMr { width: 80%; }

 .rybari .item { width: 98.5%; margin: 0 0 1.5% 0; }
 .rybari .item.second { clear: both; float: left; width: 98.5%; }
 .rybari .item .foto { width: auto; }
 .rybari .item .r { width: 70%; }
 
 .formular textarea.w400 { width: 250px; }
 .formular input[type=file] { width: 200px; padding: 7px 13px 7px 7px; }
 
 table { width: 100%; }
 table thead th { display: none; }
 table tbody td { width: 100%; }
 table tbody td, table tfoot td { display: block; text-align: center; }

 table.ui-datepicker-calendar td, table.ui-datepicker-calendar th { width: 13.2%; display: inline-block; }
 table.ui-datepicker-calendar th { width: 11%; }

 .bazar .item h2 { font-size: 18px; }
 .bazar .one .images { width: 100%; }
 .bazar .one .popis { width: 100%; margin-top: 20px; }
 .bazar .one .images .moreimages img { width: 20%; } 
 
 .sendMessageBig .searchnavrhyMESSuser { width: 100%; }
 .sendMessageBig #searchinputMESSuser { width: 200px; }
 .sendMessageBig .navrhy { top: 50px; left: 0; width: 100%; }
 .sendMessageBig .navrhy ul li span.l { width: 100%; }
 .sendMessageBig .navrhy ul li span.r { display: none; }

 .spravyodvody .navrhy { top: 80px; left: 0; width: 100%; }
 .spravyodvody .navrhy ul li span.l { width: 100%; }
 .spravyodvody .navrhy ul li span.r { display: none; }
 
 .messages2 .viacOskupinovej input[type=text] { width: 40%; }

 .zoznamy.reviry .title .blok { margin-bottom: 15px; }
 .reviryv .item { width: 97%; margin: 0 0 2% 0; padding: 1.5%; }
 .reviryv .item:nth-child(2n) { float: left; }

 .weby.vypis .item { height: auto; }
 .weby.vypis .item .image { width: 133px; }
 .weby.vypis .item h2 { margin-left: 148px; font-size: 18px; }
 .weby.vypis .item .url { margin-left: 148px; }
 .weby.vypis .item p { margin-left: 148px; font-size: 15px; line-height: 120%; }

 .zoznamy .blokz:nth-child(2n) { float: none; clear: both; width: 100%; }
 .zoznamy .blokz:nth-child(2n+1) { clear: both; width: 100%; }

 .spravyodvody.vypis .item .popis2 { display: none; clear: both; float: left; }
 .spravyodvody.vypis .item div.BRsprodvodOTH { display: block; }

 .footer2 .ulblok:nth-child(3n+1) { clear: none; }
 .footer2 .ulblok:nth-child(4n+1) { clear: none; } 
 .footer2 .ulblok:nth-child(2n+1) { clear: both;}
}


@media screen and (max-width: 400px) {
 #header #mainh .logo { display: none; }
 #header #mainh .logosmall { display: block; }

#upozorneniaRESP .upozornenia .flag { width: 15%; }
#upozorneniaRESP .upozornenia .message { width: 15%; margin-left: 10px; }

 .titlearticlestop, .titlearticlestop ul li { height: 150px; }
 .titlearticlestop ul li .popis { padding: 8px 8px; }
 .titlearticlestop ul li .popis span { display: none; }
 .titlearticlestop ul li .popis h2 { font-size: 16px; line-height: 18px; } 

 .clanky .item img { float: none; width: 100%; margin-right: 0; margin-bottom: 5px; }
 a.button.odpiskreditov { width: 100%; padding: 10px 0; }
 .komentare .vypisITEM img.user { display: none; }
 .komentare .vypisITEM .vypisITEMr { width: 100%; }
 .clanky .item { margin: 0 0 20px 0; padding: 0 0 20px 0; }

 .rybari .item .r { width: 60%; }

 .formular span.info3 { clear: none; margin-bottom: 5px; }

 .footer2 .ulblok:nth-child(3n+1) { clear: none; }
 .footer2 .ulblok:nth-child(4n+1) { clear: none; } 
 .footer2 .ulblok:nth-child(2n+1) { clear: none; }
 .footer2 .ulblok { clear: none; }
}


@media screen and (max-width: 360px) {
 #header #mainh .logo { display: none; }
 #header #mainh .logosmall { display: none; }
 #header #mainh .logosmall2 { display: block; }
}
