table { margin-left: -10%; font-size: 85%;}
@media all and (orientation:portrait) {
#bodyPan h2:after { /*content:"- mobile portrait 480"*/}
.toptextpadding .info-contact { width:100%; margin-bottom:3%;}
#bodyPan{ position:absolute; width:95% !important; height:74%;  left: 2.5%; top: 7%;  overflow-x:hidden; overflow-y:auto; z-index:21; }
.naslov { background: rgba(0, 0, 0,1); width:100%; margin-left:0; padding:0 5% 0 5%;  font-size:110%; line-height:31px;  }
#izvan { top:0 !important; /*z-index:25 !important;*/ width:100%; min-width:100%; height:100% !important;}

.dobologo2 { width:50%; max-width:200px; min-width:110px; right:25%; bottom:0; z-index:22;} 

.social {  bottom:auto; top:0; right:auto; left:0; z-index:26;}

.logo { display:none; position:absolute; width:100%; margin: 0; bottom:0; background: rgba(0, 0, 0, 0.8); z-index: 2;} 
.nav{
  width:100%; top:31px !important;
  list-style:none; 
  margin: 0 0 0 0;
  padding-bottom: 65%;
  text-align:left; display:none; 
  background: #C8A2CC;
}
.nav li{
    line-height:100%; width:100%;  background: rgba(0,0,0,0.7); padding:3%; 
}
.nav a{
  
  padding:0% 4% 0% 0.8%;  font-size: 120% !important; font-weight:bold; width:100%; 
}

.toptextpadding .profil { max-width:92%; float:none;}
.contact-right {margin: 0 2% 7% 0;}
}

@media all and (orientation:landscape) {

#bodyPan h2:after {/*content:"- mobile landscape 480"*/}
.toptextpadding .info-contact { width:32%; margin-bottom:3%;}
.toptextpadding iframe {width:60%;}
.toptextpadding { width:86%; margin-top:0;  }
.toptextpadding .profil { max-width:40%; float:right;}
#bodyPan { 
	height: 74%;
	top: 31px;
	left: 0;
	width: 98%;
	margin: 1% 0 0 1%;
}
.naslov { 
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	margin-left: 0;
	padding: 0;
	font-size: 110%;
	height: 31px;
	line-height: 31px;
	padding-left: 3%;
  }

#izvan { 
	top: 0 !important;
	height: 99% !important;
	width: 100% !important;
	min-width: 70%;
	min-height: 100%;
    max-height: 100%;
 }
.social { position:absolute; bottom:0; right:0;}


.logo { display:none !important; position:absolute; width: 96%; margin: 4% 0 0 2%;/*background: rgba(0, 0, 0, 0.7);*/ z-index: 2;} 

.nav{
  width:100%; top:31px !important;
  list-style:none; 
  margin: 0 0 0 0;
  padding:0;
  text-align:left; display:none; background: #C8A2CC;
}
.nav li{
   line-height:100%; width:100%; background: rgba(0,0,0,0.7); padding:1.5%; 
}
.nav a{
  
  padding:0% 4% 0% 0.8%;   font-size: 100% !important; font-weight:bold; width:100%; 
}
.simbol {vertical-align:bottom; height:20px;}


}
video { width:100%; height:100%;}

.crta { display:none;}

#contact-form { padding: 0 0 0 5%; width: 90% !important;}
.contact-right {margin: 0 2% 7% 0;}
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*body{   height:100%; padding:0px; margin:0px;  padding:0px; margin:0px; font-family: 'Quattrocento Sans',  sans-serif; line-height:130%; }
div, p, ul, h2, img{padding:0px; margin:0px; }
ul{list-style-type:none;}
a img {
 border: none;
}*/

.dugmad { top:0 !important;  height:26px !important; left: 0; width: 100%; background: rgba(0,0,0,0);}
.dugmad a{ color:#fff; margin-left:3px;}
.dugmad a:hover{ color:#fff;}
.dugmad a:visited{ color:#fff;}


.windowdugme { background: rgba(137, 79, 144,1);  width:30%; text-align:center; line-height:30px; height:30px; left: 70%; top:2%;}

/*#izvan { width:100%; min-width:100%; }*/
#bodyPan h2:after { /*content:"- mobile 480"*/}
.voorwaarden .toptextpadding {margin-top:5px;}

#bodyPan { background: rgba(0, 0, 0, 0.8);}
#bodyPanPodloga{ display:none}

.toptextpadding { text-align:left; color:#fff; font-weight:normal; width:86%; margin-top:0; }
#bodyPan h2 {  font-family: 'Lato', sans-serif; font-weight:normal; padding:1% 5% 1% 5%; width:84%; background: rgba(0,0,0,0.8);/*margin:2% 0 2% 0;*/ font-size:100%; }
.toptextpadding a { color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding a:hover {color:#ffcc00; font-weight:normal;text-decoration:underline;}
.toptextpadding a:visited{color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding li { margin-left:-8%; }
.toptextpadding .foto-block img { float:none; margin: 2% -30%; }
.toptextpadding .home-block .left-block { border-right:none; padding:0; }
.toptextpadding .home-block .right-block { width:100% }
.toptextpadding .home-block { border:none; }
#bodyPan .tekstList { list-style-position: outside; list-style-image:url('simbolplavi.png'); color:#000; font-weight:normal; margin: 0 0% 0% 10%; padding:0px 0px 0px 0px;}

#videoItem  p { font-size:100%;}
#videoItem .toptextpadding { width: 90%; padding:2%; margin-top:1%;} 
#videoItem i { display:none; }
#videoItem li { overflow-y:hidden; margin-top:1%;}

/*#videoItem  { position:relative; list-style-type:none; margin:0; padding:0; z-index:12;}
#videoItem li { position:relative; width:100%;  background: #fff; border:#ccc solid 1px; top:3% !important; margin-bottom:0; cursor:pointer; }
#videoItem li:hover { background: #05ABC4;}
#videoItem  p { position:absolute; width: 55%; font-family: 'Helvetica', sans-serif; font-weight:normal; font-size:90%; /*line-height:100%; vertical-align:middle;*/ left:42%; top:3%;}
#videoItem li img { position:relative; width:34%; padding: 1%; vertical-align:middle;}
#videoItem i { color:#888; font-size:80%;}
*/
#footermainPan{ position:absolute;  width:100%;  height:70px; top:100%; margin:0px 0px 0px 0px; display:none; }
#footerPan{width:100%; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;  padding:15px 0 0;}
.news { display:none;}