html {
height:100%;
width:100%;
font-size:100%
}
body{
border: 0;
padding:0;
margin:0;
}
p{
border: 0;
padding:0;
margin:0;
}
.viss_raamis{
position:absolute;
width:100%;
height:100%;
float:left;
/*font-family:'Segoe Print';*/
font-family: 'Kalam', cursive;
/*background-image:url('vasara.png');*/
background-image:url('pavasaris.png');
/*background-image:url('lapas3.png');*/
/*background-image:url('koki_ziema1.png');*/
background-repeat:no-repeat;
background-size: 100% 100%;
background-color:transparent;
border: 0;
padding:0;
margin:0;
}
.augsa_1 {
width:100%;
height:100%;
color:black;
border:0; 
padding:0;
margin:0;
}
.viss_tx { 
width:95%;
height:auto;
float:left;
background: rgb(209, 199, 198); /* Fallback for older browsers without RGBA-support */
background: rgba(209, 199, 198, 0.5);
/*background: rgb(251, 209, 125); /* Fallback for older browsers without RGBA-support */
/*background: rgba(251, 209, 125, 0.5);*/
font-weight:normal;
color:black;
text-indent:25px;
border:0;
}
@media screen and (max-width: 180px)
{
.viss_tx{font-size:0.45em;text-indent:8px; border-radius: 8px; padding:1px; margin: 1px;}
}
@media screen and (min-width: 181px) and (max-width: 308px)
{
.viss_tx{font-size:0.65em;text-indent:15px; border-radius: 15px; padding:3px; margin: 3px;}
}
@media screen and (min-width: 308px)
{
.viss_tx{font-size:0.9em; text-indent:25px; border-radius:25px; padding:5px; margin:5px;}
}


.virsr_tx {
color:white; 
padding:3px;
font-size:1.6em;
text-shadow:2px 1px black;
}

.sign_tx {
font-size:0.8em;
text-indent:60%;
padding:0;
}

.augsa_2 {
width:100%;
height:20%;
border:none; 
padding:0;
margin:0;
}
.apaksa_2 {
width:100%;
height:80%;
padding:0;
margin:0;
}
.link_box{
width:30%;
display:inline-block;
cursor:pointer;
border:1px solid orange;
background-color:white;
background-size: 100% 100%;
background-repeat:no-repeat;
opacity:0.5;
}
.link_box:hover{
opacity:1;
}
@media screen and (max-width: 180px)
{
.link_box{height: 7px; border-radius: 2px; padding:3px; margin: 3px;}
}
@media screen and (min-width: 181px) and (max-width: 308px)
{
.link_box{height: 10px;border-radius: 3px; padding:5px; margin: 5px;}
}
@media screen and (min-width: 308px)
{
.link_box{height: 80px; border-radius: 5px; padding: 8px; margin: 8px;}
}
.prod_virsr_tx{
color:black;
padding:0;
font-size:1em;
font-weight:bold;
text-shadow:1px 1px white;
}

#vid_link1{
background-image: url("pasmaidi_logo_hz.png");
width:20%;
}
#vei_link1{
background-image: url("uzveikalu.png");
}
#vid_link2{
background-image: url("video.png");
width:20%;
}
#vei_link2{
background-image: url("uzveikalu.png");
}
#vid_link3{
background-image: url("video.png");
width:20%;
}
#vei_link3{
background-image: url("uzveikalu.png");
}

.augsa_3 {
width:100%;
height:20%;
border:none; 
padding:0;
margin:0;
}	
	
.vidus_3 {
width:100%;
height:52%; 
border:0; 
padding:0;
margin:0;
}
	
.apaksa_3 {
width:100%;
height:28%;
float:left;
}
iframe {
width:100%;
height:100%;
border:0; 
}
	
#kartes_links {
font-size:0.75em;
color:black;
float:left;
font-family:'Lucida Console',courier,monospace;
border:0; 
padding:5px; 
}

.augsa_4 {
width:100%;
height:30%;
background: transparent;
background-size: 100% 100%;
border:none; 
padding:0;
margin:0;
}
.apaksa_4 {
width:100%;
height:70%;
padding:0;
margin:0;
border:none;
}
.fr_box{
width:10%;
display:inline-block;
cursor:pointer;
border:1px solid orange;
background-color:transparent;
background-size: 100% 100%;
background-repeat:no-repeat;
opacity:0.4;
}
.fr_box:hover{
opacity:1;
}
@media screen and (max-width: 180px)
{
.fr_box{height: 18px;border-radius: 2px; padding:3px; margin: 2px;}
}
@media screen and (min-width: 181px) and (max-width: 308px)
{
.fr_box{height: 25px; border-radius: 3px; padding:5px; margin: 3px;}
}
@media screen and (min-width: 308px)
{
.fr_box{height: 35px; border-radius: 5px; padding: 10px; margin: 10px;}
}
#dr1{
background-image: url("tava_vieta.jpg");
width:20%;
}
#dr2{
background-image: url("kiiltoclean.jpg");
width:25%;
height:20px;
}
#dr3{
background-image: url("fs_m.jpg");
}
#dr4{
background-image: url("ziedot.jpg");
}
#dr5{
background-image: url("lfs.jpg");
}
#dr6{
background-image: url("veel nav.png");
}