/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  border:0 none;
  margin:0;
  outline:0 none;
  padding:0;
  vertical-align:baseline;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;	
}


#topo {
	width:100%;
	border-bottom:8px solid #e12229;
}
#topo header {
	width:1040px;
	margin:0 auto;
}

#slide {
	width:100%;
	border-bottom:2px solid #e0e0e0;
}
#slide img {
	width:100%;
}



#logo {
	float:left;
	width:232px;
	height:80px;
}

#logo h1 {
	margin:0;
	padding:0;
}

#logo a {
	background:url(../img/logo.png) no-repeat;
	display:block;
	text-indent:-9999px;
	width:232px;
	height:80px;
}

.menu {
	display:none;
}

nav {
	margin:55px 0 0 0;
	float:right;
}
nav ul {
	
}
nav ul li {
	display:inline-table;
	margin:0 15px 0 15px;
}
nav a {
	border-bottom:1px solid #fff;
	padding:0 0 4px 0;
	font-size:13px;
	text-transform:uppercase;
	color:#dd1821;
	text-decoration:none;
}
nav a:hover {
	border-bottom:1px solid #aca8af;
}





#principal {
	width:1040px;
	margin:0 auto;
	padding:25px 0 30px 0;
}
#principal #titulo {
	float:left;
	width:100%;
	padding:0 0 5px 0;
	border-bottom:3px solid #f4f4f4;
}
#principal h1 {
	float:left;
	font-size:22px;
	color:#de1f2e;
}
#principal h2 {
	float:right;
	font-size:12px;
	font-weight:normal;
}
#principal h2 a {
	color:#de1f2e;
	text-decoration:none;
}
#principal h2 a:hover {
	text-decoration:underline;
}


.textoPrincipal {
	clear:both;
	padding:10px 0 0 0;
	font-size:12px;
	color:#272727;
	line-height:20px;
	text-align:left;
}

.selo {
	background:url(../img/selo.png) no-repeat left;
	padding:10px 0 0 130px;	
}



.infoContato {
	float:right; 
	width:180px; 
	margin:5px 0 15px 0;
	font-size:14px;
	line-height:20px;
}
.infoContato strong {
	display:block;
	margin:10px 0 0 0;
}




#formulario {
	float:left; 
	width:780px;
	margin:0 0 20px 0;
}

#formulario span {
	clear:both;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#005ca3;
	margin:10px 0 10px 0;
}
#formulario label {
	display:block;
	font-size:12px;
	margin:10px 0 0 4px;
}

.texto {
	background:#f9f9f9;
	border:1px solid #d1d1d2;	
	border-radius:4px;
  	moz-border-radius:4px;
  	webkit-border-radius:4px;
	
	height:28px;
	width:330px;
	padding:5px 10px 5px 10px;
	margin:10px 4px 10px 4px;
	font-size:12px;
	color:#737373;
}

.area {
	background:#f9f9f9;
	border:1px solid #d1d1d2;	
	border-radius:4px;
  	moz-border-radius:4px;
  	webkit-border-radius:4px;
	width:694px;
	padding:5px 10px 5px 10px;
	margin:10px 4px 10px 4px;
	font-size:12px;
	color:#737373;
}

.botao {
	display:block;
	border-radius:4px;
  	moz-border-radius:4px;
  	webkit-border-radius:4px;
	background:#e12229;
	color:#FFF;
	text-transform:uppercase;
	font-weight:lighter;
	border:0px;
	padding:8px 40px 8px 40px;
	margin:20px 0 0 4px;
}







#rodape {
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 8px 0;
	background:#ff192b;
}
#rodape footer {
	width:1040px;
	padding:3px 0 0 0;
	margin:0 auto;
}
#rodape footer p {
	font-size:10px;
	display:block;
	padding:10px 0 0 0;
	clear:both;
	color:#FFF;
	text-align:center;
}

.menuFooter {
	float:left;
	width:180px;
}
.menuFooter h3 {
	margin:0 0 4px 0;
	font-size:12px;
	color:#5c5c59;
}
.menuFooter ul {
	list-style:none;
}
.menuFooter ul li {
	
}
.menuFooter a {
	font-size:11px;
	color:#909090;
	text-decoration:none;
}
.menuFooter a:hover {
	text-decoration:underline;
}






#meusClientes {
	width:100%;
	clear:both;
	text-align:center;
}
#meusClientes img {
	display:inline-table;
	margin:20px 12px 0px 12px;
}



#listaProdutos {
	width:100%;
	padding:15px 0 0 0;
	clear:both;
	text-align:center;
}


#listaProdutos div {
	display:inline-table;
	width:237px;
	height:300px;
	text-align:center;
}
#listaProdutos div h3 {
	width:100%;
	height:38px;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 14px 0;
	line-height:22px;
}
#listaProdutos div img {
	border-radius:4px;
  	moz-border-radius:4px;
  	webkit-border-radius:4px;
}
#listaProdutos div p {
	height:74px;
	margin:14px 0 32px 0;
	font-size:12px;
	line-height:20px;
}
#listaProdutos div .titulo {
	color:#a5151f;
	text-decoration:none;
}
#listaProdutos div .titulo:hover {
	color:#cc2934;
}



#oProduto {
	float:left;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
}
#oProduto #imagem {
	width:100%;
	text-align:center;
	margin:14px 0 22px 0;
}
#oProduto #imagem img {
	display:inline-table;
	margin:0 5px 0 5px;
}
#oProduto p {
	clear:both;
	padding:0 0 18px 0;
	font-size:12px;
	color:#272727;
	line-height:20px;
}
#oProduto p strong {
	display:block;
	margin:8px 0 0 0;
}

#oProduto h3 {
	margin:14px 0 6px 0;
	padding:0;
	font-size:16px;
	color:#cd2929;
}




#submenu {
	float:left;
	text-align:center;
	margin:15px 0 0 0;
}
#submenu ul {
	list-style:none;
}
#submenu li {
	display:inline-table;
	margin:5px 10px 4px 10px;
	padding:0 10px 3px 10px;
	cursor:pointer;
}

.no-select {
	display:inline-table;
	border-bottom:4px solid #bbbbbb;
	margin:0 10px 0 10px;
	padding:0 10px 3px 10px;
	cursor:pointer;
}
.select {
	display:inline-table;
	border-bottom:4px solid #e12229;
	margin:0 10px 0 10px;
	padding:0 10px 3px 10px;
	cursor:pointer;
}

.blocoConteudo {
	width:1040px;
	float:left;
	margin:15px 0 30px 0;
	text-align:left;	
	display:none;
}
.blocoConteudo .img {
	float:left;
	width:30%;
}
.blocoConteudo .img img {
	width:100%;
	margin:10px 0 0 0;
}
.blocoConteudo .txt {
	float:left;
	width:68%;
	margin: 0 0 0 2%;
	font-size:12px;
	color:#272727;
	line-height:20px;
}
.blocoConteudo .txtFull {
	float:left;
	width:100%;
	margin: 0 0 0 0;
	font-size:12px;
	color:#272727;
	line-height:20px;
}
.blocoConteudo .txtFull p {
	margin:3px 4px 3px 4px;
	padding:0px;
}
.blocoConteudo .txtFull a {
	margin:3px 4px 3px 4px;
}
.blocoConteudo .centraliza {
	text-align:center;
}

.blocoConteudo .linha {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #ebebeb;
}
.blocoConteudo .txt strong {
	display:block;
	margin:8px 0 3px 0;
}



#quadroHome {
	float:left;
	width:100%;
	margin:10px 0 60px 0;
	text-align:center;
}
#quadroHome div {
	display:inline-table;
	width:237px;
	height:440px;
	text-align:center;
}
#quadroHome div h2 {
	width:100%;
	height:38px;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 14px 0;
	line-height:22px;
}
#quadroHome div img {
	border-radius:4px;
  	moz-border-radius:4px;
  	webkit-border-radius:4px;
}
#quadroHome div p {
	height:74px;
	margin:14px 0 32px 0;
	font-size:12px;
	line-height:20px;
}
#quadroHome div .titulo {
	color:#a5151f;
	text-decoration:none;
}
#quadroHome div .titulo:hover {
	color:#cc2934;
}

.separaQuadro {
	margin:0 20px 0 0;	
}


.mais {
	border-radius:5px;
  	moz-border-radius:5px;
  	webkit-border-radius:5px;
	background:#a5151f;
	color:#FFF;
	font-size:15px;
	padding:12px 10px 12px 10px;
	text-decoration:none;
}
.mais:hover{
	background:#df1f2e;
}


#quadroParceiro {
	float:left;
	width:100%;
	margin:20px 0 20px 0;
}
#quadroParceiro h2 {
	width:100%;
	color:#a5151f;
	text-decoration:underline;
	font-size:19px;
	font-weight:bold;
	margin:0 0 14px 0;
}

.parceiro {
	float:left;
	width:100%;
	clear:both;
	margin:0 0 22px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #e9e9e9;
}
.parceiro img {
	float:left;
}
.parceiro div {
	float:left;
	width:800px;
	margin:0 0 0 20px;
}
.parceiro div h3 {
	font-size:14px;
	color:#333;
	margin:0 0 8px 0;
}
.parceiro div p {
	font-size:12px;
	line-height:19px;
	margin:0 0 12px 0;
}
.parceiro div a {
	font-size:12px;
	color:#2683da;
	text-decoration:none;
}
.parceiro div a:hover {
	text-decoration:underline;
}


@media (min-width:999px) {
	#topo header {
		height:85px;
	}
}

@media (min-width:769px) and (max-width:998px) {
	#topo {
		width:100%;
		float:left;
		border-bottom:8px solid #e12229;
	}
	#topo header {
		float:left;
		width:100%;
	}
	
	#logo {
		float:left;
		width:145px;
		height:50px;
	}
	
	#logo h1 {
		margin:0;
		padding:0;
	}
	
	#logo a {
		background:url(../img/logo_m.png) no-repeat;
		display:block;
		text-indent:-9999px;
		width:145px;
		height:50px;
	}
	
	nav {
		margin:20px 0 0 0;
		float:right;
	}
	
	nav a {
		border-bottom:1px solid #fff;
		padding:0 0 4px 0;
		font-size:11px;
		text-transform:uppercase;
		color:#dd1821;
		text-decoration:none;
	}
	nav a:hover {
		border-bottom:1px solid #aca8af;
	}
	
	#principal {
		width:100%;
		margin:0 auto;
		padding:20px 0 20px 0;
	}
	#principal #titulo {
		float:left;
		width:100%;
		border-bottom:0px solid #CCC;
	}
	#principal h1 {
		float:left;
		font-size:22px;
		color:#de1f2e;
		margin:0 0 0 10px;
	}
	#principal h2 {
		display:none;
		float:right;
		font-size:12px;
		font-weight:normal;
		margin:0 10px 0 0 ;
	}
	#principal h2 a {
		color:#de1f2e;
		text-decoration:none;
	}
	#principal h2 a:hover {
		text-decoration:underline;
	}
	#principal p {
		clear:both;
		padding:20px 10px 0 10px;
		font-size:12px;
		color:#272727;
		line-height:18px;
	}
	
	#rodape {
		float:left;
		width:100%;
		margin:5px 0 0 0;
		border-top:1px solid #e7e6e6;
		background:#f2f2f2;
	}
	#rodape footer {
		float:left;
		width:100%;
		padding:10px 0 0 0;
		background:#f2f2f2;
	}
	#rodape footer p {
		background:#df1f2e;
		font-size:10px;
		display:block;
		padding:10px 0 10px 0;
		clear:both;
		color:#FFF;
		text-align:center;
	}
	
	#quadroHome div {
		display:inline-table;
		width:200px;
		height:360px;
		margin:0 8px 20px 8px;
		text-align:center;
	}
	#quadroHome div img {
		width:100%;
	}
	
	
	#listaProdutos div {
		display:inline-table;
		width:200px;
		height:250px;
		text-align:center;
	}
	#listaProdutos div img {
		width:100%;
	}
	#listaProdutos div h3 {
		width:100%;
		height:38px;
		font-size:16px;
		font-weight:bold;
		margin:10px 0 14px 0;
		line-height:22px;
	}

	
	
	#quadroParceiro {
		float:left;
		width:100%;
		margin:0px 0 20px 0;
	}
	#quadroParceiro h2 {
		display:block;
		width:100%;
		color:#a5151f;
		text-decoration:underline;
		font-size:19px;
		font-weight:bold;
		margin:0 0 14px 0;
	}
	
	.parceiro div {
		float:left;
		width:580px;
		margin:0 0 0 20px;
	}
	.parceiro div h3 {
		font-size:14px;
		color:#333;
		margin:0 0 0 10px;
		padding:0px;
	}
	.parceiro div a {
		font-size:12px;
		color:#2683da;
		text-decoration:none;
		margin:0 0 0 10px;
	}
	
	.selo {
		background:none;
		padding:10px 0 0 0;	
	}

}

@media (max-width:768px) {
	#topo {
		width:100%;
		float:left;
		border-bottom:8px solid #e12229;
	}
	#topo header {
		float:left;
		width:100%;
	}
	
	#slide {
		width:100%;
	}
	#slide img {
		width:100%;
	}
	
	
	
	#logo {
		float:left;
		width:145px;
		height:50px;
	}
	
	#logo h1 {
		margin:0;
		padding:0;
	}
	
	#logo a {
		background:url(../img/logo_m.png) no-repeat;
		display:block;
		text-indent:-9999px;
		width:145px;
		height:50px;
	}
	
	
	.menu {
		float:right;
		display:block;
		cursor:pointer;
		margin:15px 20px 0 0;
		text-transform:uppercase;
		font-size:15px;
		font-weight:bold;
		color:#505051;
		background:url(../img/menu.png) no-repeat;
		padding: 2px 0 5px 30px;
	}
		
	
	nav {
		display:none;
		clear:both;
		margin:6px 20px 0 20px;
		float:right;
		text-align:right;
	}
	nav ul {
		display:block;
	}
	nav ul li {
		display:block;
		margin:10px 5px 15px 5px;
	}
	nav a {
		border-bottom:1px solid #fff;
		padding:2px 0 4px 0;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		color:#dd1821;
		text-decoration:none;
	}
	nav a:hover {
		border-bottom:1px solid #aca8af;
	}

	
	
	
	#principal {
		width:100%;
		margin:0 auto;
		padding:20px 0 20px 0;
	}
	#principal #titulo {
		float:left;
		width:100%;
		border-bottom:3px solid #f4f4f4;
	}
	#principal h1 {
		float:left;
		font-size:22px;
		color:#de1f2e;
		margin:0 0 0 10px;
	}
	#principal h2 {
		display:none;
		float:right;
		font-size:12px;
		font-weight:normal;
		margin:0 10px 0 0 ;
	}
	#principal h2 a {
		color:#de1f2e;
		text-decoration:none;
	}
	#principal h2 a:hover {
		text-decoration:underline;
	}
	
	
	#principal p {
		clear:both;
		padding:20px 10px 0 10px;
		font-size:12px;
		color:#272727;
		line-height:18px;
	}
	
	
	
	#rodape {
		float:left;
		width:100%;
		margin:5px 0 0 0;
		border-top:1px solid #e7e6e6;
		background:#f2f2f2;
	}
	#rodape footer {
		float:left;
		width:100%;
		padding:10px 0 0 0;
		background:#f2f2f2;
	}
	#rodape footer p {
		background:#df1f2e;
		font-size:10px;
		display:block;
		padding:10px 0 10px 0;
		clear:both;
		color:#FFF;
		text-align:center;
	}
	
	.menuFooter {
		float:left;
		height:120px;
		text-align:center;
		margin:0 0 20px 0;
	}
	.menuFooter h3 {
		margin:0 0 4px 0;
		font-size:14px;
		color:#5c5c59;
	}
	.menuFooter ul {
		list-style:none;
	}
	.menuFooter ul li {
		margin:2px 0 2px 0;
	}
	.menuFooter a {
		font-size:12px;
		color:#909090;
		text-decoration:none;
	}
	.menuFooter a:hover {
		text-decoration:underline;
	}
	
	
	
	#submenu li {
		font-size:12px;
		display:inline-table;
		margin:5px 10px 4px 10px;
		padding:0 10px 3px 10px;
		cursor:pointer;
	}
	
	
	.blocoConteudo {
		width:98%;
		float:left;
		margin:15px 1% 30px 1%;
		text-align:left;	
		display:none;
	}
	.blocoConteudo .img {
		float:left;
		width:100%;
		margin:0 0 15px 0;
	}
	.blocoConteudo .img img {
		width:100%;
		margin:10px 0 0 0;
	}
	.blocoConteudo .txt {
		float:left;
		width:100%;
		margin: 0 0 0 0;
		font-size:12px;
		color:#272727;
		line-height:20px;
	}
	.blocoConteudo .txt strong {
		display:block;
		margin:8px 0 0 0;
	}
	
	#oProduto {
		float:left;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}

	iframe {
		width:100%;	
	}
	
	
	#quadroHome {
		float:left;
		width:100%;
		margin:20px 0 40px 0;
		text-align:center;
	}
	#quadroHome div {
		display:inline-table;
		width:150px;
		height:390px;
		text-align:center;
	}
	#quadroHome div img {
		width:100%;
	}
	#quadroHome div h2 {
		display:block;
		width:100%;
		font-size:13px;
		font-weight:bold;
		margin:0 0 14px 0;
		line-height:16px;
	}
	#quadroHome div p {
		height:90px;
		margin:1px 0 20px 0;
		font-size:11px;
		line-height:15px;
	}
	
	.mais {
		border-radius:5px;
		moz-border-radius:5px;
		webkit-border-radius:5px;
		background:#a5151f;
		color:#FFF;
		font-size:11px;
		padding:12px 10px 12px 10px;
		text-decoration:none;
	}
	.mais:hover{
		background:#df1f2e;
	}
	
	
	#listaProdutos {
		width:98%;
		margin:0 1% 0 1%;
		padding:15px 0 0 0;
		clear:both;
		text-align:center;
	}
	#listaProdutos div {
		display:inline-table;
		width:40%;
		height:245px;
		text-align:center;
	}
	#listaProdutos div img {
		width:100%;
	}
	#listaProdutos div h3 {
		width:100%;
		height:none;
		font-size:14px;
		font-weight:bold;
		margin:10px 0 14px 0;
		line-height:22px;
	}
	#listaProdutos div p {
		margin:8px 0 0px 0;
		height:none;
		font-size:11px;
		line-height:15px;
		display:none;
	}
	
	
	#meusClientes img {
		display:inline-table;
		margin:20px 12px 0px 12px;
		width:100px;
	}
	
	#quadroParceiro {
		margin:0px 0 0px 0;
		text-align:center;	
	}
	
	#quadroParceiro h2 {
		width:100%;
		color:#a5151f;
		display:block;
		text-decoration:none;
		font-size:19px;
		font-weight:bold;
		margin:0 0 14px 0;
	}
	
	.parceiro {
		float:left;
		width:100%;
		clear:both;
		text-align:center;
		margin:0 0 22px 0;
		padding:0 0 15px 0;
		border-bottom:1px solid #e9e9e9;
	}
	.parceiro img {
		float:none;
	}
	.parceiro div {
		float:left;
		width:100%;
		margin:0;
	}
	.parceiro div p {
		font-size:12px;
		line-height:19px;
		margin:0 0 12px 0;
	}
	
	.selo {
		background:none;
		padding:10px 0 0 0;	
	}
	
	
	#formulario {
		float:left; 
		width:90%;
		margin:0 0 20px 10px;
	}
	
	.texto {
		background:#f9f9f9;
		border:1px solid #d1d1d2;	
		border-radius:4px;
		moz-border-radius:4px;
		webkit-border-radius:4px;
		
		height:28px;
		width:85%;
		padding:5px 10px 5px 10px;
		margin:10px 4px 10px 4px;
		font-size:12px;
		color:#737373;
	}
	
	.area {
		background:#f9f9f9;
		border:1px solid #d1d1d2;	
		border-radius:4px;
		moz-border-radius:4px;
		webkit-border-radius:4px;
		width:85%;
		padding:5px 10px 5px 10px;
		margin:10px 4px 10px 4px;
		font-size:12px;
		color:#737373;
	}
	
	.infoContato {
		float:left; 
		width:180px; 
		margin:5px 0 15px 10px;
		font-size:14px;
		line-height:20px;
	}

}







/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}