*:focus { outline: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; padding-left:10px; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; padding-left:10px; } :-ms-input-placeholder { /* IE 10+ */ color: #fff; padding-left:10px; } :-moz-placeholder { /* Firefox 18- */ color: #fff; padding-left:10px; } .lenmobil { display:none; } .niemobil { display:none; } #grafmobil { display:none; } /*mapa 2023*/ .emulaciatlacidla { padding:3px; padding-left:6px; padding-right:6px; background-color:#cecdec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .emulaciatlacidla:hover { text-decoration:none; background-color:#807eb7; color:#000; } .resetdesktop5 { clear:both; } #mapa2023_1obal { float:left; width:31.33%; } #mapa2023_1 { background-color:#f2f2f2; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; } #mapa2023_2obal { float:left; width:31.33%; margin-left:3%; } #mapa2023_2 { background-color:#f3dbdb; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; color:#000000; } #zobrazverifikovane { background-color:#f3dbdb; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; padding-top:10px; padding-bottom:10px; color:#000000; } #zobrazverifikovane2 { background-color:#b88383; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; padding-top:10px; padding-bottom:10px; color:#000000; } #vlozverifikovane { background-color:#f3dbdb; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; text-align:center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:10px; color:#000000; } #zobrazneverifikovane { background-color:#cecdec; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; padding-top:10px; padding-bottom:10px; color:#000000; } #zobrazneverifikovane2 { background-color:#807eb7; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; padding-top:10px; padding-bottom:10px; color:#000000; } #vlozneverifikovane { background-color:#cecdec; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; text-align:center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:10px; color:#000000; } #zobrazverifikovane:hover, #zobrazverifikovane2:hover, #vlozverifikovane:hover, #zobrazneverifikovane:hover, #zobrazneverifikovane2:hover, #vlozneverifikovane:hover { text-decoration:none; color:#666666; } #zobrazverifikovane i, #vlozverifikovane i, #zobrazverifikovane2 i { color:#FF0000; font-size:19px; position:relative; right:-25px; } #zobrazneverifikovane i, #vlozneverifikovane i, #zobrazneverifikovane2 i { color:#3d31ff; font-size:19px; position:relative; right:-25px; } #mapa2023_3obal { float:left; width:31.33%; margin-left:3%; } #mapa2023_3 { background-color:#cecdec; border:solid 1px #999999; display: flex; align-items: center; justify-content: center; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; } #mapa2023_1 div, #mapa2023_2 div, #mapa2023_3 div { text-align:center; padding-top:17px; padding-bottom:17px; } #mapa2023_1 p, #mapa2023_2 p, #mapa2023_3 p { margin:0; padding:0; color:#000; font-size:25px; font-weight:bold; line-height:25px; } .mapaskodca { float:left; width:18%; margin:1%; } .mapaskodca img { width:100%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 7px #fff; display:block; } .mapaskodca img:hover { border:solid 7px #ccc; } .aktivnapolozka img { border:solid 7px #e00b68; } .mapaskodcapopis { height:50px; display: flex; align-items: center; } /*mapa 2023*/ /*statistiky*/ .stats { display:flex; margin-bottom:15px; } .statslavy strong { font-size:25px; } .statslavy { background-color:#f2f2f2; border:solid 1px #d1c2c2; float:left; width:25%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; font-size:12px; padding-top:12px; padding-bottom:12px; } .statspravy { background-color:#f2f2f2; border:solid 1px #d1c2c2; float:left; width:74%; margin-left:1%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:10px; padding-top:12px; padding-right:12px; } .gradient { margin-top:25px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); height:10px; } .gradient span { font-size:20px; position:relative; top:-20px; } .onelinestats { background-color:#f2f2f2; border:solid 1px #d1c2c2; text-align:center; font-weight:bold; font-size:15px; padding-top:12px; padding-bottom:12px; margin-bottom:15px; } .onelinestats strong { color:#860032; } #fp { color:#de2f2e; } #fp .statslavy span { color:#de2f2e; font-weight:bold; } #fp span { color:#000; } .award { text-align:center; color:#860032; font-weight:bold; } .award img { width:75px; } /*statistiky*/ /*fotografie*/ #goto { float:right; } #goto select { width:100px; padding-top:3px; padding-bottom:3px; } .img-style:hover { transition: transform .2s; } .img-style:hover { transform: scale(1.1); } .hlasovanie { margin-bottom:25px; } .hlasovanie a { color:#FF0000; margin-left:20px; } #userfilter { margin-left:-1%; } #pismenka { text-align:center; } #resetfiltra { color:#FF0000; } .dajhlas { color:#FF0000; cursor:pointer; } .desktopreset { clear:both; display:block; } #userfilter a { float:left; width:23%; margin:1%; height:50px; line-height:50px; background-color:#E9E9E9; text-align:center; } #userfilter2 #searchuser { float:right; width:23.3%; margin-right:1%; } #userfilter2 #searchuserinput { float:left; width:72%; border:0; padding:0; margin:0; height:50px; background-color:#E9E9E9; padding-left:2%; } #userfilter2 #searchuserinput2 { float:right; width:25%; border:0; height:50px; padding:0; margin:0; } #userfotobaner { background-image:url(forest.webp); margin-bottom:27px; padding-top:20px; } #userbaner1 { float:left; width:57.5%; margin-left:1%; } #userbaner1 img { width:100%; margin:0; display:block; } #userbaner2 img { width:46%; float:left; margin:2%; display:block; } #userbaner2 { float:right; width:39%; margin-right:1%; } #userbaner3 { margin-right:1%; } #userfotobaner p { margin-left:1%; padding-top:10px; font-size:14px; font-weight:bold; } #userfilter #searchuser { float:left; width:23%; margin:1%; height:50px; background-color:#E9E9E9; } #searchuserinput { float:left; width:70%; border:0; height:47px; background-color:#E9E9E9; } #searchuserinput2 { float:right; width:20%; border:0; height:50px; } .poslifotkyinput { width:250px; border:solid 1px #CCCCCC; } .poslifotkyinput2 { width:245px; border:solid 1px #CCCCCC; } .listovanielava { float:left; width:33.33%; display:block; } .listovaniestred { float:left; width:33.33%; text-align:center; display:block; } .listovaniestred span { color:#860032; font-weight:bold; } .listovaniestred a { padding-left:3px; padding-right:3px; } .listovanieprava { float:left; width:33.33%; text-align:right; display:block; } .rotateleft { display:inline-block; text-align:left; width:48%; } .rotateright { display:inline-block; text-align:right; width:48%; } .resetmobilnie { display:block; } #fotografiadiskusia { float:left; width:58%; margin-left:2%; } #fotografiadalsie { /*float:left; width:40%;*/ } #fotografiadalsie p, #fotografiadiskusia p { background-color:#e7f5e3; text-align:center; padding-top:7px; padding-bottom:7px; color:#165551; } #fotografiadalsie img { float:left; width:14.66%; margin:1%; } /*prispievatelia*/ .zalozka { background-color:#F2F2F2; float:left; width:fit-object; padding-left:10px; padding-right:10px; height:50px; display: flex; align-items: center; justify-content: center; margin-bottom:0; } .zalozka2 { background-color:#F2F2F2; float:left; width:fit-object; padding-left:10px; padding-right:10px; margin-left:10px; height:50px; display: flex; align-items: center; margin-bottom:10px; } #zalozkaaktivna { font-weight:bold; } .userfoto { float:left; width:18%; margin:1%; } #userfotobaner .userfoto { width:18%; } .userfoto .fotky_doplnok { width:100%; } .userfoto p strong { height:40px; display:block; } .userfoto p { height:170px; } .skodca p { margin:0; margin-top:3px; padding:0; } #pismenkoaktivna { padding:5px; display:inline-block; } #pismenkoaktivna { font-weight:bold; background-color:#CCCCCC; } .centrovaniedoprava { text-align:right; } #formular { width:500px; padding:10px; } #formnadpis { background-color:#396E6B; color:#fff; padding-top:5px; text-align:center; padding-bottom:5px; } #formular input.txt { float:left; width:48%; margin-right:2%; border:solid 1px #CCCCCC; } #formular input.txt2 { float:right; width:48%; margin-left:2%; border:solid 1px #CCCCCC; } #formular textarea { width:100%; height:120px; margin-top:15px; border:solid 1px #CCCCCC; } .removebaner { color:#860032; } .removeimage { color:#FF0000; padding-top:7px; display:block; } #form { width:760px; padding:20px; } #form textarea { height:150px; } #userinfo { float:left; width:15%; } #userinfo img { max-width:100%; } #userinfo2 { float:left; width:35%; margin-left:2%; } #userinfofp { float:left; width:14%; margin-left:1%; } #userinfo3 { float:left; width:31%; margin-left:1%; } #userinfo3bezmetalu { float:left; width:42%; margin-left:1%; } .finobjednavkainput { border:solid 1px #666666; padding:3px; } #textareainfo, #textareainfo2 { height:170px; } #maplegendaprint { float:left; display:inline-block; margin-right:25px; margin-top:18px; } #maplegenda { float:left; margin:0; padding:0; margin-right:15px; margin-top:18px; } .publicmappoints { float:left; margin-right:25px; line-height:30px; } .publicmappoints a :hover { text-decoration:underline; } .publicmappoints .markeraktivna { font-weight:bold; } .publicmappoints img { margin-right:7px; } .publicmappoints p { float:left; } .ziadostskodcaxxaktivny .ziadostskodcatext { background-color:#b1c8aa; } .ziadostskodcaxx, .ziadostskodcaxxaktivny { margin-bottom:7px; } .ziadostskodcaxx .mainimageitem, .ziadostskodcaxxaktivny .mainimageitem { float:left; margin-right:3%; width:10%; } .ziadostskodcaxx .ziadostnadpis, .ziadostskodcaxxaktivny .ziadostnadpis { margin:0; margin-top:7px; } .ziadostskodcaxx .ziadostnadpis1, .ziadostskodcaxxaktivny .ziadostnadpis1 { margin:0; } #vyberkrajiny { width:90%; padding:5%; background-color:#E5E5E5; } #vyberkrajiny select { width:100%; padding-top:7px; padding-bottom:7px; } #vybermapyskodcov { margin-bottom:25px; } #vybermapyskodcov select { border:solid 1px #165551; padding:3px; } #prispievatelia .skodca { width:23%; } #useravatartext { float:left; position:relative; top:-7px; margin-left:10px; } #useravatar { float:left; height:30px; } .prefix { font-weight:bold; font-size:12px; margin-bottom:0; padding-bottom:0; } #mapovanielavy { float:left; width:30%; background-color:#cfe7c8; text-align:center; height:500px; } .dalsiebodyverifikovane { margin-left:5%; display:block; margin-top:20px; padding-bottom:30px; float:left; width:45%; font-size:12px; } .dalsiebodyneverifikovane { margin-right:5%; display:block; margin-top:20px; padding-bottom:30px; float:left; width:45%; font-size:12px; } .dalsiebodyverifikovane i { font-size:30px; color:#CE1149; margin-bottom:7px; } .dalsiebodyneverifikovane i { font-size:30px; color:#396e6b; margin-bottom:7px; } #mapovanielavy img { width:80%; margin-left:10%; display:block; margin-top:25px; } #mapovaniepravy { float:left; width:60%; } #mapovaniepravy2 { float:left; width:10%; text-align:center; } #mapovaniepravy3 { float:left; width:75%; } #mapovaniepravy4 { float:left; width:24%; margin-left:1%; font-weight:bold; } #mapovaniepravy4 a { color:#FF0000; } #mapovaniepravy4 p { margin:0; padding:0; } #legenda { font-size:20px; color:#0d3331; } #mapovaniepravy4 p.mapovanieitem { margin-top:20px; } #mapovaniepravy2 p { margin:0; padding:0; } #mapovaniepravy2 p strong { margin-bottom:25px; display:block; } #mapovaniepravy2 a { margin-bottom:35px; display:block; margin-left:5px; margin-right:5px; padding:4px; font-size:10px; } .markeraktivna { background-color:#f0f0f0; } .mapujnazov { font-weight:bold; color:#CE1149; margin:0; } .mapujnazov2 { margin:0; color:#CE1149; } /*pruispievatelia*/ .info { width:900px; background-color:#d9ecd4; padding:10px; } .litymasterinfo { float:right; } .infolavy { float:left; width:45%; } .infoobrazky img { float:left; margin:1%; width:31.33%; } .infolavy .hlavnyimg { width:98%; display:block; margin-bottom:10px; margin:1%; } .infopravy { float:left; width:53%; margin-left:2%; } #container { text-align:center; } #pagination-forum { list-style:none; margin:0; padding:0; } #pagination-forum li { display:inline-block; padding:10px; font-size:16px; } #pagination-forum li a { color: rgb(58, 110, 108); } #klucove { background-color:#E7F5E3; float:left; width:46%; margin-right:2%; border:solid 0px #165551; height:25px; } #klucove2 { background-color:#E7F5E3; float:left; width:45%; margin-right:2%; border:solid 0px #165551; height:25px; line-height:25px; padding-left:1%; font-weight:bold } .input1 { float:left; width:25%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .input2 { float:right; width:25%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .input3 { float:left; width:32%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:2%; } .input4 { float:left; width:32%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .input5 { float:right; width:32%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #odoslatformular { float:left; background-color:#860032; color:#fff; border:0; width:100px; padding-top:5px; padding-bottom:5px; margin-right:15px; margin-top:15px; } #resetfilter { position:relative; top:20px; color:#FF0000; } #ziadostifilter { margin-bottom:35px; } #odoslatformular:hover { background-color:#396e6b; } .active { font-weight:bold; } .infopravypolozka { float:left; width:33.33%; } .infometa { float:left; margin-right:20px; font-size:12px; } .pricina { background-color:#ebf2e9; margin:0; margin-top:3px; } .pricina2 { background-color:#ebf2e9; margin:0; margin-top:3px; font-size:13px; font-style:italic; } .pricina a, .pricina2 a { color:#CE1149; } .infopravypolozka2 { float:left; width:33.33%; text-align:right; } .infonomargin { margin:0; margin-top:5px; } .otazka { height:140px; background-color:#ebf2e9; padding:5px; margin-bottom:7px; overflow:auto; } .ziadost1 { float:left; width:19.4%; background-color:#165551; padding-top:5px; padding-bottom:5px; text-align:center; color:#FFFFFF; margin:0.3%; } .ziadost11 { float:left; width:19.4%; background-color:#E7F5E3; padding-top:5px; padding-bottom:5px; text-align:center; color:#165551; margin:0.3%; } .ziadostskodca { float:left; width:32.66%; margin-right:1%; } .ziadostskodca2 { float:left; width:32.66%; } .ziadostskodca img, .ziadostskodca2 img { width:100%; } .ziadostskodcatext { background-color:#E7F5E3; } .ziadostskodcatext1 { float:left; } .ziadostskodcatextr { float:right; } .ziadostnadpis { color:#CE1149; margin:0; margin-left:10px; margin-top:10px; margin-bottom:7px; } .ziadostnadpis1 { font-style:italic; color:#CE1149; margin:0; margin-left:10px; height:27px; } .vyskytodsadenie { margin:10px; padding-bottom:10px; } #vymazatbody { padding:5px; padding-top:3px; padding-bottom:3px; background-color:#ff0000; position:relative; top:5px; font-size:12px; color:#fff; display:inline-block; } #vymazatbody2 { padding:5px; padding-top:3px; padding-bottom:3px; position:relative; top:5px; font-size:12px; margin-left:10px; color:#ff0000; display:inline-block; } /*new foto*/ .fb_iframe_widget_fluid_desktop iframe { width:100%!important; } #userimg { float:left; width:72%; } #userimg img { width:100%; } #userimg2 { float:left; width:25%; margin-left:3%; } /*new foto*/ /*new mapa*/ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333; } ::-moz-placeholder { /* Firefox 19+ */ color: #333; } :-ms-input-placeholder { /* IE 10+ */ color: #333; } :-moz-placeholder { /* Firefox 18- */ color: #333; } #odoslatgps { color: #fff; border:0; text-transform:uppercase; font-size: 14px; text-decoration: none; background-color: #860032; padding-left: 17px; padding-right: 17px; padding-top: 5px; padding-bottom: 5px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 27px; display: block; width: 150px; float: right; margin-top:10px; } #odoslatgps2 { color: #fff; border:0; text-transform:uppercase; font-size: 14px; text-decoration: none; background-color: #860032; padding-left: 17px; padding-right: 17px; padding-top: 5px; padding-bottom: 5px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 27px; display: block; width: 150px; float: right; margin-top:10px; margin-right:10px; } .error2 { background-color:#FF0000; text-align:center; color:#fff; padding-top:7px; padding-bottom:7px; } #odoslatgps:hover, #odoslatgps2:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; cursor:pointer; } #mapaobal { position:relative; width:100%; overflow:hidden; } #coords1 { padding: 5px; font-weight: bold; } #presenter { position: absolute; top: 160px; left: 0px; width: 550px; height: 430px; border: 2px solid #ccc; background-color: #ffffff; display:none; } #map_canvas { height: 500px; } #top { width: 342px; background-color: #ffffff; margin-left:2px; margin-right:2px; position: absolute; top: 55px; left: 8px; } #heading { width: 100%; float: left; margin: 0px; } #polygonstuff { position: absolute; top: 400px; left: 5px; width: 70px; height: 60px; background-color: #ff0000; color: #ffffff; visibility: hidden; } #title { background-color: transparent; width: 270px; float: left; } .choice { background-color: transparent; width: 100px; float: left; } .topbutton { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; float: left; } #googlead { margin: 0 auto; width: 800px; padding-top: 5px; } .clear { clear:both; } #content { margin: 10px } #polylineoptions { position: absolute; background-color: #ffffff; top: 200px; left: 560px; width: 260px; height: 210px; border: 2px solid #337EB7; visibility: hidden; } #polygonoptions { position: absolute; background-color: #ffffff; top: 200px; left: 560px; width: 260px; height: 255px; border: 2px solid #337EB7; visibility: hidden; } #rectang { position: absolute; background-color: #ffffff; top: 200px; left: 560px; width: 260px; height: 260px; border: 2px solid #337EB7; visibility: hidden; } #circleoptions { position: absolute; background-color: #ffffff; top: 200px; left: 560px; width: 260px; height: 260px; border: 2px solid #337EB7; visibility: hidden; } #markeroptions { width: 950px; height: 310px; background-color: #ffffff; margin: 2px 2px 2px 2px; padding: 8px; border: 1px solid #aaa; position: absolute; top: 45px; left: 10px; z-index:99999; visibility:hidden; } #directionstyles { position: absolute; background-color: #ffffff; top: 200px; left: 560px; width: 260px; height: 210px; border: 2px solid #337EB7; visibility: hidden; } #iconimages { width: 430px; height: 300px; background-color: #ffffff; margin: 2px 2px 2px 2px; padding: 8px; float: left; } #stylestext { width: 485px; height: 280px; background-color: #ffffff; margin: 0px 0px 2px 2px; padding: 5px; float: left; } #toppers { width: 405px; height: 300px; background-color: #ffffff; margin: 2px 2px 2px 2px; padding: 8px; position: absolute; top: 165px; left: 90px; z-index:99999; visibility: hidden; } #dirtoppers { width: 405px; height: 350px; background-color: #ffffff; margin: 2px 2px 2px 2px; padding: 8px; position: absolute; top: 165px; left: 90px; z-index:99999; visibility: hidden; } .styletitle { margin-left:5px; padding:0 3px 0 5px; font-weight:bold; background-color: #CCCCFF; } .closebutton { border:1px solid #000000; padding:1px 4px 1px 4px; margin:1px 3px 1px 0px; color:#ffffff; background-color: #337EB7; } #RegretButton { visibility: hidden; } .label { float: left; text-align: right; margin-right: 5px; width: 80px; padding-top: 5px; } .input { float: left; padding-left: 3px; width: 55px; margin: 3px 0px 0px 3px; border: 2px solid #ccc; } .inputlong { float: left; padding-left: 3px; width: 75px; margin: 3px 0px 0px 3px; border: 2px solid #ccc; } .oklink { margin-left: 25px; padding:0px 3px 0px 3px; background-color: #CCFF66; text-decoration: none; } #morelinks td { padding-right: 10px; } /*new mapa*/ .xxxform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; padding-left:0px; } .xxxform ::-moz-placeholder { /* Firefox 19+ */ color: #999; padding-left:0px; } .xxxform :-ms-input-placeholder { /* IE 10+ */ color: #999; padding-left:0px; } .xxxform :-moz-placeholder { /* Firefox 18- */ color: #999; padding-left:0px; } .fotkyuser { float:left; width:23%; margin:1%; text-align:center; } .fotkyuser img { width:100%; } .policko { width:100%; padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px; } .policko2 { width:100%; height:75px; padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px; } .policko3 { width:120px; background-color:#3a6e6c; color:#fff; border:0; padding-top:5px; padding-bottom:5px; } .xxxform { background-color:#FFFFFF; padding:10px; width:360px; } .fotka i { padding-top:7px; font-size:16px; } .fotka a i { color:#333; } .fotka2 { float:left; width:9%; margin:0.5%; } .fotka2 img { width:100%; } #objednajsubmit2 { border:0; background-color:#396E6B; color:#fff; padding:5px; } #panel { padding-bottom:10px; padding-top:10px; text-align:right; } #panel img { height:12px; margin-right:10px; position:relative; top:1px; } #panel #xx { margin-left:15px; } #add1 { float:left; width:250px; padding-top:10px; padding-bottom:10px; border:0; border:solid 1px #396e6b; margin-bottom:20px; } #poslat1 { float:left; width:40px; padding-top:10px; padding-bottom:10px; border:0; border:solid 1px #396e6b; margin-bottom:20px; background-color:#396e6b; color:#fff; } .fotoalbum { background-color:#396e6b; padding:10px; } .fotoalbum:hover { background-color:#165551; } .fotoalbum a { color:#fff; display:block; } .reset { clear:both; } .slicknav_menu { display:none; } a { color: #165551; text-decoration:none; } a:hover { text-decoration:underline; } a img { border:0; } .center { text-align:center; } hr { width:100%; height:1px; background-color:#165551; border:0; } #odkaz:hover { text-decoration:none; color:#000000; } #odkaz { text-align:left; display:block; margin-top:10px; margin-bottom:25px; background-image:url(ikonkaalbum.jpg); background-repeat:no-repeat; background-position:center; background-size: auto 25px; } #odkaz img { height:25px; position:relative; top:10px; left:10px; } .slidingDiv1, .slidingDiv2, .slidingDiv3, .slidingDiv4, .slidingDiv5, .slidingDiv6, .slidingDiv7, .slidingDiv8, .slidingDiv9, .slidingDiv10, .slidingDiv11 { display:none; } #aktivna { font-weight:bold; color:#000000; } #pridatbod { position:relative; margin-top:10px; float:left; } #pridatbod #poslat { background-color:#CCCCCC; color:#333333; } #mapovacka { position:relative; float:right; top:-25px; } #mapovacka a { margin-left:5px; margin-right:5px; display:inline-block; background-color:#CCCCCC; padding:5px; } .skodca { width:31.333333%; background-color:#E7F5E3; float:left; margin:1%; padding:1.3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .skodca img { width:100%; height:auto; } .skodca_nadpis_sk { margin-bottom:0; margin-top:5px; font-weight:bold; height:40px; } .skodca_nadpis_lat { margin-bottom:0; margin-top:5px; font-style:italic; font-size:13px; height:40px; } .skodca_nadpis_sk2 { margin-bottom:0; margin-top:5px; font-weight:bold; height:40px; font-style:italic; } .skodca_nadpis_lat2 { margin-bottom:0; margin-top:5px; font-size:13px; height:35px; } .skodca_nadpis_kat { margin-bottom:0; margin-top:5px; height:45px; } .skodcaimage { /*background-color:#FFFFFF;*/ } .skodcaimage img { aspect-ratio: 1 / 1; } .skodcaimage img:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } #atlas_lavy { float:left; width:230px; margin-top:1%; } #atlas_lavy form { background-color:#CCCCCC; padding-top:10px; padding-bottom:10px; } #atlas_lavy h2 { margin-left:10px; } #atlas_pravy { float:left; width:700px; margin-left:10px; } .filter { margin-left:10px; clear:both; } .filter_sub { margin-left:10px; margin-bottom:5px; margin-top:0; float:left; } .chevron-down-section a { text-decoration:none; } .chevron-down-section i { background-color: #FFFFFF; border: 7px solid rgba(0, 0, 0, 0.102); border-radius: 50%; color: #6FC055; display: block; font-size: 19px; height: 31px; margin: auto auto; padding-top: 13px; text-align: center; vertical-align: middle; width: 45px; } #skodca_img { float:left; width:40%; text-align:center; } #porovnanie { text-align:left; display:block; background-color:#860032; color:#FFFFFF; padding-left:10px; padding-top:4px; padding-bottom:4px; } #porovnanie2 { text-align:left; display:block; background-color: #396E6B; margin-top:10px; color:#FFFFFF; padding-left:10px; padding-top:4px; padding-bottom:4px; } #porovnanie3 { text-align:left; display:block; background-color: #396E6B; margin-top:10px; color:#FFFFFF; padding-left:10px; padding-top:4px; padding-bottom:4px; } #porovnanie:hover, #porovnanie2:hover, #porovnanie3:hover { text-decoration:none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } #socialne_siete { float:right; margin-top:5px; } #socialne_siete img { margin-left:5px; margin-right:5px; } #socialne_siete img:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .error { color:#FF0000; } #skodca_img img:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } #skodca_text { width:58%; float:left; margin-left:2%; text-align:justify; } #skodca_text .latinsky { font-style:italic; } .fotky_doplnok { margin:1%; width:23%; } #kontakt .fb-like { float:right; } #main_image { width:100%; } #share { background-color:#396e6b; padding-top:10px; padding-bottom:10px; padding-left:11px; padding-right:15px; color:#FFFFFF; } .share_icon { float:right; } .share_otazka { float:left; } #strankovanie2 { text-align:center; font-size:16px; padding-top:27px; padding-bottom:20px; } #strankovanie2 a { color:#165551; padding-left:15px; padding-right:15px; } #strankovanie { list-style:none; margin:0; padding:0; width:100%; } #strankovanie li { float:left; margin-top:2px; padding-left:10px; padding-right:10px; } #strankovanie li a { display:block; } #content { min-height:500px; _height:500px; } #pismena { text-align:center; width:100%; } .pismena { font-size:17px; text-transform:uppercase; padding-left:10px; padding-right:10px; } #stran_left { float:left; width:70%; } #stran_right { float:right; width:30%; } #stran_right form { margin:0; padding:0; float:right; } #stra { width:100%; padding:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#cde2d1; } @media screen and (min-width:1001px) { body { margin:0; padding:0; text-align:center; background: #F1EFEF; font-family: 'Open Sans', sans-serif; font-size:14px; } #obal { width:1000px; margin:auto auto; text-align:left; padding:20px; padding-top:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#FFFFFF; font-size:13px; -webkit-box-shadow: 0px 5px 8px 0px #b8b8b8; -moz-box-shadow: 0px 5px 8px 0px #b8b8b8; box-shadow: 0px 5px 8px 0px #b8b8b8; } #vrch { background-color:#0d3331; border-bottom:solid 5px #165551; } #logo { float:left; display:inline; height:65px; width:38%; } .ikona2022 { float:left; margin-top:10px; height:45px; margin-left:5px; } #logoimg { margin-top:10px; float:left; } #logo img:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } #menu { float:left; display:inline; width:37%; height:65px; } #vyhladavanie { float:right; margin-top:20px; margin-right:5px; } #prvy { background-color: #396E6B; padding-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#FFFFFF; float:left; border:0; height:25px; margin:0; padding:0; font-size:14px; } #druhy { float:left; border:0; height:25px; margin:0; padding:0; font-size:14px; background-color: #396E6B; width:30px; color:#FFFFFF; text-align:center; font-weight:bold; } #druhy:hover { background-color:#FFFFFF; color: #396E6B; } #menu ul { list-style:none; margin:0; padding:0; float:right; line-height:65px; } #menu ul li { float:left; } #menu ul li a { color:#9FCFC3; display:block; padding-left:11px; padding-right:11px; } #preklad { height:370px; } #slider { height:319px; width:960px; position:relative; z-index:0; } #bunky { position:relative; background-image:url(bunky.png); height:180px; width:960px; top:-130px; border-bottom:solid 2px #edebeb; } #bunky #kontakt { position:relative; top:80px; width:450px; /*background-color:#F1F1F1;*/ float:right; /*-webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;*/ padding-right:10px; padding-top:5px; } #bunky #kontakt h1 { margin:0; margin-top:15px; color:#165551; text-align:right; } #obsah { color:#333333; line-height:22px; background-color:#e7f5e3; padding:10px; padding-bottom:35px; border-bottom:solid 2px #165551; min-height:300px; _height:300px; margin-bottom:15px; } .styri,.styri2 { float:left; width:23%; margin-left:1%; text-align:center; margin-right:1%; color:#333333; margin-top:25px; } .styri img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styri2 img { width:100%; } .styri h3 { font-size:1em; color:#2d6662; } .styrix { float:left; width:10.5%; margin-left:1%; text-align:center; margin-right:1%; color:#333333; margin-top:25px; } .styrix img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styrix h3 { font-size:1em; color:#2d6662; } #footer { margin-top:10px; color:#9FCFC3; text-align:center; background-color:#165551; text-align:left; padding:10px; } #footer a { color:#FFFFFF; } #footer_a { width:23%; float:left; padding-right:2%; } #footer_a #mail { width:70%; height:30px; border:0; margin:0; padding:0; font-size:14px; color:#CCCCCC; float:left; background-color:#e7f5e3; } #footer_a #poslat { width:20%; float:left; font-size:14px; background-color:#860032; color:#FFFFFF; font-weight:bold; height:30px; border:0; margin:0; padding:0; } #footer_a #poslat:hover { background-color:#396e6b; color:#FFFFFF; cursor:pointer; } #footer_b { width:25%; float:left; } #footer_c { width:25%; float:left; } #footer_c ul,#footer_b ul { list-style:none; margin:0; padding:0; } #footer_c ul li a,#footer_b ul li a { padding-top:2px; padding-bottom:2px; display:block; } #footer_d { width:23%; float:left; border-left:solid 1px #396e6b; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left:2%; } #legal { height:40px; border-top:solid 1px #396e6b; line-height:40px; padding-left:25px; margin-top:10px; } .produkt { background-color:#DBDBDB; margin-bottom:15px; } .produktimage { float:left; width:20%; } .produktimage img { width:100%; } .produkttext { width:78%; margin-left:2%; float:left; } #menu h1 { padding:0; margin:0; display:none; } h1 a { display:block; } h1 a span { display:none; } #hlavnynadpis { color:#2d6662; font-size:1.7em; } h2 { color:#2d6662; font-size:1.3em; } .back-to-top { position:fixed; bottom:2em; right:0px; text-decoration:none; color:#ffffff; font-weight:bold; background-color:#165551; padding:0.5em; display:none; font-size:13px; } .back-to-top:hover { background-color:rgba(135, 135, 135, 0.50); color:#000000; } #kontakt_lavy { float:left; width:50%; } #kontakt_pravy { float:right; width:50%; text-align:right; } .forminput { border:solid #999999 1px; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } textarea { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form_error, #poznamkatext { border: solid 1px #FF0000; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #zoznam { width:100%; height:40px; margin-bottom:15px; margin-top:10px; } #zoznam a.menuzoznam { width:18%; display:block; float:left; background-color:#3a6e6c; line-height:40px; color:#000000; font-weight:bold; font-size:15px; text-align:center; } #zoznam a.menuzoznamanglicky { width:14.4%; display:block; float:left; background-color:#3a6e6c; line-height:40px; color:#000000; font-weight:bold; font-size:13px; text-align:center; } #menuzoznamanglicky { width:14.4%; } /* Dropdown Button */ .dropdown { width:28%; display:block; float:left; } .dropbtn { background-color:#860032; color: white; display:block; font-size: 13px; border: none; width:100%; height:40px; font-weight:bold; } /* The container <div> - needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; top:40px; width:100%; } #dropdown-content2 { width:200px; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd;} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;} /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {background-color: #3e8e41;} #zoznam a.menuzoznam2 { width:28%; display:block; float:left; background-color:#860032; line-height:40px; color:#fff; font-weight:bold; font-size:15px; text-align:center; } #zoznam a:hover, #zoznam a#zoznamaktivna { background-color:#0d3331; color:#ffd75e; text-decoration:none; } ul.rig { list-style: none; margin-left: -2.5%; margin-left:-1.7%; margin:0; padding:0; } ul.rig li { display: inline-block; margin: 0 0 2.5% 2.5%; margin: 0 0 1.7% 1.7%; text-align:center; padding-bottom:1%; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.rig li a { color:#2E63A0; text-decoration:none; } ul.rig li img { max-width: 100%; height:auto; margin-bottom:7px; } ul.rig li img:hover { -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } ul.rig.columns-2 li { width: 47.5%; } ul.rig.columns-3 li { width: 30.83%; } ul.rig.columns-4 li { width: 31.2%; } } @media only screen and (min-width:577px) and (max-width:1000px) { .resetdesktop5 { display:none; } #mapa2023_1obal, #mapa2023_2obal, #mapa2023_3obal { float:none; width:100%; margin:0; } .mapaskodca { width:23%; } #userinfo3bezmetalu { padding-top:25px; float:none; width:100%; margin:0%; text-align:center; } .listovanielava { float:none; width:100%; text-align:center; margin-top:17px; } .listovaniestred { float:none; width:100%; margin-top:20px; margin-bottom:20px; text-align:center; } .prva, .posledna { display:none; } .listovaniestred a, .listovaniestred span { padding-left:6px; padding-right:6px; } .listovanieprava { float:none; width:100%; text-align:center; } .desktopreset{ display:none; } .mobilreset { clear:both; display:block; } #maplegendaprint { float:none; display:block; margin-right:0; margin-top:18px; } #maplegenda { float:none; margin:0; padding:0; margin-top:35px; } #zoznam a:hover, #zoznam a#zoznamaktivna { background-color:#0d3331; color:#ffd75e; text-decoration:none; } #formular { width:557px!important; padding:1%; } #userinfo { float:none; width:100%; margin:0%; text-align:center; } #userinfo2, #userinfofp, #userinfo3bezmetalu { float:none; width:100%; margin:0%; text-align:center; } #userinfo3 { float:none; width:100%; margin:0%; text-align:center; margin-top:17px; } #grafmobil { display:block; } #grafdesktop { display:none; } #vybermapyskodcov select { width:100%; padding-top:5px; padding-bottom:5px; } #prispievatelia .skodca { width:48%; } #mapovanielavy { float:none; width:100%; background-color:#cfe7c8; text-align:center; padding-top:2px; height:auto; } #mapovaniepravy { float:none; width:100%; } #mapovaniepravy2 { float:none; width:100%; text-align:center; padding-top:25px; } #mapovaniepravy3 { float:none; width:100%; } #mapovaniepravy4 { float:none; width:100%; margin:0; padding:0; text-align:center; padding-top:25px; padding-bottom:25px; background-color:#F3F3F3; } #mapovaniepravy2 a { float:left; width:46%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:2%; } * { /*background-color:#999966;*/ } #panel { margin-right:10px; } #logo { padding-top:10px; padding-bottom:10px; } #menu { display:none; } .slicknav_menu { display:block; } .dropbtn { display:none; } .dropdown-content { text-align:center; } #zoznam .dropdown-content a { margin-top:10px; width:40%; display:inline-block; background-color:#860032; color:#fff; margin-left:5%; margin-right:5%; margin-bottom:25px; } #klucove { float:none; width:100%; margin-right:0%; border:solid 0px #165551; height:25px; margin-bottom:10px; } #klucove2 { background-color:#E7F5E3; float:none; width:99%; display:block; margin-right:2%; border:solid 0px #165551; height:25px; line-height:25px; padding-left:1%; font-weight:bold } .input1 { float:none; width:100%; border:solid 1px #165551; height:27px; margin-bottom:10px; } .input2 { float:none; width:100%; border:solid 1px #165551; height:27px; } .input3 { float:none; width:100%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:0%; } .input4 { float:none; width:100%; height:27px; } .input5 { float:none; width:100%; height:27px; } #odoslatformular { float:none; border:0; width:100%; padding-top:5px; padding-bottom:5px; margin-right:0px; margin-top:10px; } #resetfilter { text-align:center; display:block; } #tabulkavypis { width:100%; overflow:auto; } #tabulkavypis2 { width:700px; } .ziadost1 { float:left; width:19.4%; background-color:#165551; padding-top:5px; padding-bottom:5px; text-align:center; color:#FFFFFF; margin:0.3%; } .ziadost11 { float:left; width:19.4%; background-color:#E7F5E3; padding-top:5px; padding-bottom:5px; text-align:center; color:#165551; margin:0.3%; } .ziadostskodca { float:left; width:48%; margin:1%; } .ziadostskodca2 { float:left; width:48%; margin:1%; } #zoznam { width:100%; height:40px; margin-bottom:15px; margin-top:10px; } #zoznam a { width:100%; display:block; float:left; background-color:#3a6e6c; line-height:40px; color:#000000; font-weight:bold; font-size:15px; text-align:center; } #zoznam a:hover { background-color:#000000; color:#ffd75e; text-decoration:none; } #stran_left { float:none; width:100%; } #stran_right { float:none; width:100%; margin-top:10px; text-align:center; } #stran_right form { margin:0; padding:0; float:none; } #stra { width:100%; padding:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#cde2d1; } #socialne_siete { display:none; } .filter { margin-left:10px; clear:both; } .filter_sub { margin-left:10px; float:none; } #vyhladavanie { float:right; margin-top:10px; margin-right:5px; margin-bottom:10px; width:90%; height:45px; margin-left:5%; margin-right:5%; } #prvy { background-color: #396E6B; padding-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#FFFFFF; float:left; border:0; height:45px; margin:0; padding:0; font-size:14px; width:88%; } #druhy { float:left; border:0; height:45px; margin:0; padding:0; font-size:14px; background-color: #396E6B; width:12%; color:#FFFFFF; text-align:center; font-weight:bold; } body { margin:0; padding:0; text-align:center; background: #F1EFEF; font-family:Arial, Helvetica, sans-serif; font-size:14px; } #obal { width:100%; margin:auto auto; text-align:left; padding-top:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#FFFFFF; } #vrch { background-color:#0d3331; border-bottom:solid 5px #165551; } #atlas_lavy { float:left; width:34%; margin-top:1%; margin-right:1%; } #atlas_lavy form { background-color:#CCCCCC; padding-top:10px; padding-bottom:10px; } #atlas_pravy { float:left; width:65%; margin:0; } .skodca { width:48%; background-color:#E7F5E3; float:left; margin:1%; padding:1.3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #share { background-color:#396e6b; padding-top:10px; padding-bottom:10px; padding-left:11px; padding-right:15px; color:#FFFFFF; text-align:center; } .share_icon { float:right; } .share_otazka { float:none; padding-bottom:10px; width:100%; } #menu h1 { padding:0; margin:0; display:none; } h1 a { height:200px; display:block; width:200px; } h1 a span { display:none; } #logo { float:left; display:inline; height:auto; width:100%; text-align:center; } .ikona2022 { margin-top:10px; height:45px; margin-left:5px; } #logoimg { margin-top:10px; } #menu { float:left; width:50%; height:55px; } #menu ul { list-style:none; margin:0; padding:0; float:right; line-height:55px; } #menu ul li { float:left; } #menu ul li a { color:#9FCFC3; display:block; padding-left:15px; padding-right:15px; } #preklad { display:none; } .styri,.styri2 { float:left; width:23%; margin-left:1%; text-align:center; margin-right:1%; color:#333333; } .styri img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styri2 img { width:100%; } .styri h3 { font-size:1em; color:#2d6662; } .styrix { float:left; width:10.5%; margin-left:1%; text-align:center; margin-right:1%; color:#333333; margin-top:25px; } .styrix img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styrix h3 { font-size:1em; color:#2d6662; } #footer { margin-top:10px; color:#9FCFC3; text-align:center; background-color:#165551; text-align:left; padding:10px; } #footer a { color:#FFFFFF; } #footer_a { width:31.33333%; float:left; padding-right:2%; } #footer_a #mail { width:70%; height:30px; border:0; margin:0; padding:0; font-size:14px; color:#CCCCCC; float:left; background-color:#396e6b; } #footer_a #poslat { width:20%; float:left; font-size:14px; height:30px; border:0; margin:0; padding:0; } #footer_a #poslat:hover { background-color:#396e6b; color:#FFFFFF; cursor:pointer; } #footer_b { width:33.33333%; float:left; } #footer_c { display:none; } #footer_b ul { list-style:none; margin:0; padding:0; } #footer_b ul li a { padding-top:2px; padding-bottom:2px; display:block; } #footer_d { width:31.33333%; float:left; border-left:solid 1px #396e6b; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left:2%; } #legal { height:40px; border-top:solid 1px #396e6b; line-height:40px; padding-left:25px; margin-top:10px; } .produkt { background-color:#DBDBDB; margin-bottom:15px; } .produktimage { float:left; width:20%; } .produktimage img { width:100%; } .produkttext { width:78%; margin-left:2%; float:left; } h2 { color:#2d6662; font-size:1.5em; } #obsah { color:#333333; line-height:22px; background-color:#F1F1F1; padding:10px; padding-bottom:35px; text-align:justify; border-bottom:solid 1px #999999; } .back-to-top { position:fixed; bottom:2em; right:0px; text-decoration:none; color:#ffffff; font-weight:bold; background-color:#165551; padding:0.5em; display:none; font-size:13px; } .back-to-top:hover { background-color:rgba(135, 135, 135, 0.50); color:#000000; } #kontakt_lavy { float:left; width:50%; } #kontakt_pravy { float:right; width:50%; text-align:right; } .forminput { border:solid #999999 1px; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } textarea { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form_error, #poznamkatext { border: solid 1px #FF0000; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.rig { list-style: none; margin-left:-1.7%; margin:0; padding:0; } ul.rig li { display: inline-block; margin: 0 0 1.7% 1.7%; text-align:center; padding-bottom:1%; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.rig li a { color:#2E63A0; text-decoration:none; } ul.rig li img { max-width: 100%; height:auto; } ul.rig li img:hover { -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } ul.rig.columns-2 li { width: 47.5%; } ul.rig.columns-3 li { width: 30.83%; } ul.rig.columns-4 li { width: 23%; } #hlavnynadpis { color:#2d6662; font-size:1.5em; margin-left:10px; } .ziadostskodcatext1, .ziadostskodcatextr { float:none; text-align:left; } } @media only screen and (min-width:480px) and (max-width:576px) { .resetdesktop5 { display:none; } #mapa2023_1obal, #mapa2023_2obal, #mapa2023_3obal { float:none; width:100%; margin:0; } .mapaskodca { width:48%; } #userfotobaner .userfoto { width:23%; } #userfilter2 { margin:0; padding:0; border:0; } #userfilter2 #searchuser { float:none; width:99%; margin-right:0; } #pismenka a { padding:20px; display:inline-block; } #userfilter a { display:block; float:none; width:98%; } .stats { display:block; } .statslavy { float:none; width:100%; } .statspravy { float:none; width:100%; margin-left:0; } .listovanielava { float:none; width:100%; text-align:center; margin-top:17px; } .listovaniestred { float:none; width:100%; margin-top:20px; margin-bottom:20px; text-align:center; } .prva, .posledna { display:none; } .listovaniestred a, .listovaniestred span { padding-left:6px; padding-right:6px; } .listovanieprava { float:none; width:100%; text-align:center; } #maplegendaprint { float:none; display:block; margin-right:0; margin-top:18px; } #maplegenda { float:none; margin:0; padding:0; margin-top:35px; } .userfoto p { height:auto; } #zoznam a:hover, #zoznam a#zoznamaktivna { background-color:#0d3331; color:#ffd75e; text-decoration:none; } .resetmobilnie { display:none; } .reset2 { display:block; clear:both; } #formular input.txt, #formular input.txt2 { float:none; width:100%; margin:0%; } #formular { width:460px!important; padding:1%; background-color:#CC3366; } #userinfo { float:none; width:100%; margin:0%; text-align:center; } #userinfo3bezmetalu { padding-top:25px; } #userinfo2, #userinfo2, #userinfofp, #userinfo3bezmetalu { float:none; width:100%; margin:0%; text-align:center; } #userinfo3 { float:none; width:100%; margin:0%; text-align:center; margin-top:17px; } #grafmobil { display:block; } #grafdesktop { display:none; } #vybermapyskodcov { margin-top:15px; } #vybermapyskodcov select { width:100%; padding-top:5px; padding-bottom:5px; } #prispievatelia .skodca { width:48%; } #mapovanielavy { float:none; width:100%; background-color:#cfe7c8; text-align:center; padding-top:2px; height:auto; } #mapovaniepravy { float:none; width:100%; } #mapovaniepravy2 { float:none; width:100%; text-align:center; padding-top:25px; } #mapovaniepravy3 { float:none; width:100%; } #mapovaniepravy4 { float:none; width:100%; margin:0; padding:0; text-align:center; padding-top:25px; padding-bottom:25px; background-color:#F3F3F3; } #mapovaniepravy2 a { float:left; width:96%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:2%; } .info { width:98%; padding:1%; } .ziadostskodcatext1, .ziadostskodcatextr { float:none; text-align:left; } /*new foto*/ #userimg { float:none; width:100%; } #userimg2 { float:none; width:100%; margin-left:0%; } /*new foto*/ #zoznam { width:100%; height:40px; margin-bottom:15px; margin-top:10px; } #zoznam a { width:100%; display:block; float:left; background-color:#3a6e6c; line-height:40px; color:#000000; font-weight:bold; font-size:15px; text-align:center; } #zoznam a:hover { background-color:#000000; color:#ffd75e; text-decoration:none; } .dropbtn { display:none; } .dropdown-content { text-align:center; } #zoznam .dropdown-content a { margin-top:10px; width:40%; display:inline-block; background-color:#860032; color:#fff; margin-left:5%; margin-right:5%; margin-bottom:25px; } #stran_left { float:none; width:100%; } #stran_right { float:none; width:100%; margin-top:10px; text-align:center; } #stran_right form { margin:0; padding:0; float:none; } #stra { width:100%; padding:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#cde2d1; } #socialne_siete { display:none; } .filter { margin-left:10px; clear:both; } .filter_sub { margin-left:10px; float:none; } #vyhladavanie { float:none; margin-top:10px; margin-right:0px; } #prvy { background-color: #396E6B; padding-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#FFFFFF; float:left; border:0; border-right:solid 1px #999999; height:35px; margin:0; padding:0; font-size:14px; width:85%; } #druhy { float:left; border:0; height:35px; margin:0; padding:0; font-size:14px; background-color:#333333; width:15%; color:#FFFFFF; text-align:center; font-weight:bold; } #menu { display:none; } .slicknav_menu { display:block; } body { margin:0; padding:0; text-align:center; background: #F1EFEF; font-family:Arial, Helvetica, sans-serif; font-size:100%; } #obal { width:100%; margin:auto auto; text-align:left; padding-top:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#FFFFFF; padding:10px; } #atlas_lavy { float:none; width:60%; margin-top:20px; margin-right:20%; margin-left:20%; } #atlas_lavy h2 { display:none; } #atlas_lavy form { background-color:#CCCCCC; padding-top:10px; padding-bottom:10px; } #atlas_pravy { float:none; width:100%; margin:0; } .skodca { width:48%; background-color:#E7F5E3; float:left; margin:1%; padding:1.3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #logo { float:left; display:inline; height:auto; width:100%; text-align:center; background-color:#0d3331; padding-bottom:15px; } .ikona2022 { margin-top:10px; height:45px; margin-left:5px; } #logoimg { margin-top:10px; } #menu h1 { padding:0; margin:0; font-size:1.063em; line-height:30px; } #skodca_img { float:none; width:100%; text-align:center; margin-bottom:20px; background-color:#e8f5e3; } #skodca_text { width:100%; float:none; text-align:justify; } #share { display:none; } #obsah { color:#333333; line-height:22px; font-size:0.875em; background-color:#F1F1F1; padding:10px; padding-bottom:35px; text-align:justify; margin-top:10px; border-bottom:solid 1px #999999; } h2 { color:#2d6662; font-size:1em; margin:0; padding:0; margin-top:10px; } .styri,.styri2 { float:left; width:48%; margin-left:1%; font-size:0.875em; text-align:center; margin-right:1%; color:#333333; } .styri img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styri2 img { width:100%; } .styri h3 { font-size:1em; color:#2d6662; } .styrix { float:left; width:23%; margin-left:1%; text-align:center; margin-right:1%; color:#333333; margin-top:25px; } .styrix img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styrix h3 { font-size:1em; color:#2d6662; } #footer { margin-top:10px; color:#9FCFC3; text-align:center; background-color:#165551; text-align:left; padding:10px; } #footer a { color:#FFFFFF; } #footer_a { display:none; } #footer_b { display:none; } #footer_c { width:100%; clear:both; margin-right:0%; float:none; } #footer_c { width:100%; float:none; text-align:center; } #footer_c ul { list-style:none; margin:0; padding:0; } #footer_c ul li a { padding-top:2px; padding-bottom:2px; display:block; } #footer_c ul { list-style:none; margin:0; padding:0; } #footer_c ul li a { padding-top:2px; padding-bottom:2px; display:block; } #footer_d { width:100%; float:none; border-left:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left:0%; text-align:center; } #legal { border-top:solid 1px #396e6b; padding-left:0px; padding-top:10px; text-align:center; margin-top:10px; } .produkt { background-color:#DBDBDB; margin-bottom:15px; } .produktimage { width:100%; text-align:center; } .produktimage img { width:40%; } .produkttext { width:100%; } #preklad { display:none; } .back-to-top { display:block; text-decoration:none; color:#ffffff; font-weight:bold; background-color:#165551; padding:0; font-size:0.813em; width:100%; height:40px; line-height:40px; margin:0; margin-bottom:5px; clear:both; margin-top:10px; } .back-to-top:hover { background-color:rgba(135, 135, 135, 0.50); color:#000000; } .forminput { border:solid #999999 1px; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } textarea { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form_error, #poznamkatext { border: solid 1px #FF0000; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:3px; } #odoslat { width:100%; background-color:#2d6662; padding:5px; color:#FFFFFF; border:0; } #odoslat:hover { background-color:#CCCCCC; color:#000000; } #strankovanie .mobil_nie, .active { display:none; } .previous-off { display:block; width:50%; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; text-align:left; color:#999999; } .previous-on { display:block; width:50%; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; text-align:left; } .next-off { text-align:right; display:block; width:50%; margin:0; color:#999999; float:right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .next{ text-align:right; display:block; width:50%; margin:0; float:right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #hlavnynadpis { color:#2d6662; font-size:1.2em; text-align:center; } #mapovacka { position:relative; float:right; padding:5px; top:0px; width:100%; margin-bottom:10px; width:100%; text-align:center; } #mapovacka a { width:100%; text-align:center; margin-bottom:15px; } #skodca_text { margin-left:0; } #tabulkavypis { width:100%; overflow:auto; } #tabulkavypis2 { width:700px; } .ziadostskodca { float:left; width:48%; margin:1%; } .ziadostskodca2 { float:left; width:48%; margin:1%; } .info { width:96%; padding:0%; margin:2%; overflow:auto; margin-top:5vh; margin-bottom:5vh; height:90vh; } .infoobrazky img { float:left; margin:1%; width:31.33%; } .infoobrazky { display:none; } .infolavy .hlavnyimg { margin:1%; margin-left:40%; margin-right:40%; width:20%; display:inline; } .infonomargin { margin-top:10px; } .infometa { float:none; display:inline-block; } .infolavy { float:none; width:100%; text-align:center; } .infopravypolozka { font-size:12px; margin-top:15px; } .infopravypolozka2 { font-size:12px; margin-top:15px; } .infopravy { float:none; width:98%; margin-left:1%; margin-right:1%; } #klucove2 { background-color:#E7F5E3; float:none; width:99%; display:block; margin-right:2%; border:solid 0px #165551; height:25px; line-height:25px; padding-left:1%; font-weight:bold } .input1 { float:none; width:100%; border:solid 1px #165551; height:27px; margin-bottom:10px; } .input2 { float:none; width:100%; border:solid 1px #165551; height:27px; } .input3 { float:none; width:100%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:0%; } .input4 { float:none; width:100%; height:27px; } .input5 { float:none; width:100%; height:27px; } #odoslatformular { float:none; border:0; width:100%; padding-top:5px; padding-bottom:5px; margin-right:0px; margin-top:10px; } #resetfilter { text-align:center; display:block; } .userfoto { width:48%; } } @media only screen and (max-width: 479px) { .resetdesktop5 { display:none; } #mapa2023_1obal, #mapa2023_2obal, #mapa2023_3obal { float:none; width:100%; margin:0; } .mapaskodca { width:98%; } #userfotobaner .userfoto { width:23%; } #userfilter2 { margin:0; padding:0; border:0; } #userfilter2 #searchuser { float:none; width:99%; margin-right:0; } #pismenka a { padding:20px; display:inline-block; } #userfilter a { display:block; float:none; width:98%; } .stats { display:block; } .statslavy { float:none; width:100%; } .statspravy { float:none; width:100%; margin-left:0; } .listovanielava { float:none; width:100%; text-align:center; margin-top:17px; } .listovaniestred { float:none; width:100%; margin-top:20px; margin-bottom:20px; text-align:center; } .prva, .posledna { display:none; } .listovaniestred a, .listovaniestred span { padding-left:6px; padding-right:6px; } .listovanieprava { float:none; width:100%; text-align:center; } #maplegendaprint { float:none; display:block; margin-right:0; margin-top:18px; } #maplegenda { float:none; margin:0; padding:0; margin-top:35px; } .userfoto p { height:auto; } #zoznam a:hover, #zoznam a#zoznamaktivna { background-color:#0d3331; color:#ffd75e; text-decoration:none; } #zoznam { width:100%; height:40px; margin-bottom:15px; margin-top:10px; } #zoznam a { width:100%; display:block; float:left; background-color:#3a6e6c; line-height:40px; color:#000000; font-weight:bold; font-size:15px; text-align:center; } #zoznam a:hover { background-color:#000000; color:#ffd75e; text-decoration:none; } .dropbtn { display:none; } .dropdown-content { text-align:center; } #zoznam .dropdown-content a { margin-top:10px; width:100%; background-color:#860032; color:#fff; margin-left:0%; margin-right:0%; margin-bottom:10px; } #formular { width:320px!important; padding:2%; } #userinfo { float:none; width:100%; margin:0%; text-align:center; } #userinfo3bezmetalu { padding-top:25px; float:none; width:100%; margin:0%; text-align:center; } #userinfofp { float:none; width:100%; margin:0%; text-align:center; } #userinfo2 { float:none; width:100%; margin:0%; text-align:center; } #userinfo3 { float:none; width:100%; margin:0%; text-align:center; margin-top:17px; } #grafmobil { display:block; } #grafdesktop { display:none; } #content { margin:0; width:100%; } .userfoto { width:98%; } #klucove2 { background-color:#E7F5E3; float:none; width:99%; display:block; margin-right:2%; border:solid 0px #165551; height:25px; line-height:25px; padding-left:1%; font-weight:bold } .input1 { float:none; width:100%; border:solid 1px #165551; height:27px; margin-bottom:10px; } .input2 { float:none; width:100%; border:solid 1px #165551; height:27px; } .input3 { float:none; width:100%; border:solid 1px #165551; height:27px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:0%; } .input4 { float:none; width:100%; height:27px; } .input5 { float:none; width:100%; height:27px; } #odoslatformular { float:none; border:0; width:100%; padding-top:5px; padding-bottom:5px; margin-right:0px; margin-top:10px; } #resetfilter { text-align:center; display:block; } #vybermapyskodcov { margin-top:15px; } #vybermapyskodcov select { width:100%; padding-top:5px; padding-bottom:5px; } #prispievatelia .skodca { width:98%; } #mapovanielavy { float:none; width:100%; background-color:#cfe7c8; text-align:center; padding-top:2px; height:auto; } #mapovaniepravy { float:none; width:100%; } #mapovaniepravy2 { float:none; width:100%; text-align:center; padding-top:25px; } #mapovaniepravy2 a { float:left; width:96%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:2%; } #mapovaniepravy3 { float:none; width:100%; } #mapovaniepravy4 { float:none; width:100%; margin:0; padding:0; text-align:center; padding-top:25px; padding-bottom:25px; background-color:#F3F3F3; } .info { width:96%; padding:0%; margin:2%; overflow:auto; margin-top:5vh; margin-bottom:5vh; height:90vh; } .infoobrazky img { float:left; margin:1%; width:31.33%; } .infoobrazky { display:none; } .infolavy .hlavnyimg { margin:1%; margin-left:40%; margin-right:40%; width:20%; display:inline; } .infonomargin { margin-top:10px; } .infometa { float:none; display:inline-block; } .infolavy { float:none; width:100%; text-align:center; } .infopravypolozka { font-size:12px; margin-top:15px; } .infopravypolozka2 { font-size:12px; margin-top:15px; } .infopravy { float:none; width:98%; margin-left:1%; margin-right:1%; } .ziadostskodcatext1, .ziadostskodcatextr { float:none; text-align:left; } #tabulkavypis { width:100%; overflow:auto; } #tabulkavypis2 { width:700px; } .ziadostskodca { float:none; width:98%; margin:1%; margin-bottom:20px; } .ziadostskodca2 { float:none; width:98%; margin:1%; margin-bottom:20px; } .lenmobil { display:block; } body { min-width:340px; } #atlas_lavy h2 { display:none; } #mapovacka { position:relative; float:right; padding:5px; top:0px; width:90%; margin-left:5%; margin-right:5%; background-color:#CCCCCC; margin-bottom:10px; text-align:center; } #skodca_text { margin-left:0; } /*new foto*/ #userimg { float:none; width:100%; } #userimg2 { float:none; width:100%; margin-left:0%; } /*new foto*/ #stran_left { float:none; width:100%; } #stran_right { float:none; width:100%; margin-top:10px; text-align:center; } #stran_right form { margin:0; padding:0; float:none; } #stra { width:100%; padding:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#cde2d1; } #socialne_siete { display:none; } .filter { margin-left:10px; clear:both; } .filter_sub { margin-left:10px; float:none; } #hlavnynadpis { color:#2d6662; font-size:1.0em; text-align:center; } #vyhladavanie { float:none; margin-top:10px; margin-right:0px; } #prvy { background-color: #396E6B; padding-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#FFFFFF; float:left; border:0; border-right:solid 1px #999999; height:35px; margin:0; padding:0; font-size:14px; width:85%; } #druhy { float:left; border:0; height:35px; margin:0; padding:0; font-size:14px; background-color:#333333; width:15%; color:#FFFFFF; text-align:center; font-weight:bold; } #menu { display:none; } .slicknav_menu { display:block; } body { margin:0; padding:0; text-align:center; background: #F1EFEF; font-family:Arial, Helvetica, sans-serif; font-size:100%; } #obal { width:100%; margin:auto auto; text-align:left; padding-top:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#FFFFFF; padding:10px; } #atlas_lavy { float:none; width:100%; margin-top:1%; padding-top:0.5%; padding-bottom:0.5%; } #atlas_lavy form { background-color:#CCCCCC; padding-top:10px; padding-bottom:10px; } #atlas_pravy { float:none; width:100%; margin:0 } .skodca { width:98%; background-color:#E7F5E3; float:left; margin:1%; padding:1.3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #skodca_img { float:none; width:100%; text-align:center; margin-bottom:20px; background-color:#e8f5e3; } #skodca_text { width:100%; float:none; text-align:justify; } #share { display:none; } #logo { float:left; display:inline; height:auto; width:100%; text-align:center; background-color:#0d3331; padding-bottom:15px; } .ikona2022 { margin-top:10px; height:45px; margin-left:5px; } #logoimg { margin-top:10px; } #menu h1 { padding:0; margin:0; font-size:0.938em; line-height:30px; } #obsah { color:#333333; line-height:22px; font-size:0.875em; background-color:#F1F1F1; padding:10px; padding-bottom:35px; text-align:justify; border-bottom:solid 1px #999999; } h2 { color:#2d6662; font-size:1em; margin:0; padding:0; margin-top:10px; } #preklad { display:none; } .styri,.styri2 { float:left; width:100%; margin-left:1%; font-size:0.875em; text-align:center; margin-right:1%; color:#333333; } .styri img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styri2 img { width:100%; } .styri h3 { font-size:1em; color:#2d6662; } .styrix { float:left; width:48%; margin-left:1%; text-align:center; margin-right:1%; color:#333333; margin-top:25px; } .styrix img { width:100%; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .styrix h3 { font-size:1em; color:#2d6662; } #footer { margin-top:10px; color:#9FCFC3; text-align:center; background-color:#165551; text-align:center; padding:10px; } #footer a { color:#FFFFFF; } #footer_a { display:none; } #footer_b { display:none; } #footer_c { width:100%; float:none; } #footer_c ul { list-style:none; margin:0; padding:0; } #footer_c ul li a { padding-top:2px; padding-bottom:2px; display:block; } #footer_d { width:100%; float:none; border0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0; } #legal { border-top:solid 1px #396e6b; padding-top:10px; padding-left:0px; margin-top:10px; } .produkt { background-color:#DBDBDB; margin-bottom:15px; } .produktimage { width:100%; text-align:center; } .produktimage img { width:40%; } .produkttext { width:100%; } #dolava1 { float:none; width:100%; } #doprava1 { float:none; width:100%; } #tretikrok .dkoncit { float:none; width:100%; } .back-to-top { display:block; text-decoration:none; color:#ffffff; font-weight:bold; background-color:#165551; padding:0; font-size:0.813em; width:100%; height:40px; line-height:40px; margin-bottom:5px; clear:both; margin-top:10px; } .back-to-top:hover { background-color:rgba(135, 135, 135, 0.50); color:#000000; } .forminput { border:solid #999999 1px; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } textarea { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form_error, #poznamkatext { border: solid 1px #FF0000; width:100%; padding:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #odoslat { width:100%; background-color:#2d6662; padding:5px; color:#FFFFFF; border:0; } #odoslat:hover { background-color:#CCCCCC; color:#000000; } #strankovanie .mobil_nie, .active { display:none; } .previous-off { display:block; width:50%; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; text-align:left; color:#999999; } .previous-on { display:block; width:50%; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; text-align:left; } .next-off { text-align:right; display:block; width:50%; margin:0; color:#999999; float:right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .next{ text-align:right; display:block; width:50%; margin:0; float:right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }