@import "jquery.lightbox";
@import "sprite";

* {
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	background: url("../img/fundo.jpg");
}

#geral {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#cabecalho {
	text-align: center;
	margin: 0 10px;
	h1 {
		.logo;
		text-indent: -9999px;
		overflow: hidden;
		margin: 0 auto 20px;
	}
	h3 {
		font: bold 32px 'Berthold', Arial, Sans-serif;
		color: #1a1a1a;
		text-transform: uppercase;
	}
	h4 {
		font: italic 14px Georgia, Arial, Sans-serif;
		color: #1a1a1a;
		margin-bottom: 45px;
	}
}

#compartilhar {
	width: 270px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
	> div {
		float: left;
	}
}

#busca {
	background: #FFF;
	padding: 25px 27px;
	margin: 10px 10px 45px;
	box-shadow:3px 3px 5px #ccc;
	-moz-box-shadow:3px 3px 5px #ccc;
	-webkit-box-shadow:3px 3px 5px, #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	input[type="text"] {
		outline: none;
		font: italic 12px Georgia, Arial, Sans-serif;
		color: #1a1a1a;
		background: #f5f5f5;
		padding: 12px;
		margin-right: 27px;
		width: 669px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: none;
		box-shadow:1px 1px 3px #CCC inset;
		-moz-box-shadow:1px 1px 3px #CCC inset;
		-webkit-box-shadow:1px 1px 3px #CCC inset;
	}
	input[type="button"] {
		.send;
		display: inline;
		text-indent: -9999px;
		overflow: hidden;
		border: none;
		cursor: pointer;
		&.over {
			.send-over;
			display: inline;
		}
		&:ativo {
		}
	}
}

#filtro {
	width: 205px;
	margin: 0 auto;

	a {
		text-indent: -9999px;
		overflow: hidden;
		float: left;

		+ a {
			margin-left: 25px;
		}
	}	

	.separador {
		margin: 20px auto; 
	}

	.imagem {
		.foto-on;

		&:hover {
			.foto-over;
		}
		&.sel {
			.foto-off;
		}
	}
	
	.video {
		.video-on;

		&:hover {
			.video-over;
		}
		&.sel {
			.video-off;
		}
	}

	.link {
		.link-on;

		&:hover {
			.link-over;
		}
		&.sel {
			.link-off;
		}
	}

	.texto {
		.texto-on;

		&:hover {
			.texto-over;
		}
		&.sel {
			.texto-off;
		}
	}
}

#conteudo {
	> div {
		position: relative;
		background: #FFF;
		float: left;
		margin: 10px;
		box-shadow:2px 2px 3px #CCC;
		-moz-box-shadow:2px 2px 3px #CCC;
		-webkit-box-shadow:2px 2px 3px #CCC;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		> span, > img {
			cursor: pointer;
		}
	}
}

.texto, .link {
	width: 300px;
	> p, > a {
		display: block;
		font: 30px 'Berthold', Arial, Sans-serif;
		text-transform: uppercase;
		word-wrap: break-word;
		letter-spacing: 1px;
		color: #1a1a1a;
		padding: 30px 20px 10px;
		max-height: 1830px;
		overflow: hidden;	
	}
}
.getunico {
	display: none !important;	
}
.texto .icone {
	.ico-texto;
}
.link .icone {
	.ico-link;
}
.imagem {
	width: 300px;
	padding: 0;
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	.icone {
		.ico-foto;
	}
	img {
		width: 300px;
		max-height: 800px;
		overflow: hidden;
		border-top-left-radius: 3px;
		-moz-border-top-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		-moz-border-top-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
	}
}
.video {
	width: 300px;
	padding: 0;
		border-top-left-radius: 3px;
		-moz-border-top-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		-moz-border-top-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
	.icone {
		.ico-video;
	}
	.play {
		.ico-play;
		cursor: pointer;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -27px;
		margin-top: -50px;
	}
	img {
		width: 300px;
		border-top-left-radius: 3px;
		-moz-border-top-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		-moz-border-top-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
	}	
	.embed {
		display: none;
	}
}
.icone {
	position: absolute;
	top: -2px;
	left: 20px;
}

.rodape {
	background: #f6f6f6;
	border-top: 1px dotted #B9B9B9;
	padding: 20px 0px 15px;
	text-align: center;
	margin-top: -5px;
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	
	.love-off, .love-on {
		display: inline-block !important;
		vertical-align: middle;
		margin-right: 5px;
	}
	
	a {
		font: italic 12px Georgia, Arial, Verdana, Sans-Serif;
		color: #000;
		text-decoration: none;
		line-height: 17px !important;
		&:hover {
			.love-off {
				.love-over;
			}
		}
	}
}
.grande {
	&.imagem {
		max-height: 550px;
		max-width: 920px;
		height: auto;
		width: auto;
		img {
			max-height: 489px;
			max-width: 920px;
			height: auto;
			width: auto;
			min-width: 300px;
		}
	}
	&.video {
		max-height: 550px;
		max-width: 920px;
		height: auto;
		width: auto;
	}
	.rodape {
		.filtro, .data {
			font: 14px 'Berthold', Arial, Verdana, Sans-Serif;
			color: #b7b7b7;
			float: left;
			margin-left: 15px;
			line-height: 20px;
		}
		.data {
			margin-left: 5px;
		}
		.love {
			line-height: 20px !important;
		}
		.imagem {
			height: 20px !important;
			.foto-off;
		}
		.video {
			height: 20px !important;
			.video-off;
		}
		.btn-compartilhar {
			margin: -5px 25px 0 0;
			float: right;
			.compartilhar;
			text-indent: -9999px;
			overflow: hidden;
		}
	}
}
.back {
	.backtotop;
	position: fixed;
	bottom: 0px;
	right: 10px;
	display: none;
	text-indent: -9999px;
	overflow: hidden;
}

.loader {
	display: none;
	position: fixed;
	bottom: 10%;
	left: 50%;
	margin-left: -25px;
}

.clear { 
	clear: both;
	float: none !important;
	margin: 0 !important;
}