@charset "utf-8";
/* CSS Document */
body {
    background-image: url(slike/curtain.jpg);
	height: 100%;
	background-repeat: repeat;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: 20px;
}

#logo {
float:left;
 width:15%;
}

.baletanka {
	width: 50%;
}

#stub-levo {
    float: left;
	max-width: 14%;
	min-width: 10%;
}

.stub {
    max-width: 100%;
    max-height: 100%;
	object-fit: contain;
}

 #sadrzaj {
    float: left;
    padding: 2px;
    margin-left: 2%;
    width: 68%;
}  

#tekst {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: 10%;
    width: 70%;
    opacity: 1;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    border: 20px ridge #EFCD75;
    background-image: -webkit-linear-gradient(90deg,rgba(247,98,225,0.74) 0%,rgba(255,255,255,0.55) 99.48%);
    background-image: -moz-linear-gradient(90deg,rgba(247,98,225,0.74) 0%,rgba(255,255,255,0.55) 99.48%);
    background-image: -o-linear-gradient(90deg,rgba(247,98,225,0.74) 0%,rgba(255,255,255,0.55) 99.48%);
    background-image: linear-gradient(0deg,rgba(247,98,225,0.74) 0%,rgba(255,255,255,0.55) 99.48%);
    -webkit-box-shadow: 4px 8px 27px 4px #050505;
    box-shadow: 4px 8px 27px 4px #050505;
    margin-top: 6%;
}  

#navi {
    margin-left: 19%;
    margin-right: 10%;

	width: 60%;
    margin-top: 13px;
    display: block;
}

.button {
	margin-left: 3%;
    margin-right: 3%;
	width: 10%;
}

#gore {
    display: block;
    margin-left: 8%;
}

.gornji_red {
	margin: 0px 10% 1em 10%;
	min-width: 10%;
	float: left;
}

.balerina {
	float: left;
}

#dole {
    display: block;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 6%;
    float: left;
    clear: both;
}

.donji_red {
    margin-top: 2em;
    margin-right: 1%;
    margin-left: 16%;
    margin-bottom: 1em;
    min-width: 10%;
    display: inline-block;
} 

#stub-desno {

float: right;
	max-width: 14%;
	min-width: 10%;
	
}

#foot {
    clear: both;
    padding: 0 3%;
    margin-top: 1%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
    text-align: right;
    line-height: 27px;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(249,134,248,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(249,134,248,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(249,134,248,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(249,134,248,1.00) 100%);
}