@charset "UTF-8";

body{
	background-color:#FFFFFF;
	background-image:none;
	margin:0;
}

.logo{
	position:fixed;
	left:50%;
	top:30px;
	margin:0 0 0 -50px;
	width:100px;
	height:32px;
	background:url(img/logo.png);
	z-index:20;
}

.logo:hover{cursor:w-resize;}
.logo:active{background-position:0px -32px;}

.draggable{
	cursor:move;
}
.draggable:hover{
	-moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.75);
	-webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.75);
	box-shadow:0px 0px 5px 1px rgba(0,0,0,0.75);
}
.draggable:active{
	opacity:0.75;
	filter:alpha(opacity=75);
}

.video_vigilia{
	background-color:#CCC !important;
	float:left;
}

.zoom{
	width:100px;
	height:97px;
	background: url(img/zoom.svg);
	background-size:cover;
}

.zoom:hover{
	cursor: -webkit-zoom-in;
}

#b1 {background-image:url(img/load20.gif);}
#b2 {background-image:url(img/load21.gif);}
#b3 {background-image:url(img/load22.gif);}
#b4 {background-image:url(img/load20.gif);}
#b5 {background-image:url(img/load21.gif);}
#b6 {background-image:url(img/load22.gif);}
#b7 {background-image:url(img/load20.gif);}
#b8 {background-image:url(img/load21.gif);}
#b9 {background-image:url(img/load22.gif);}
#b10 {background-image:url(img/load20.gif);}

.texto{
	margin: 0px auto;
	padding:50px;
	padding-top:150px;
	line-height:1.3em;
	max-width:750px;
	font-size:1.2em;
}

#schwarmen-etwas{
	position:fixed;
	top:30px;
	right:50px;
	width:47px;
}

.texto-ruinas{
	margin: 0px auto;
	padding:50px;
	padding-top:110px;
	line-height:1.3em;
	max-width:750px;
	font-size:1em;
	text-align:center;
	font-family: 'Inconsolata', sans-serif;
}

.grupo{
	margin:auto;
	width:960px;
}

#fotorama_tambem{
	margin-top:95px;
	width:488px;
	margin-bottom:60px;
	float:left;
}

#fotorama_ruinas{
	margin-top:95px;
	width:960px;
	margin-bottom:95px;
	background-image:url(img/ruinas-slider-bg.gif);
	background-repeat:repeat-x;
}

#video-vertical{
	margin-top:95px;
	float:right;
	width:370px;
	height:650px;
}

.planta{
	margin:auto;
	width:960px;
	height:600px;
	margin-bottom:90px;
	clear:both;
}

.vela{
	margin:auto;
	min-width:640px;
	max-width:1080px;
	height:auto;
}

.fotorama__thumb-border{
	border-color: #000 !important;
}

.ruinas-pia{
	float:left;
	margin-bottom:95px;
	width:430px;
	height:242px;
	background-color:#000;
}

.ruinas-gif{
	background-image:url(img/ruinas-conluio-thumb.jpg);
	float:right;
	margin-bottom:95px;
	width:430px;
	height:242px;
	background-color:#000;
}

.ruinas-gif:hover{
	background-position:bottom;
}