/*
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
*/


/* geral */

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	background-repeat: no-repeat;
}

#info {
	float:left;
}

#comparacao {
	width:936px;
	overflow:hidden;
	float:left;
}

*.hide {
	display:none;
}
body{
	background-image: url(img2/bg.jpg);
}
/* carta */

.carta {
	width:130px;
	height:176px;
	background:url(img2/verso.png) no-repeat center center;
	float:left;
	margin: 0px -111px 0 0;
	position:relative;
	top:-120px;
	-moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
	background-repeat: no-repeat;
}
.carta.ui-draggable-dragging {
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.carta * {
	display:none;
}
.placeholder .carta {
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#000000');
	margin:0;
	background:none;
	height:auto;
	width:auto;
}
.placeholder .carta * {
	display:none;
}
.placeholder .carta .face, .placeholder .carta .titulo, .placeholder .carta .resposta, .placeholder .carta .palavra,
.placeholder .carta .texto {
	display:block;
}
.placeholder .carta .face {
	width:130px;
	height:176px;
	margin: 15px 10px 10px 30px;
}

/* lista */

#lista {
	width:900px;
	margin: 90px 10px 10px 10px; 
}

/* placeholder */
#selecionados {
	float:left;
	clear:both;
	margin:40px 0 0 30px;
	width:900px;
}
.placeholder {
	width:200px;
	min-height:303px;
	overflow:visible;
	background-color: transparent;
	float:left;
	margin:0 19px 0 0;
	overflow:hidden;
}
#placeholder1 .profissao,
#placeholder2 .saude,
#placeholder3 .amor,
#placeholder4 .tempo,
#placeholder1 span,
#placeholder1 strong,
#placeholder2 span,
#placeholder2 strong,
#placeholder3 span,
#placeholder3 strong,
#placeholder4 span,
#placeholder4 strong {
	display:block;
}


p.titulo{
	font-size:  18px;
	margin: 5px;
	color: #fff;
	font-weight: bold;
}
p.palavra,
p.profissao,
p.resposta,
p.tempo,
p.saude,
p.amor,
p.texto,
p.resposta{
	font-size: 12px;
	color: #fff;
	margin: 5px;
}
p.palavra strong,
p.resposta strong{
	font-size: 17px;
	color: #ff9900;
	font-weight: bold;
}

p.profissao,
p.tempo,
p.saude,
p.amor{
		font-weight: bold;
}