@media only screen and (min-width:1300px){
@font-face {
  font-family: "TinDog";
  src: url(https://dobrypsik.sk/css/TinDog.ttf) format("truetype");
}
body {
	margin: auto;
  font-family: sans-serif, Verdana, Arial, Helvetica ;
}
/*header {
	background-image: url(./img/pozadie.jpg);
	background-position: top;
	background-repeat: no-repeat;
  height: 558px;
  width: 100%;
} */
.logo {
  font-family: "TinDog",sans-serif, Verdana, Arial, Helvetica ;
  color:#FFFFFF;
  font-size:48px;
  margin-top:0px;
  width:253px;
}

.header{
width:100%;
height:180px;
z-index: 5;
}
.hroch{
  height: 8px;
  background-color:#FFFFFF;
  width:100%;
}
.chovka{
font-size:14px;
color:#FFFFFF;
letter-spacing:3px;
font-family: arial;
}
.atko{
  font-size:12px;
  color:#FFFFFF;
}
.menu {
  width:720px;
  margin-top:0px;
  position:fixed;
  margin-top:20px;
  z-index:6;
}

.menu ul {
  padding: 12px 12px 0 12px;
  text-align: right; 
}

.menu ul li {
  display: inline;
  background-color: rgba(40, 40, 40, 0.6);
  color:#FFFFFF;
  padding:15px 10px 15px 10px;
  margin-right:24px;
  font-size:18px;
  border-radius: 1px;
}
.menu ul li:hover {
  background-color:#4a6f38;
}
.menu_absolute{
background-color:#FFFFFF;
z-index:2;
}
.kontakt_absolute{
background-color: rgb(40, 40, 40);
z-index:3;
position:fixed;
top:0px;
color:#e3e3e3;
text-align:right;
width:100%;
padding: 12px;
font-size:18px;
}
.menu a{
color:#FFFFFF;
}

.menu a:hover{
color:#cccccc;
}

.poster{
width:100%;
background-image: url("./img/papi_poster.jpg"), -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 00%,rgba(255,255,255,0.2) 30%);
background-repeat: no-repeat;
background-position: center top ;
height: 580px;
border-bottom: solid 1px rgba(0, 0, 0, 0.6);
box-shadow:inset 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
margin-top: -180px;
background-blend-mode: multiply;
}
#druha { background-color:#f4f2f5;}
.odinke{
border-top: solid 1px #ffffff;
padding: 40px 0 40px 0;
}

/* bublinkovy text */
.bubble 
{
position: relative;
width: 620px;
height: 50px;
line-height:50px;
font-size:24px;
font-weight:bold;
padding: 0px;
background-color: rgba(255, 255, 255, 0.6);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.bubble:after 
{
content: "";
position: absolute;
top: -10px;
left: 586px;
border-style: solid;
border-width: 0 10px 10px;
border-color: rgba(255, 255, 255, 0.6) transparent;
display: block;
width: 0;
z-index: 1;
}



.nadpis{
font-size:28px;
font-weight: bold;
font-face: Verdana;
color:#444444;
text-shadow: 1px 1px #e5f0df;
background-color:#d3e3cb;
border-top-right-radius:4px;
border-top-left-radius:4px;
padding-left:40px;
}
.textbox{
width:475px;
border:1px solid #FFFFFF;
border-radius: 4px;
background-color:#FFFFFF;
padding:10px;
font-size:12px;
}
#tretia { background:#262626; }
.stence{
background-color:#f4f2f5;
background-image:url("./img/stence2.jpg");
background-repeat:no-repeat;
background-position: center top;
height:200px;

border-bottom:1px solid #ffffff;
}
.vrhnadpis {
margin-top:24px;
margin-bottom:20px;
padding: 10px;
font-size:24px;
color:#efefef;
background-color:#383838;
text-align: center;
}
.vrhpopis{
color:#efefef;
font-size:14px;
padding:10px;
}
.stenadpis {
padding-top:24px;
padding-bottom:20px;
font-size:24px;
color:#efefef;
}
.steniatka{
padding-bottom:20px;
}
.steimg{
padding:14px;
}
.steimg img{
width:200px;
height:200px;
border: 2px solid #FFFFFF;
}
.stepopis{
padding:14px;
font-size:14px;
color:#f3f3f3;
}
.fotkyvrh{
width:1000px;
font-size:44px;
border-top:4px dashed #383838;
border-bottom:4px dashed #383838;
padding:4px;
}
.vrhgal{
padding: 20px 10px 0 0;
width:1000px;
}
.vrhgal img{
border:2px solid #FFFFFF;
}
.min {
width:1000px;
font-size:11px;
line-height:11px;
color:#cccccc;
text-align:right;
}
#stvrta { background: #ecf0f1;border-top:1px solid #FFFFFF; padding-bottom:20px }

.gal{
width:1000px;
text-align:left;
}
.gal h1{
font-size:120px;
color:#444444;
text-shadow:2px 2px #ffffff;
}
.galnad {
width:1000px;
background:#809296;
border-bottom:3px solid #809296;
font-size:24px;
padding: 4px 0 0 18px;
color:#FFFFFF;
text-align:left;
}
.gallimg {
width:1000px;
background:#FFFFFF;
padding:32px;
border-bottom:3px solid #cccccc;
}
.gallimg img{
border:2px solid #809296;
margin:4px;
}
#piata { background: #efefef;}

.onasnadpis{
font-size:140px;
color:#444444;
text-shadow:2px 2px #ffffff;
}
.onas{
background-image:url("./img/onas.jpg");
background-repeat: no-repeat;
background-position:right top;
height:200px;
border-top:3px solid #444444;
border-bottom:3px solid #444444;
}
.onascontent{
padding:20px;
border-top:1px solid #FFFFFF; 
background: #efefef;
}

.english{
font-size:24px;
color:#f3f3f3;
}

.siesta { background: #282828; width:100%;text-align:center; height:800px;line-height:200px;font-size:90px;}

/**
 * @version		1.3
 * @package		SimpleTabs
 * @author    Fotis Evangelou - http://nuevvo.com/labs/simpletabs
 * @copyright	Copyright (c) 2009-2011 Fotis Evangelou / Nuevvo Webware Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
 
div.simpleTabs { padding:10px;width:1000px; }
ul.simpleTabsNavigation { padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { padding:8px 16px; background:#444444;color:#efefef; font-size:20px; text-decoration:none;}
ul.simpleTabsNavigation li a:hover { background-color:#4a6f38; }
ul.simpleTabsNavigation li a.current { background:#ffffff; color:#222;}
div.simpleTabsContent { padding:5px 15px 15px; margin-top:-5px; display:none; background-color:#FFFFFF; border-bottom:3px solid #cccccc;}
div.simpleTabsContent.currentTab { display:block; }


#back-to-top { position: fixed; right: 10px; bottom: 10px; color:#FFFFFF;background:#282828; }

.clear { clear: both; }

.vrhydiv {
width: 29%;
height: 40px;
border: 1px solid #ffffff;
float: left;
padding: 10px 20px 10px 20px;
margin: 20px 20px 0px 20px;
display: block;
text-align:center;
background-color: #cfcfcf;
}
.vrhydiv a{
color: #444444;
font-weight: bold;
}

.mobile {
display:none;}
}







@media only screen and (max-width:1299px){
@font-face {
  font-family: "TinDog";
  src: url(https://dobrypsik.sk/css/TinDog.ttf) format("truetype");
}
body {
	margin: auto;
  font-family: sans-serif, Verdana, Arial, Helvetica ;
  font-size:3em;

}
.desktop { display:none;}
/*header {
	background-image: url(./img/pozadie.jpg);
	background-position: top;
	background-repeat: no-repeat;
  height: 558px;
  width: 100%;
} */
.logo {
  font-family: "TinDog",sans-serif, Verdana, Arial, Helvetica ;
  color:#FFFFFF;
  font-size:2em;
  margin-top:0px;
  width:100%;
}

.header{
width:100%;
height:180px;
z-index: 5;
}
.hroch{
  height: 8px;
  background-color:#FFFFFF;
  width:100%;
}
.chovka{
font-size:1,5em;
color:#FFFFFF;
letter-spacing:3px;
font-family: arial;
}
.atko{
  font-size:1em;
  color:#FFFFFF;
}
.menu {
  width:100%;
  margin-top:0px;
  position:absolute;
  z-index:6;
  left:0;
}

.menu ul {
  padding: 12px 12px 0 12px;
  text-align: right; 
}

.menu ul li {
  display: inline;
  background-color: rgba(40, 40, 40, 0.6);
  color:#FFFFFF;
  padding:15px 10px 15px 10px;
  margin-right:24px;
  font-size:1,5em;
  border-radius: 1px;
}
.menu ul li:hover {
  background-color:#4a6f38;
}
.menu_absolute{
background-color:#FFFFFF;
z-index:5;
}
.kontakt_absolute{
background-color: rgb(40, 40, 40);
z-index:8;
position:fixed;
top:0px;
color:#e3e3e3;
text-align:right;
width:100%;
padding: 12px;
font-size:1em;
}
.menu a{
color:#FFFFFF;
}

.menu a:hover{
color:#cccccc;
}

.poster{
width:100%;
background-color:#cccccc;
background-image: url("./img/papi_poster.jpg");
background-repeat: no-repeat;
background-position: center top ;
height: 580px;
margin-top: -180px;
border-bottom: solid 1px rgba(0, 0, 0, 0.6);
box-shadow:inset 0px 4px 0px 0px rgba(0, 0, 0, 0.2);

}
#druha { background-color:#f4f2f5;}
.odinke{
border-top: solid 1px #ffffff;
padding: 40px 0 40px 0;
}

/* bublinkovy text */
.bubble 
{
position: relative;
width: 620px;
height: 50px;
line-height:50px;
font-size:1.5em;
font-weight:bold;
padding: 0px;
background-color: rgba(255, 255, 255, 0.6);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.bubble:after 
{
content: "";
position: absolute;
top: -10px;
left: 586px;
border-style: solid;
border-width: 0 10px 10px;
border-color: rgba(255, 255, 255, 0.6) transparent;
display: block;
width: 0;
z-index: 1;
}



.nadpis{
font-size:1em;
font-weight: bold;
font-face: Verdana;
color:#444444;
text-shadow: 1px 1px #e5f0df;
background-color:#d3e3cb;
border-top-right-radius:4px;
border-top-left-radius:4px;
padding-left:40px;
}
.textbox{
width:475px;
border:1px solid #FFFFFF;
border-radius: 4px;
background-color:#FFFFFF;
padding:10px;
font-size:1em;
}
#tretia { background:#262626; }
.stence{
background-color:#f4f2f5;
background-image:url("./img/stence2.jpg");
background-repeat:no-repeat;
background-position: center top;
height:200px;
border-bottom:1px solid #ffffff;
}
.vrhnadpis {
margin-top:24px;
margin-bottom:20px;
font-size:1,5em;
color:#efefef;
background-color:#383838;
}
.vrhpopis{
color:#efefef;
font-size:1em;
padding:10px;
}
.stenadpis {
padding-top:24px;
padding-bottom:20px;
font-size:1.5em;
color:#efefef;
}
.steniatka{
padding-bottom:20px;
}
.steimg{
padding:14px;
}
.steimg img{
width:200px;
height:200px;
border: 2px solid #FFFFFF;
}
.stepopis{
padding:14px;
font-size:1em;
color:#f3f3f3;
}
.fotkyvrh{
width:100%;
font-size:3em;
border-top:4px dashed #383838;
border-bottom:4px dashed #383838;
padding:4px;
}
.vrhgal{
padding: 20px 10px 0 0;
width:100%;
}
.vrhgal img{
border:2px solid #FFFFFF;
}
.min {
width:100%;
font-size:0.4em;
color:#cccccc;
text-align:right;
}
#stvrta { background: #ecf0f1;border-top:1px solid #FFFFFF; padding-bottom:20px }

.gal{
width:100%;
text-align:left;
}
.gal h1{
font-size:3em;
color:#444444;
text-shadow:2px 2px #ffffff;
}
.galnad {
width:100%;
background:#809296;
border-bottom:3px solid #809296;
font-size:1,5em;
padding: 4px 0 0 18px;
color:#FFFFFF;
text-align:left;
}
.gallimg {
width:100%;
background:#FFFFFF;
padding:32px;
border-bottom:3px solid #cccccc;
}
.gallimg img{
border:2px solid #809296;
margin:4px;
}
#piata { background: #efefef;}

.onasnadpis{
font-size:3em;
color:#444444;
text-shadow:2px 2px #ffffff;
}
.onas{
background-image:url("./img/onas.jpg");
background-repeat: no-repeat;
background-position:right top;
height:200px;
border-top:3px solid #444444;
border-bottom:3px solid #444444;
}
.onascontent{
padding:20px;
border-top:1px solid #FFFFFF; 
background: #efefef;
}

.english{
font-size:1em;
color:#f3f3f3;
}

.siesta { background: #282828; width:100%;text-align:center; height:800px;line-height:200px;font-size:90px;}

/**
 * @version		1.3
 * @package		SimpleTabs
 * @author    Fotis Evangelou - http://nuevvo.com/labs/simpletabs
 * @copyright	Copyright (c) 2009-2011 Fotis Evangelou / Nuevvo Webware Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
 
div.simpleTabs { padding:10px;width:100%; }
ul.simpleTabsNavigation { padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { padding:8px 16px; background:#444444;color:#efefef; font-size:1em; text-decoration:none;}
ul.simpleTabsNavigation li a:hover { background-color:#4a6f38; }
ul.simpleTabsNavigation li a.current { background:#ffffff; color:#222;}
div.simpleTabsContent { padding:5px 15px 15px; margin-top:-5px; display:none; font-size:1em; background-color:#FFFFFF; border-bottom:3px solid #cccccc;}
div.simpleTabsContent.currentTab { display:block; }


#back-to-top { position: fixed; right: 10px; bottom: 10px; color:#FFFFFF;background:#282828; }

.clear { clear: both; }
.vrhydiv {
width: 100%;
border: 1px solid #cccccc;
padding: 10px 20px 10px 20px;
margin: 10px 20px 10px 20px;
display: block;
text-align:center;
font-size:1em;
}

}