@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: ADomIno;
  src: url(/fonts/adomino.ttf);
}

@font-face {
  font-family: JakobC;
  src: url(/fonts/JakobC.otf);
}


TD.menu {
	padding: 0px 10px;
	cursor: pointer;
	color: #ffe4af;
	font-size: 27px;
	text-transform: uppercase;
	font-family: ADomIno, Verdana, Arial, Helvetica;
}

TD.menu a {
 
  color: #ffe4af;
  text-decoration: none;
  font-size: 27px;
  font-family: ADomIno, Verdana, Arial, Helvetica;
  
}

TD.menu a:hover {
 
  color: #ffcb05;
  text-decoration: none;
  
}


html { height: 100%; }
body {COLOR: #000000; height: 100%; min-height: 100%; font-family: OpenSans, Verdana, Arial, Helvetica; font-size: 14px; margin: 0px; padding: 0px; background-color: #f3f0e2; background-image: url(/images/background.png); background-size: 100%; background-repeat: repeat-y;  background-position: 0px 500px;}

a {COLOR: #8b5e3c; font-weight: normal; text-decoration: underline; }
a:hover {COLOR: #808080; font-weight: normal; text-decoration: none; }

a.u {text-decoration: none; }

a.sub {COLOR: #ff0000; font-size: 13px; font-weight: normal; text-decoration: none; }
a.sub:hover {COLOR: #ff0000; font-size: 13px; font-weight: normal; text-decoration: none; }

a.o {COLOR: #8b5e3c; font-size: 14px; font-weight: normal; text-decoration: none; }
a.o:hover { text-decoration: underline; }

a.b {COLOR: #8f8bb1; font-size: 14px; font-weight: normal; text-decoration: none; }
a.b:hover { text-decoration: underline; }

a.h1 {font-size: 15px; text-decoration: none; color: #5d5d5d; font-size: 18px; text-transform: uppercase; }

span.blue {COLOR: #8f8bb1; }
span.orange {COLOR: #8b5e3c; }
span.big {font-family: JakobC, Verdana, Arial, Helvetica; font-size: 25px; color: #b37924; text-align: center; line-height: 1;}	


#page {min-height: 100%; position: relative; }
#header { padding: 0px; margin: 0px; position: relative; width: 100%; max-height: 100%; overflow: hidden; }
#header2 { padding: 0px; margin: 0px; position: relative; width: 100%; overflow: hidden;}

#headerfront {position: absolute; width: 100%; height: 260px; top: 0px; left: 0px; overflow: hidden; }
#headerfrontcontainer {position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 5; }

#logo {position: absolute; width: 1079px;  height: 150px; left: 50%; margin-left: -620px; top: 20px; z-index: 10;}
#contacts {position: absolute; left: 280px; top: 10px; z-index: 11; text-transform: uppercase; color: #8b5e3c; font-size: 11px; letter-spacing: 2px; }

#secondmenu {position: absolute; width: 100%; height: 20px; left: 0px; top: 170px; text-align: center; z-index: 11; color: #8b5e3c; font-size: 15px; text-transform: uppercase; }
#secondmenu a {color: #8b5e3c; font-size: 15px; text-decoration: none;}
#secondmenu a:hover {color: #f15a29; text-decoration: underline;}

#bannermain {position: relative; margin: 200px 0px 0px 0px; width: 100%; }
div.listbannermain {position: absolute; bottom: 0px; width: 100%; background-position: 0% 0%;  background-repeat: no-repeat; z-index: 1; overflow: hidden; }
div.linkbanner {position: absolute; z-index: 1; width: 800px; height: 200px; left: 0px; bottom: 0px;}
div.listbanner {position: absolute;  width: 100%; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 1s; }
div.listbannera {position: absolute;  width: 100%; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 1s; }

#headcontacts {

position: absolute;
width: 190px;
height: 100px;
top: 7px;
right: 0px;
z-index: 15;

}

#headbuttons {
float: left;
height: 25px;
margin: 0px 0px 10px 0px;

}

#menu {position: absolute; top: 210px; width: 100%; height: 120px; z-index: 2; }
#menuback {position: absolute; width: 100%; height: 120px; background: #5a2111; opacity: 0.5; z-index: 2;}
#menucontainer {position: absolute; width: 100%; height: 120px; z-index: 4;}

#visitpanel {position: absolute; top: 40px; right: 10px; width: 200px; height: 209px; z-index: 13; }

#h1back {position: relative; height: 1px; width: 100%; margin: 0px;}
#h1block {position: relative; height: 220px; width: 100%; overflow: hidden; border-bottom: 2px dashed #d0ad67; margin: -75px 0px 0px 0px;}

#mappanel {position: absolute; bottom: -50px; right: -50px; width: 250px; height: 250px; z-index: 3; -webkit-animation: pulse 0.5s ease 0s infinite normal; -moz-animation: pulse 0.5s ease 0s infinite normal; animation: pulse 0.5s ease 0s infinite normal; }

@-webkit-keyframes pulse { 
	0% { bottom: -50px; right: -50px; }
	50% { bottom: -52px; right: -52px; }
	100% { bottom: -50px; right: -50px; } 
}

@-moz-keyframes pulse {  
	0% { bottom: -50px; right: -50px; }
	50% { bottom: -52px; right: -52px; }
	100% { bottom: -50px; right: -50px; } 
}


@keyframes pulse {  
	0% { bottom: -50px; right: -50px; }
	50% { bottom: -52px; right: -52px; }
	100% { bottom: -50px; right: -50px; } 
}


#mainnews {width: 100%; background-position: 200px 20px; background-repeat: no-repeat; background-image: url(/images/birds.png); padding: 180px 0px 0px 0px; background-color: #f3f0e2;}
#mainnews h2.newsmain {font-family: JakobC, Verdana, Arial, Helvetica; margin: 0px 0px 0px 0px; font-size: 35px; color: #5a2112; text-align: center; border-bottom: 2px dashed #d0ad67; line-height: 1; }
#mainnews h2.newsmain a {font-family: JakobC, Verdana, Arial, Helvetica; font-size: 35px; text-decoration: none; color: #5a2112; }
#mainnews h2.newsmain a:hover {text-decoration: none; color: #5a2112; }

#mainnewscontainer {width: 1000px; margin: 0px auto; padding: 20px 0px;}
div.newscolumn {float: left; margin: 0px 20px 0px 0px; }

div.news1 {position: relative; float: left; margin: 10px 0px; width: 500px; height: 207px; }
div.news1 div.newstext {position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; overflow: hidden; padding: 10px; box-sizing: border-box; background: #f58220; color: white;}
div.news1 h3 {font-family: JakobC, Verdana, Arial, Helvetica; font-size: 18px; color: white; line-height: 1; }
div.news1 h3 a {text-decoration: none; color: white;}
div.news1 p { color: white; font-size: 11px; line-height: 1; }
div.news1 p a {text-decoration: none; color: white;}
div.news1 p.date { color: white; font-size: 10px; line-height: 1; text-align: right; margin: 0; line-height: 1; }


div.news2 {position: relative; float: left; margin: 10px 0px; width: 500px; height: 207px; }
div.news2 div.newstext {position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; overflow: hidden; padding: 10px; box-sizing: border-box; background: white;}
div.news2 h3 {font-family: JakobC, Verdana, Arial, Helvetica; font-size: 18px; color: #f58220; line-height: 1; }
div.news2 h3 a {text-decoration: none; color: #f58220; }
div.news2 p { color: black; font-size: 11px; line-height: 1; }
div.news2 p a {text-decoration: none; color: #f58220; }
div.news2 p.date { color: #f58220; font-size: 10px; line-height: 1; text-align: right; margin: 0; line-height: 1}

div.newsimage {position: absolute; top: 0px; right: 0px; width: 300px; height: 200px; box-sizing: border-box; }
div.newsbottom {position: absolute; bottom: 0px; left: 0px; width: 500px; height: 11px; }

div.color {margin: 5px 0px; width: 1000px; box-sizing: border-box; padding: 10px; background: white; }

div.frame_o {border-image: url(/images/frame-o.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px;}
div.frame_o_link {width: 300px; background: white; text-align: center; text-transform: uppercase; font-family: ADomIno, Verdana, Arial, Helvetica; font-size: 25px; color: #c38b3d; padding: 10px 0px 5px 0px; line-height: 1; }
div.frame_o_link a {text-decoration: none; text-transform: none; font-size: 25px; color: #c38b3d; font-family: ADomIno, Verdana, Arial, Helvetica; }


div.frame_b {border-image: url(/images/frame-b.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px; }
div.frame_b_link {width: 170px; background: #8f8bb1; text-align: center; text-transform: uppercase; font-family: ADomIno, Verdana, Arial, Helvetica; font-size: 20px; color: white; padding: 10px 0px 5px 0px; line-height: 1; }
div.frame_b_link a {text-decoration: none; text-transform: none; font-size: 12px; color: white; font-family: OpenSans, Verdana, Arial, Helvetica;  }

div.icon {position: absolute; z-index: 10; width: 30px; height: 30px; bottom: 0px; right: 0px; opacity: 0.5; }

div.contentcontainer {width: 100%; margin: 0px; padding: 0px; background-image: url(/images/background2.png); background-repeat: repeat-x;  background-position: 0% 100%; background-color: none; }
div.content {width: 1000px; margin: 0px auto; padding: 0px 0px; text-align: justify; }

#more {width: 100%;  background-position: 200px 0px; background-repeat: no-repeat; background-image: url(/images/giraffe.png); padding: 175px 0px 0px 0px; background-color: #f3f0e2;}
#more h2.more {font-family: JakobC, Verdana, Arial, Helvetica; margin: 0px 0px 0px 0px; font-size: 35px; color: #b37924; text-align: center; border-bottom: 2px dashed #d0ad67; line-height: 1; }

#morecontainer {width: 100%; margin: 0px auto; padding: 20px 0px; background: #e0d6b6; background-position: 200px -223px, 30px 100%, 100% 100%; background-repeat: no-repeat, no-repeat, no-repeat; background-image: url(/images/giraffe2.png), url(/images/suriņate.png), url(/images/tiger.png);}
#morecontainerinner {width: 1000px; margin: 0px auto; padding: 20px 0px;}


#news {width: 1000px; margin: 0px auto; padding: 20px 0px;}


div.frame_animals {position: relative; border-image: url(/images/frame-o.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px; transition: 0.5s; float: left; margin: 10px; width: 300px; height: 400px; overflow: hidden; box-sizing: border-box;}
div.frame_animals_header {position: relative; width: 300px; height: 50px; background: white; text-align: center; text-transform: uppercase; font-size: 16px; color: #c38b3d; padding: 15px 0px 0px 0px; line-height: 1; overflow: hidden; box-sizing: border-box; }
div.frame_animals_footer {position: absolute; width: 300px; height: 50px; background: white; text-align: center; text-transform: uppercase; font-size: 14px; color: #c38b3d; padding: 15px 0px 0px 0px; line-height: 1; background-position: 5px 5px; background-repeat: no-repeat; background-image: url(/images/hand_gray.png); bottom: 0px; left: 0px; z-index: 20; box-sizing: border-box;}
div.frame_animals_footer2 {position: absolute; width: 300px; height: 50px; background: white; text-align: center; text-transform: uppercase; font-size: 14px; color: #c38b3d; padding: 15px 0px 0px 0px; line-height: 1; background-position: 5px 5px; background-repeat: no-repeat; background-image: url(/images/hand_green.png); bottom: 0px; left: 0px; z-index: 20; box-sizing: border-box;}
div.frame_animals_header a {text-decoration: none; font-size: 16px; color: #c38b3d;  }

div.frame_animals_footer a {text-decoration: none; font-size: 14px; color: black;  }
div.frame_animals_footer2 a {text-decoration: none; font-size: 14px; color: #008000; }

div.frame_animals_infopanel {width: 300px; height: 350px; background: #8f8bb1; text-align: justify; font-size: 12px; color: white; padding: 5px; line-height: 1.5; position: absolute; left: 0px; top: 400px; transition: 0.5s; opacity: 0.9; z-index: 10; box-sizing: border-box; padding: 10px;}

div.frame_animals:hover {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} 
div.frame_animals:hover div.frame_animals_infopanel {top: 50px;}

#map {
position: relative;
margin: 20px auto;
background-image: url(/images/map.jpg);
background-position: 50% 50%;
background-size: cover;
}

.mapmark {

position: absolute;

}  


 
.mapmark .mark {

position: absolute;
width: 200px;
z-index: 100;
background-color: white;
color: black;
font-size: 11px;
font-weight: normal;
line-height: 1;
text-align: justify;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
transition: 0.5s;
top: 0px;
visibility: hidden; 
display: none;
padding: 10px;
border-radius: 3px;
border: 1px solid  #f7941b;

}


.mapmark:hover .mark {
  
visibility: visible; 
display: block;

}  


.mapmark .mark h3 {

font-size: 12px;
font-weight: bold;
color: #f7941b;
margin: 5px 0px;

}

div.facts {position: relative; float: right; margin: 20px 0px 20px 20px; width: 300px; height: auto; overflow: hidden; border-radius: 10px; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: 0.5s;}
div.facts h2 {font-family: JakobC, Verdana, Arial, Helvetica; font-size: 25px; color: white; line-height: 1; border: none; text-align: center; background: #f58220; padding: 15px 0px 0px 0px; }
div.facts p { color: black; font-size: 13px; text-align: left; font-weight: normal; line-height: 1; border-bottom: 1px dashed #f7941b; padding: 10px;}
div.facts p span.mark { color: #5a2112; font-weight: bold; }
div.facts:hover {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} 


#footer {width: 100%; position: relative; }
#footercontainer { width: 1000px; position: absolute; bottom: 10px; left: 50%; margin-left: -500px; color: black; font-size: 11px; z-index: 1; text-transform: uppercase; }
#footercontainer td {border-left: 1px solid #8b5e3c; padding: 0px 20px; }
#footercontainer div.text {padding: 2px; margin: 0px 0px 2px 0px; border: 1px solid #726658; max-width: 180px;}
#footercontainer a {color: #726658; text-decoration: none;}
#footercontainer h4 {color: #5a2111; font-size: 14px; font-weight: normal; margin: 0px 0px 5px 0px; text-align: left; background: #d5c18e; padding: 2px; }
#footercontainer h4 a {color: #5a2111; font-size: 14px; text-decoration: none;}





p {COLOR: #000000; text-align: left;  font-size: 14px; margin: 15px 5px 15px 5px; line-height: 1.5;}

p.small {COLOR: #000000; text-align: justify;  font-size: 11px; margin: 10px 0px; line-height: 1;}

p.galery {text-align: center; font-weight: bold;   font-size: 10px; margin: 2px 2px 2px 2px; }

p.j {COLOR: #000000; text-align: justify;  font-size: 14px; margin: 10px 5px 10px 5px; line-height: 1.5;}
p.l {COLOR: #5a2111; text-align: left;  font-size: 14px; font-weight: bold; margin: 10px 5px 10px 5px; line-height: 1.5; }
p.c {COLOR: #8b5e3c; text-align: center; font-size: 16px; font-weight: bold; margin: 15px 5px 15px 5px; line-height: 1.5; }
p.r {COLOR: #f58220; text-align: right;  font-size: 15px; font-style: italic; margin: 10px 5px 10px 5px; line-height: 1.5;}

p.info {COLOR: #808080; text-align: left; font-size: 15px; font-weight: normal; margin: 10px 5px 10px 5px; }

a.menu2 {COLOR: #f7941b; font-size: 18px; text-decoration: none; font-family: JakobC, Verdana, Arial, Helvetica; }
a.menu2:hover {COLOR: #5a2112; font-size: 18px; text-decoration: none; }
a.menuarr {COLOR: #e4c284; font-size: 16px; text-decoration: none; }
a.menuarr:hover {COLOR: #e4c284; font-size: 16px; text-decoration: none; }



a.nav { font-size: 12px; text-decoration: none; }
a.nav:hover { font-size: 12px; text-decoration: underline; }




ul {margin: 10px 0px 0px 25px; padding: 0px 0px 0px 2px}
li { COLOR: #806080; text-align: left;  font-weight: normal; font-size: 12px; margin: 0px 0px 0px 15px; }

ul.blocklinks {margin: 20px 0px; }
ul.blocklinks li {margin: 5px 0px; width: 400px; padding: 5px; text-transform: uppercase; color: white; font-size: 14px }
ul.blocklinks li a {color: white; text-decoration: none; }
ul.blocklinks li a:hover {color: white; text-decoration: none; }
ul.blocklinks li div.r {float: right; }

div.pages {COLOR: white; font-size: 14px; margin: 20px 0px; text-align: center; }
span.pages_a {margin: 0px 5px; padding: 3px 10px; background: #b37924; border: 1px solid white; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
span.pages {margin: 0px 5px; padding: 3px 10px; background: #fbb040; border: 1px solid white; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
span.pages a {color: white; text-decoration: none; }

a.pages { COLOR: #ff0000; font-size: 10px; text-decoration: underline; font-weight: normal; }
a.pages:hover { COLOR: #808080; font-size: 10px; text-decoration: none; font-weight: normal; }


img.section { border-style: none; border-width: 0px; border-color: #ffffff; }

img.gal { border-style: solid; border-width: 5px; border-color: #d1d3d4; }

img.news { margin: 0px 10px 10px 0px; border-image: url(/images/frame-b.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px; }

img.roundedimage { border-image: url(/images/frame-o.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px; }

img.roundedimage1 { border-image: url(/images/frame-b.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px; }
img.roundedimage2 { border-image: url(/images/frame-o.png) 5 3 5 5 stretch; border-style: solid; border-width: 5px 3px 5px 5px; }


HR {
   color:            none;
   background-color: none;
   height:           0px;
   border-top: none;
   border-bottom: 3px dashed #f7941b;
   margin:           20px 0px;
   width:            100%;
}



h1 {
	COLOR: white;
	font-size: 23px; 
   	margin: 130px 0px 5px 0px;
	font-family: JakobC, Verdana, Arial, Helvetica;
	font-size: 45px;
	background: #f58220;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px 0px 0px;


    }


   
    
h2 {	font-family: JakobC, Verdana, Arial, Helvetica; margin: 0px 0px 0px 0px; font-size: 35px; color: #f7941b; text-align: center; border-bottom: 2px dashed #f7941b; line-height: 1; }


h3 {
	color: #b37924;
	font-size: 16px; 
	font-weight: normal;
   	margin: 10px 5px 10px 5px;
	text-align: left;
	}

h4 {
	color: #b37924;
	font-size: 13px; 
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
   	margin: 5px 0px 20px 0px;
    }

    
div.paylogos {
    
position: relative;
margin: 10px auto;
text-align: center;
    
}    

div.paylogos img {
    
margin: 0px 10px;    
    
}    

#donatebutton {

position: absolute;
width: 120px;
height: 120px;
top: 130px;
left: 20px;
z-index: 12;

}

#fund {

display: block;
position: absolute;
box-sizing: border-box;
width: 1000px;
left: 50%;
top: 100px;
margin-left: -500px;
padding: 20px;
border: 4px solid #5b1e0c;
border-radius: 10px;
background: white;
background: rgba(255,255,255,0.9);
backdrop-filter: blur(5px);
z-index: 200;

}

#fund a.close {

display: block;
position: absolute;
top: -10px;
right: -10px;
z-index: 1;
text-align: center;
box-sizing: border-box;
background: red;
font-size: 20px;
font-weight: bold;
color: white;
text-decoration: none;
border-radius: 50%;
padding: 15px 8px;
line-height: 0;

}
    
#fund p {

color: #400000;
font-size: 14px;

}
 
#fund a {

color: #ff0000;

} 
 
#fund p.l {

color: #ff0000;
font-size: 15px;

}
    
#fund p.c {

color: #ff8000;
font-size: 15px;

}

    
    
    
    
    
    
    
    

INPUT {
   color:            #000000;
   background-color: #FFFFFF;
   width:            400px;
   height:           30px;
   font-size:        13px;
   font-weight:      normal;
   border:      1px solid #ff0000;
   border-radius: 5px;
   padding: 3px;
   box-sizing: border-box;
   margin: 5px;
}

INPUT.donate {
   width:   150px;
   font-size: 16px;
   text-align: center;
   margin: 10px;
}


INPUT[type="radio"] {
   color:            #000000;
   background-color: #FFFFFF;
   width:            12px;
   height:           12px;
   border:      none;
   margin: 5px;
}


SELECT {
   color:            black;
   background-color: #e5d6e9;
   width:            120px;
   height:           30px;
   font-size:        13px;
   font-weight:      normal;
   border:           1px solid white;
   padding: 3px;
   box-sizing: border-box;
 }


input.image {margin: 0; padding: 0; width: 33px; height: 18px; position: absolute; top: 2px; right: 2px; border: none; }

INPUT.search {
   color:            #8b5e3c;
   background-color: #FFFFFF;
   width:            120px;
   height:           20px;
   font-size:        12px;
   font-weight:      normal;
   border: none;
   padding: 0px;
   margin: 0; 
   box-sizing: border-box;
   position: absolute; 
   top: 2px; 
   left: 2px;
   text-transform: uppercase;
   }

   INPUT.search:focus {
    border: none; 
    outline: none;
   }

    
   
INPUT.button {
   color:            black;
   background: #e5d6e9;
   background: linear-gradient(to top, #a080a0, #e5d6e9);
   width:            120px;
   height:           30px;
   font-size:        13px;
   font-weight:      normal;
   border:           1px solid white;
   padding: 3px;
   box-sizing: border-box;
   border-radius: 5px;
   cursor: pointer;
}

INPUT.button:hover {
   background: #e5d6e9;
}


    

TEXTAREA {
   color:            #000000;
   background-color: #FFFFFF;
   width:            400px;
   height:           100px;
   font-size:        11px;
   font-weight:      normal;
   border:      1px solid #ff0000;
   border-radius: 5px;
   padding: 3px;
   box-sizing: border-box;
   margin: 5px;
}
    
   
.mobilemenu{
 list-style:none;
 margin:0;
 padding:10px;
}
 
.mobilemenu li a{
 display:block;
 padding:5px;
color: #ffffff;
 background-color: #5d5d5d;
 text-transform: uppercase;
 text-decoration: none;
}

ul.mobilemenu {
 margin:0px;
 padding:0px;
}


.mobilemenu li{
 margin:1px;
 float:left;
}


div.floatgal {

max-width: 40%;  
float: left;
margin: 10px;
text-align: center;
  
}

#mobilepanel {

background-color: #5d5d5d;
width: 100%;
overflow: visible;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 0px;
transition: 0.5s;

}

#mobilepanel a{
 color: #ffffff;
 margin: 5px;
}

#closemobilepanel { float: right; margin: 0px 10px 0px 0px; }

#closemobilepanel a {
 text-decoration: none;
}

.shop-item {width: 100%; margin: 50px 0px 50px 0px; clear: both; text-align: center; }
.shop-item p.catalog {text-align: justify; margin: 5px; }

@media screen and (max-width: 40.5em) {
  
  body {COLOR: #000000; font-family: OpenSans, Verdana, Arial, Helvetica; font-size: 13px; margin: 5px; padding:0px; background-color: #ffffff; background-image: none; }
  
  input, TEXTAREA {margin: 2px;}
  
  a.h1 {font-size: 12px; }
      
  img.gal1 {
    max-width: 100%;
  }
  
  img.smallimage {
    max-width: 50%;
  }
  
  
  img.bigimage {
    max-width: 100%;
  }
  
  img {
    max-width: 100%;
  }
  
  
}