@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-color: white;
font-family: 'Roboto Condensed', sans-serif, Calibri, Arial;
}

p {margin: 0px;}

#Logo {
	position: relative;
	width: 288px;
	height: 90px;
	background-image: url(../images/logointuo.png);
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	min-height: 100%;
}

div.logoback  {
	position: relative;
	width: 288px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	min-height: 100%;
}

.btn-logoback  {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 90px;width: 288px;
	display:block;
	background: url(../images/logointuo.png) bottom;
	text-indent: -99999px;
	transition: all 1s;
    transition-timing: ease-in-out;
}

.btn-logoback:hover {
	background-position: 0 0;
	transform: scale(0.95);
}



#HomePage
{
	position: relative;
	width: 860px;
	height: 651px;
	background-image: url(../images/home.png);
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
}



.btn-bacioko {
	position: absolute;
	margin-top: 302px;
	margin-left: -55px;
	height: 169px;width: 165px;
	display:block;
	background: url(../images/btn-bacioko.png) bottom;
	text-indent: -99999px;
	transition: all 3s;
    transition-timing: ease-in-out;
}
.btn-bacioko:hover {
	transform: rotate(-27deg);
}


div.img {
    border: 1px solid gray;
	width:700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 50px;
	 }
	 
div.caption {
  text-align: right;
  padding: 10px 10px;
  font-size:27px;
}

/*--------scroll----------*/

.back-to-top {
	position: relative;
	height: 50px;
	width: 50px;
	display:block;
	background: url(../images/btn-top.png) bottom;
	text-indent: -99999px; 	margin-left: auto;
	margin-right: auto; margin-bottom: 40px;
	transition: all 1s;
    transition-timing: ease-in-out;
	}

.back-to-top:hover {	
	background-position: 0 0;
	transform: scale(0.75);
}