body {
    font-size:100%;
	width:99.5%;
	height :100%;
	border:0;
	padding:0;
	margin:0; 
}
#top_area {
width :100%;
border :none;
}
@media screen and (max-width: 600px)
{
#top_area {height: 53px;}
}
@media screen and (min-width: 601px) and (max-width: 1024px)
{
#top_area {height: 65px;}
}
@media screen and (min-width: 1025px)
{
#top_area {height: 88px;}
}

.a_lauki {
float :left;
height :100%;
border:none;
padding:0;
margin:0; 
}

#logo_lauks{
width :20%;
border :none;
background-image: url("sun4.png");
background-size: 100% 100%;
}
#virsr_lauks{
width :50%;
border :none;
background-image: url("virsr_fons.png");
background-repeat:no-repeat;
background-color:transparent;
background-size: 100% 100%;
}
h1 {
text-align:center;
font-family: 'Kalam', cursive;
/*font-family:'Segoe Print';*/
font-weight: bold;
color:white;
text-shadow:3px 2px black;
margin:0; 
padding:7px;
}
@media screen and (max-width: 600px)
 {
h1 {font-size :0.8em;}
}
@media screen and (min-width: 601px) and (max-width: 1024px)
{
h1{font-size :1.2em;}
}
@media screen and (min-width: 1025px)
{
h1{font-size :1.45em;}
}

#pogu_lauks{
width :30%;
border :none;
background-color:transparent;
background: linear-gradient(transparent, #ffdd55); /* Standard syntax (must be last) */
}
.poga{
width:27%;
display:inline-block;
text-align:center;
font-family: Arial, sans-serif;
cursor:pointer;
border:1px solid orange;
background-color:transparent;
background:linear-gradient(#4B5E98, #FDFDFD);
	}
@media screen and (max-width: 600px)
{
.poga{height: 18px; font-size: 0.5em; border-radius: 5px; padding:0; margin: 1px 1px;}
}
@media screen and (min-width: 601px) and (max-width: 1024px)
{
.poga{height: 22px; font-size: 0.7em; border-radius: 8px; padding:0; margin: 3px 3px;}
}
@media screen and (min-width: 1025px)
{
.poga{height: 28px; font-size: 1em; border-radius: 10px; padding:2px; margin: 4px 7px;}
}

a:link {
    color: white;
	text-shadow:1px 1px black;
	background-color:transparent;
	text-decoration:none;
	border :none;
	padding:0;
	margin:0;
	}
a:visited {
    color: lightgrey;
	}
a:hover {
    color: white;
	font-weight: bold;
	font-size:1em;
	}
#logo_fons{
width :100%;height :100%;
}
#logo{
width :70%;height :auto;
}
#vidus {
width :100%;
height:550px;
float:left;
border :none;
padding:0;
margin:0;
}
#main_area {
position:relative;
width:70%;
height:100%;
float :left;
background-image:url('gradz-b.jpg');
background-repeat:repeat-x;
background-color:transparent;
border :none;
padding:0;
margin:0; 
}
#raamis {
width:30%;
height:100%;
background-color:transparent;
float :left;
border:none; 
padding:0;
margin:0; 
}
iframe{
float:left;
height:100%; 
width:100%;
border:none;
padding:0;
margin:0;
 }
.main_lauki{
position:relative;
height:100%;
float :left;
border :none;
padding:0;
margin:0; 
}
#main_L{
width:25%;
}
#carousel{
width:30%;
}
#main_R{
width:20%;
float :right;
}
h2 {
			text-align:center;
			font-family:'georgia', serif;
			font-size:1.2em;
			font-weight:bold;
			color:grey;
					}		
		@media screen and (max-width: 600px)
		{
		h2 {font-size:0.7em;}
		}
		@media screen and (min-width: 601px) and (max-width: 1024px)
		{
		h2{font-size:1.2em;}
		}
		@media screen and (min-width: 1025px)
		{
		h2 {font-size:1.5em;}
		}
				
		.roundabout-holder {
			padding: 0;
			margin: 0 auto;
			height: 550px;
			width:33%;
			border:none;
			float:left;
		}

		.roundabout-moveable-item {
			height:100%;
			cursor: pointer;
			border:0;
			background-color:#ffffff;
			opacity:0.9;
			background-repeat:no-repeat;
			background-position:center;
			border-radius:30px;
			display:block;
		}
		@media screen and (max-width: 600px){.roundabout-moveable-item {width:300px;}}
		@media screen and (min-width: 601px) and (max-width: 1024px){.roundabout-moveable-item {width:470px;}}
		@media screen and (min-width: 1025px){.roundabout-moveable-item  {width:560px;}}
		
		.roundabout-in-focus 
		{
			cursor: auto;
		}
					
		#carousel-controls {
			width:95%;
			border-collapse:separate;
			text-align:center;
		}

		#carousel-controls span 
		{
		    display:block;
			text-align:center;
			font-family:'georgia', serif;
			font-weight:bold;
			color:grey;
			border-radius:10px;
			margin:15px;
			padding:5px;
			cursor:pointer;
			border:1px solid orange;
			background:#ffffff;
		}
		
		@media screen and (max-width: 600px)
		{
		#carousel-controls span {
		font-size:0.35em;
		max-width:60px;
		}
		}
		@media screen and (min-width: 601px) and (max-width: 1024px)
		{
		#carousel-controls span {
		font-size:0.6em;
		max-width:120px;
		min-height:28px;}
		
		}
		@media screen and (min-width: 1025px)
		{
		#carousel-controls span {
		font-size:0.80em;
		max-width:180px;
		min-height:35px;
		}
		}
						
		#carousel-controls .current 
		{
		background: linear-gradient(#ffdd55,white); /* Standard syntax (must be last) */
		color:#ff6600;
		}
		.slide_box
		{
		position:absolute;
		top: 80px;
		color:black;
		height:70%;
		width:60%;
		border:none;
				}
		@media screen and (max-width: 600px)
		{
		.slide_box{left:100px;}
		}

		@media screen and (min-width: 601px) and (max-width: 1024px)
		{
		.slide_box{left: 150px;}
		}
		@media screen and (min-width: 1025px)
		{
		.slide_box {left: 170px;}
		}
		
		.slide_text
		{
		position:relative;
		color:black;
		text-indent: 30px;
		text-align: left;
		font-family:'Lucida Console',courier,monospace;
		font-weight:normal;
		line-height: 150%;
		letter-spacing: 1px;
		}
		@media screen and (max-width: 600px)
		{
		.slide_text {font-size:0.6em;}
		}

		@media screen and (min-width: 601px) and (max-width: 1024px)
		{
		.slide_text{font-size:0.75em;}
		}
		@media screen and (min-width: 1025px)
		{
		.slide_text {font-size:0.85em;}
		}
		
		#slide1.roundabout-moveable-item{
		background-image:url('FonsKo.png');
		background-size: 100% 100%;
		}
		
		#slide2.roundabout-moveable-item{
		background-image:url('FonsVC.png');
		background-size: 100% 100%;
		}
		
		#slide3.roundabout-moveable-item{
		background-image:url('FonsDW.png');
		background-size: 100% 100%;
		}
		
		#slide4.roundabout-moveable-item{
		background-image:url('FonsApk.png');
		background-size: 100% 100%;
		}
		
		#slide5.roundabout-moveable-item{
		background-image:url('FonsDet.png');
		background-size: 100% 100%;
		}
		
		#slide6.roundabout-moveable-item{
		background-image:url('FonsChem.png');
		background-size: 100% 100%;
		}
#telefons{
font-size:1.3em;
text-align:center;
font-family:'Lucida Console',courier,monospace;
font-weight:bold;
text-shadow:2px 2px black;
color:white;
margin:10px;
padding:3px;
background-color:transparent;
}
@media screen and (max-width: 600px)
		{
		#telefons {font-size:0.5em;}
		}
		@media screen and (min-width: 601px) and (max-width: 1024px)
		{
		#telefons{font-size:1em;}
		}
		@media screen and (min-width: 1025px)
		{
		#telefons{font-size:1.3em;}
		}

#footer{
height:25px;
width:100%;
font-size:0.7em;
text-align:center;
font-family:'Lucida Console',courier,monospace;
font-weight:normal;
text-shadow:1px 1px black;
color:white;
margin:0;
padding:0;
background-image: url("virsr_fons.png");
background-repeat:no-repeat;
background-color:transparent;
background-size: 100% 100%;
float:left;
}