@charset "utf-8";
body {
	font: 58px/1.4 Arial, Helvetica, sans-serif;
	background-image:url(../img/bgout.png);
	margin: 10;
	padding: 0;
	color: #09C;
}
h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 150px;
	font-size: 22px;
	text-align: center;
        display: none;
}
a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	color: #0000FF;
	text-decoration: underline;
}
#socialni {
	text-align: center;
    margin: 10px;
}    
div .plusone, .twitter, .fb-like {
    font-size: 1px;
    display: inline-block;
}
div .fb_reset {
    display: inline;
}
#wrapper {
	
}
#header {
	
}
#content {
	
}
#side-a {
	margin: 0 5px 0 5px;
	float: left;
	width: 140px;
	background: #fff;
	margin-top: 240px;
	text-align: center;
}
#teksta {
	border:solid;
	border-width: 1px;
	border-color:#FC3;
	margin: 8px;
	clear: both;
	background: #fff;
}
#vavteksta {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 150px;
	width: 790px;
}
#dolu {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-right: 8px;
}


		 
canvas { border: 0px solid black; }		
	.demo
	{
		font-family:'Conv_CHUBBY',Sans-Serif;
		width:800px;
		margin:10px auto;
		text-align:left;		
		padding:10px;
		text-outline: 2px 2px #dd4500;
	}
    
	 a {

}
#player{
visibility:hidden;}
#player1
	{

	left:51%;
	position:absolute;
	}
 
a:active {
    background-image:  url(images/click.png)
}

#rotateDiv{
	display:none;
	position:absolute;
	top:35%;
	left:35%;	
}

@media screen and (orientation:portrait) {
    #content{
        height: 100%;
    }
    /* Portrait styles */
}