/*====================================================================================*/
/* Breadcrumbs =======================================================================*/
/*====================================================================================*/
.breadcrumbs *{ text-decoration: none; }
.breadcrumbs{ width: 100%; display: table; }

.breadcrumbs h1,
.breadcrumbs h2,
.breadcrumbs h3,
.breadcrumbs h4,
.breadcrumbs h5,
.breadcrumbs h6,
.breadcrumbs a,
.breadcrumbs span{ line-height: 26px; }

.breadcrumbs h1,
.breadcrumbs h2,
.breadcrumbs h3,
.breadcrumbs h4,
.breadcrumbs h5,
.breadcrumbs h6{ float: left; margin: 0; }
.breadcrumbs a,
.breadcrumbs span{ font-weight: normal; float: left; display: block; margin-top: 0px !important; }
	
.breadcrumbs a:before,
.breadcrumbs span:before{
	content: " ";
	width: 15px;
	height: 25px;
	float: left;
	display: inline-block;
	margin: 0 3px;
	text-align: center;
	background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-bc-ml.png) no-repeat center;
	}

.breadcrumbs a,
.breadcrumbs span{ color: #333; font-size: 14px; }

.breadcrumbs a:hover{ color: #912a8c; }
.breadcrumbs a:hover:before{ background-position: 7px center; }	
.breadcrumbs a:last-child:after,
.breadcrumbs span:last-child:after{ margin: 0; background: none; }



/*====================================================================================*/
/* List de Publicação 3.5 ============================================================*/
/*====================================================================================*/
.publicacao-list li a .image,
.publicacao-view .galeria li a,
.conteudo-diverso .galeria li a,
.publicacao-view .image{ padding: 4px; }


.publicacao-list *{ margin: 0; padding: 0; }	
.publicacao-list{ width: 100%; }
.publicacao-list:after{ content: ""; display: block; clear: both; }

.publicacao-list li{ width: 100%; float: left; display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.publicacao-list li:first-child{ margin-top: 0; padding-top: 0; }	
.publicacao-list li:last-child{ padding-bottom: 0; border: none; }	
.publicacao-list li a span:last-child{ margin: 0; }

.publicacao-list li a{
	position: relative;
	width: 100%;
	display: table;
	padding: 15px;
	border-bottom: 1px solid transparent;
	}
	
.publicacao-list li a .data{ font-size: 13px; }
.publicacao-list li a .titulo{ color: #912a8c; font-size: 16px; margin: 0 0 10px 0; }
.publicacao-list li a .descricao{ font-size: 14px; }
.publicacao-list li a .data,
.publicacao-list li a .titulo,
.publicacao-list li a .descricao{ display: block; }

.publicacao-list li a .image{ width: 120px; height: 120px; float: left; margin: 0 10px 0 0; border: 1px solid #ddd; background: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-pl-loader.gif) no-repeat center; }
.publicacao-list li a .image span{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.publicacao-list li a .image span:after{ display: block; background-color: #912a8c; }
.publicacao-list li a .image,
.publicacao-list li a .image span{ position: relative; display: block; overflow: hidden; }
.publicacao-list li a .indisponivel span{ background-color: #ccc; }
.publicacao-list li a .indisponivel span span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 80%; height: 80%; opacity: 0.6; background-size: contain; }
	
.publicacao-list li a:hover{ background-color: #f5f5f5; }
.publicacao-list li a:hover .data{ color: #912a8c; }
.publicacao-list li a:hover .titulo{ color: #912a8c; }
.publicacao-list li a:hover .descricao{}
.publicacao-list li a:hover .image{ border-color: #912a8c; }



/* Seletores =========*/
/*====================*/
.pl2 li,
.pl3 li,
.pl4 li,
.pl5 li,
.pl6 li,
.pl7 li,
.pl8 li,
.pl9 li,
.pl10 li,
.pl-mobile2 li,
.pl-mobile3 li,
.pl-mobile4 li{ padding: 0; border: none; }

.pl2 li:nth-child(1),
.pl2 li:nth-child(2),

.pl3 li:nth-child(1),
.pl3 li:nth-child(2),
.pl3 li:nth-child(3),

.pl4 li:nth-child(1),
.pl4 li:nth-child(2),
.pl4 li:nth-child(3),
.pl4 li:nth-child(4),

.pl5 li:nth-child(1),
.pl5 li:nth-child(2),
.pl5 li:nth-child(3),
.pl5 li:nth-child(4),
.pl5 li:nth-child(5),

.pl6 li:nth-child(1),
.pl6 li:nth-child(2),
.pl6 li:nth-child(3),

.pl7 li:nth-child(1),
.pl7 li:nth-child(2),
.pl7 li:nth-child(3),
.pl7 li:nth-child(4),

.pl8 li:nth-child(1),
.pl8 li:nth-child(2),
.pl8 li:nth-child(3),
.pl8 li:nth-child(4),
.pl8 li:nth-child(5),

.pl9 li:nth-child(1),
.pl9 li:nth-child(2),
.pl10 li:nth-child(2),

.pl-mobile2 li:nth-child(1),
.pl-mobile2 li:nth-child(2),

.pl-mobile3 li:nth-child(1),
.pl-mobile3 li:nth-child(2),
.pl-mobile3 li:nth-child(3),

.pl-mobile4 li:nth-child(1),
.pl-mobile4 li:nth-child(2),
.pl-mobile4 li:nth-child(3),
.pl-mobile4 li:nth-child(4){ margin-top: 0; }

.pl2 li:nth-child(2n+1),
.pl3 li:nth-child(3n+1),
.pl4 li:nth-child(4n+1),
.pl5 li:nth-child(5n+1),
.pl6 li:nth-child(3n+1),
.pl7 li:nth-child(4n+1),
.pl8 li:nth-child(5n+1),
.pl9 li:nth-child(2n+1),
.pl10 li:nth-child(2n+1),
.pl-mobile2 li:nth-child(2n+1),
.pl-mobile3 li:nth-child(3n+1),
.pl-mobile4 li:nth-child(4n+1){ clear: left; }



/* Modelo 2 ==========*/
/*====================*/
.pl2{ padding: 0 0 0 3px; }
.pl2 li{ width: 48%; margin: 20px 1% 0; }
.pl2 li a{
	}

.pl2 li a .data{}
.pl2 li a .titulo{}
.pl2 li a .descricao{}
.pl2 li a .image{}



/* Modelo 3 ==========*/
/*====================*/
.pl3{ padding: 0 0 0 3px; }
.pl3 li{ width: 32%; margin: 20px 0.65% 0; }
.pl3 li a{
	padding: 10px;
	}
		
.pl3 li a .data{}
.pl3 li a .descricao{}

.pl3 li a .titulo{ margin: 0; }
.pl3 li a .image{ width: 100%; height: 150px; margin: 0 0 10px 0; }
.pl3 li a .image > span:after{ color: #fefefe; font-size: 21px; text-align: center; }
.pl3 li a .image > span:after{ content: "+"; position: absolute; bottom: 0; left: -35px; width: 35px; height: 35px; line-height: 35px; opacity: 0.8; transition: 0.15s; }

.pl3 li a:hover{ border-bottom: 1px solid rgba(0,0,0,0.1); }
.pl3 li a:hover .image span:after{ left: 0; }



/* Modelo 4 ==========*/
/*====================*/
.pl4{ padding: 0 0 0 3px; }
.pl4 li{ width: 24.0%; margin: 20px 0.5% 0; }
.pl4 li a{
	display: block;
	padding: 10px;
	}

.pl4 li a .data{}
.pl4 li a .descricao{}

.pl4 li a .titulo{ margin: 0; }
.pl4 li a .image,
.pl4 li a .image span:after{ width: 100%; }
.pl4 li a .image{ height: 150px; float: none; margin: 0 0 10px 0; }
.pl4 li a .image > span:after{ color: #fefefe; font-size: 21px; text-align: center; }
.pl4 li a .image > span:after{ content: "+"; position: absolute; bottom: 0; left: -35px; width: 35px; height: 35px; line-height: 35px; opacity: 0.8; transition: 0.15s; }

.pl4 li a:hover{ border-bottom: 1px solid rgba(0,0,0,0.1); }
.pl4 li a:hover .image span:after{ left: 0; }



/* Modelo 5 ==========*/
/*====================*/
.pl5{ padding: 0 0 0 3px; }
.pl5 li{ width: 19%; margin: 30px 0.5% 0; }
.pl5 li a{
	display: block;
	padding: 10px;
	}

.pl5 li a .data{}
.pl5 li a .descricao{}

.pl5 li a .titulo{ margin: 0; }
.pl5 li a .image,
.pl5 li a .image span:after{ width: 100%; }
.pl5 li a .image{ height: 150px; float: none; margin: 0 0 10px 0; }
.pl5 li a .image > span:after{ color: #fefefe; font-size: 21px; text-align: center; }
.pl5 li a .image > span:after{ content: "+"; position: absolute; bottom: 0; left: -35px; width: 35px; height: 35px; line-height: 35px; opacity: 0.8; transition: 0.15s; }

.pl5 li a:hover{ border-bottom: 1px solid rgba(0,0,0,0.1); }
.pl5 li a:hover .image span:after{ left: 0; }



/* Modelo 6 ==========*/
/*====================*/
.pl6{ padding: 0 0 0 3px; }
.pl6 li{ width: 30%; margin: 30px 1.65% 0; }
.pl6 li a{
	display: block;
	padding: 0;
	}

.pl6 li a .data{}
.pl6 li a .descricao{}
	
.pl6 li a .titulo{ margin: 0; padding: 10px; overflow: hidden; background: #eee; }
.pl6 li a .image,
.pl6 li a .image span:after{ width: 100%; }
.pl6 li a .image{ height: 190px; float: none; margin: 0; padding: 0; border: none; background: #333; }
.pl6 li a .image > span:after{ content: ""; position: absolute; bottom: 0; left: -100%; height: 4px; opacity: 0.8; background: #fefefe; transition: 1.0s; }

.pl6 li a:hover{ background: none; }
.pl6 li a:hover .titulo{ color: #fefefe; background: #0A9FB0; }
.pl6 li a:hover .image span{ opacity: 0.8; }
.pl6 li a:hover .image span:after{ left: 0; }



/* Modelo 7 ==========*/
/*====================*/
.pl7{ padding: 0 0 0 3px; }
.pl7 li{ width: 23.0%; margin: 20px 1% 0; }
.pl7 li a{
	display: block;
	padding: 0;
	}

.pl7 li a .data{}
.pl7 li a .descricao{}

.pl7 li a .titulo{ margin: 0; padding: 10px; overflow: hidden; background: #eee; }
.pl7 li a .image,
.pl7 li a .image span:after{ width: 100%; }
.pl7 li a .image{ height: 150px; float: none; padding: 0; border: none; background: #333; }
.pl7 li a .image > span:after{ content: ""; position: absolute; bottom: 0; left: -100%; height: 4px; opacity: 0.8; background: #fefefe; transition: 1.0s; }

.pl7 li a:hover{ background: none; }
.pl7 li a:hover .titulo{ color: #fefefe; background: #0A9FB0; }
.pl7 li a:hover .image span{ opacity: 0.8; }
.pl7 li a:hover .image span:after{ left: 0; }



/* Modelo 8 ==========*/
/*====================*/
.pl8{ padding: 0 0 0 3px; }
.pl8 li{ width: 18%; margin: 20px 1% 0; }
.pl8 li a{
	display: block;
	padding: 0;
	background: #eee;
	}

.pl8 li a .data{}
.pl8 li a .descricao{}

.pl8 li a .titulo{ margin: 0; padding: 10px; overflow: hidden; background: #eee; }
.pl8 li a .image,
.pl8 li a .image span:after{ width: 100%; }
.pl8 li a .image{ height: 150px; float: none; padding: 0; border: none; background: #333; }
.pl8 li a .image > span:after{ content: ""; position: absolute; bottom: 0; left: -100%; height: 4px; opacity: 0.8; background: #fefefe; transition: 1.0s; }

.pl8 li a:hover{ background: none; }
.pl8 li a:hover .titulo{ color: #fefefe; background: #0A9FB0; }
.pl8 li a:hover .image span{ opacity: 0.8; }
.pl8 li a:hover .image span:after{ left: 0; }



/* Modelo 9 ==========*/
/*====================*/
.pl9{ padding: 0 0 0 3px; }
.pl9 li{ width: 48%; margin: 10px 1%; }
.pl9 li a{
	display: block;
	padding: 10px;
	}

.pl9 li a .data{}
.pl9 li a .descricao{}

.pl9 li a .titulo{ margin: 0; }
.pl9 li a .image,
.pl9 li a .image span:after{ width: 100%; }
.pl9 li a .image{ height: 150px; float: none; margin: 0 0 10px 0; }
.pl9 li a .image > span:after{ color: #fefefe; font-size: 21px; text-align: center; }
.pl9 li a .image > span:after{ content: "+"; position: absolute; bottom: 0; left: -40px; width: 40px; height: 40px; line-height: 40px; opacity: 0.8; transition: 0.15s; }

.pl9 li a:hover{ border-bottom: 1px solid rgba(0,0,0,0.1); }
.pl9 li a:hover .image span:after{ left: 0; }



/* Modelo 10 =========*/
/*====================*/
.pl10 li{ width: 46%; float: left; margin: 20px 2%; }
.pl10 li a{
	height: 150px;
	display: block;
	padding: 0;
	}

.pl10 li a .data{}
.pl10 li a .descricao{}

.pl10 li a .titulo{ color: #666; width: 35%; height: 100%; float: left; padding: 15px; margin: 0; background: #eee; transition: 0.2s; }
.pl10 li a .image{ width: 63.5%; height: 100%; float: right; padding: 0; margin: 0; border: none; opacity: 0.9; }
.pl10 li a .image > span:after{ color: #fefefe; font-size: 21px; text-align: center; }
.pl10 li a .image > span:after{ content: "+"; position: absolute; bottom: 0; left: -40px; width: 40px; height: 40px; line-height: 40px; opacity: 0.8; transition: 0.15s; }

.pl10 li a:hover{ background: none; }
.pl10 li a:hover .titulo{ color: #fefefe; margin: 0 0 0 5px; background: #0A9FB0; }
.pl10 li a:hover .image{ opacity: 1; }
.pl10 li a:hover .image span:after{ left: 0; }



/* Complemen Modelos =*/
/*====================*/
.pl-complemento-video li a .image span:after,
.pl-complemento-image li a .image span:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: -35px;
	margin: auto;
	width: 35px;
	height: 35px;
	opacity: 0.8;
	background: #912a8c;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60% auto !important;
	transition: 0.15s;
	}

.pl-complemento-video li a:hover .image span:after,
.pl-complemento-image li a:hover .image span:after{ left: 0; }

.pl-complemento-video li a .image > span:after{ background-image: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-pl-play.png); }
.pl-complemento-image li a .image > span:after{ background-image: url(http://www.marshmallowkids.com.br/buffet-infantil/images/ic-pl-image.png); }



/* Modelo Mobile =====*/
/*====================*/
.pl-mobile li,
.pl-mobile2 li,
.pl-mobile3 li,
.pl-mobile4 li{
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	}

@media handheld, screen and (min-width: 0px){
		
	/* Modelos 1 =========*/
	/*====================*/	
	.pl-mobile li{ width: 100%; }
	.pl-mobile li a{
		padding: 15px;
		}
	
	.pl-mobile li a .image{
		}
		
}
		
@media handheld, screen and (min-width: 640px){
	
	.pl-mobile2 li,
	.pl-mobile3 li,
	.pl-mobile4 li{
		padding: 0;
		border: none;
		}
		
		
	
	/* Modelos 2 =========*/
	/*====================*/
	.pl-mobile2 li{ width: 48%; margin: 20px 1% 0; }
	.pl-mobile2 li a{
		padding: 15px;
		}
	
	.pl-mobile2 li a .image{
		}
	
	
	
	/* Modelos 3 =========*/
	/*====================*/
	.pl-mobile3 li{ width: 32%; margin: 20px 0.65% 0; }
	.pl-mobile3 li a{
		padding: 10px;
		}
	
	.pl-mobile3 li a .image{
		width: 100%;
		max-width: 100%;
		height: 150px;
		float: none;
		margin: 0 0 10px 0;
		}
	
	.pl-mobile3 li a:hover{
		border-bottom: 1px solid rgba(0,0,0,0.1);
		}
	
	
	
	/* Modelos 4 =========*/
	/*====================*/
	.pl-mobile4 li{ width: 24.0%; margin: 20px 0.5% 0; }
	.pl-mobile4 li a{
		padding: 10px;
		}
	
	.pl-mobile4 li a .image{
		width: 100%;
		max-width: 100%;
		height: 150px;
		float: none;
		margin: 0 0 10px 0;
		}
	
	.pl-mobile4 li a:hover{
		border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		
}
	
@media handheld, screen and (max-width: 960px){
	
	.pl-mobile li a,
	.pl-mobile2 li a,
	.pl-mobile3 li a,
	.pl-mobile4 li a{
		height: auto !important;
		}
	
}

@media handheld, screen and (max-width: 360px){
	
	.pl-mobile li,
	.pl-mobile2 li,
	.pl-mobile3 li,
	.pl-mobile4 li{ width: 100%; max-width: 300px; float: none; margin: auto; padding: 0 0 30px 0; border: none; }
	
	.pl-mobile li a .image,
	.pl-mobile2 li a .image,
	.pl-mobile3 li a .image,
	.pl-mobile4 li a .image{
		width: 100%;
		max-width: 300px;
		height: 200px;
		float: none;
		margin: 0 auto 20px;
		}
		
}

@media handheld, screen and (min-width: 640px) and (max-width: 959px){	
		
	/* Modelos 4 =========*/
	/*====================*/
	.pl-mobile4 li:nth-child(3n+1){ clear: left !important; }
	.pl-mobile4 li:nth-child(4n+1){ clear: none; }
	.pl-mobile4 li:nth-child(4),
	.pl-mobile4 li{
		width: 32%;
		margin: 20px 0.65% 0;
		padding: 0;
		border: none;
		}

}



/*====================================================================================*/
/* View de publicações 3.5 ===========================================================*/
/*====================================================================================*/
.publicacao-view *{ margin: 0; padding: 0; }
.publicacao-view{ width: 100%; line-height: 22px; text-align: justify; }
.publicacao-view:after{
	content: "";
	display: block;
	clear: both;
	}

.publicacao-view .titulo{ margin: 0 0 20px 0; }
.publicacao-view .data{ font-size: 13px; display: block;  margin: -20px 0 20px 0; }
.publicacao-view .descricao{ display: block; margin: 0 0 20px 0; }

.publicacao-view .image{ width: 250px; height: 250px; float: left; margin: 10px 20px 10px 0; border: 1px solid #ddd; }
.publicacao-view .image span{ width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; }
.publicacao-view .image:hover{ border-color: #912a8c; }

.publicacao-view .iframe{ width: 100%; max-width: 700px; margin: auto; }
.publicacao-view .iframe div,
.conteudo-diverso .iframe div{ position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%; overflow: hidden; }
.publicacao-view .iframe div iframe,
.publicacao-view .iframe div object,
.publicacao-view .iframe div embed,
.conteudo-diverso .iframe div iframe,
.conteudo-diverso .iframe div object,
.conteudo-diverso .iframe div embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Galeria ===========*/
/*====================*/
.publicacao-view .galeria:after,
.conteudo-diverso .galeria:after{ content: ""; display: block; clear: both; }
.publicacao-view .galeria,
.conteudo-diverso .galeria{
	width: 100%;
	float: left;
	}

.publicacao-view .galeria li:nth-child(6n),
.conteudo-diverso .galeria li:nth-child(6n){ margin-right: 0; }
.publicacao-view .galeria li,
.conteudo-diverso .galeria li{
	width: 15.7%;
	float: left;
	margin: 0.5%;
	}
	
.publicacao-view .galeria li a,
.conteudo-diverso .galeria li a{ position: relative; border: 1px solid #ddd; }
.publicacao-view .galeria li a,
.conteudo-diverso .galeria li a,
.publicacao-view .galeria li a img,
.conteudo-diverso .galeria li a img{ width: 100%; height: 100%; display: block; }

.publicacao-view .galeria li a:hover,
.conteudo-diverso .galeria li a:hover{ border-color: #912a8c; }



.publicacao-view .galeria:first-child{ margin: 0 0 30px 0; }
.publicacao-view .galeria:first-child li:nth-child(7n),
.conteudo-diverso .galeria:first-child li:nth-child(7n),
.conteudo-diverso .galeria:nth-child(2) li:nth-child(7n){ margin-right: 0; }

.publicacao-view .galeria:first-child li:nth-child(6n),
.publicacao-view .galeria:nth-child(2) li:nth-child(6n),
.publicacao-view .galeria:first-child li,
.conteudo-diverso .galeria:first-child li,
.conteudo-diverso .galeria:nth-child(2) li{
	width: 13.29%;
	float: left;
	margin: 0.5%;
	}

@media screen and (max-width: 640px){
	
	.publicacao-view .galeria li:nth-child(4n),
	.conteudo-diverso .galeria li:nth-child(4n){ margin-right: 0; }
	
	.publicacao-view .galeria li:nth-child(6n),
	.conteudo-diverso .galeria li:nth-child(6n),
	.publicacao-view .galeria li,
	.conteudo-diverso .galeria li{
		width: 24%;
		margin: 0.5%;
		}

}

@media screen and (max-width: 480px){
	
	.publicacao-view .galeria li:nth-child(3n),
	.conteudo-diverso .galeria li:nth-child(3n){ margin-right: 0 !important; }
	
	.publicacao-view .galeria li:nth-child(6n),
	.conteudo-diverso .galeria li:nth-child(6n),
	.publicacao-view .galeria li:nth-child(4n),
	.conteudo-diverso .galeria li:nth-child(4n),
	.publicacao-view .galeria li,
	.conteudo-diverso .galeria li{
		width: 32.5%;
		margin: 0.5%;
		}

}

@media screen and (max-width: 360px){	
	
	.publicacao-view .galeria li:nth-child(6n),
	.conteudo-diverso .galeria li:nth-child(6n),
	.publicacao-view .galeria li:nth-child(4n),
	.conteudo-diverso .galeria li:nth-child(4n),
	.publicacao-view .galeria li:nth-child(3n),
	.conteudo-diverso .galeria li:nth-child(3n),
	.publicacao-view .galeria li,
	.conteudo-diverso .galeria li{
		width: 48.0%;
		margin: 1% !important;
		}

}



/* Conteúdo Diverso ==*/
/*====================*/
.conteudo-diverso:after{ content: ""; display: block; clear: both; }
.conteudo-diverso{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #eee;
	}

.conteudo-diverso .rotulo{ font-size: 16px; font-weight: bold; display: block; margin: 0 0 10px 0; }
.conteudo-diverso .titulo{ font-size: 16px; display: block; margin: 0 0 3px 0; }
.conteudo-diverso .descricao{ font-size: 13px; font-style: italic; line-height: 22px; display: block; margin: 0 0 20px 0; }

.conteudo-diverso .iframe{ width: 100%; max-width: 500px; }

.conteudo-diverso .download{ height: 32px; line-height: 32px; display: inline-block; padding: 0 0 0 35px; background-repeat: no-repeat; background-position: left center; }
.conteudo-diverso .download:hover{ color: #912a8c; }

.conteudo-diverso .tags:nth-child(2){ margin-left: 0; }
.conteudo-diverso .tags{ color: #777; font-size: 12px; float: left; display: block; margin: 3px; padding: 10px; border-radius: 5px; background: #eee; }
.conteudo-diverso .tags:hover{ color: #fefefe; background: #912a8c; }

.conteudo-diverso .veja-mais{ text-transform: uppercase; margin: 0; }

.lista_paginas{ width: 100%; margin: 0 auto; text-align: center; }
.lista_paginas span,
.lista_paginas a{ display: inline-block; margin: 50px 5px 0 5px; }
.pagina_numero,
.pagina_numero_ativo,	
.pagina_anterior_proxima{ color: #666; font-size: 13px; }
.pagina_anterior_proxima:hover{ color: #912a8c; }
.pagina_numero,
.pagina_numero_ativo{ padding: 8px 12px; }	
.pagina_numero,
.pagina_numero_ativo{ border: 1px solid #ccc; }	
.pagina_numero:hover,
.pagina_numero_ativo{ color: #fefefe; border-color: #912a8c; background: #912a8c; }



/*====================================================================================*/
/* Formulários =======================================================================*/
/*====================================================================================*/
.auto{ margin: 0 auto !important; }	
.no-margin{ margin: 0 !important; } 

div.div-int{ width: 100%; }
div.div-int > *{ font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

div.row-grid{ width: 100%; display: table; margin: 0 0 10px 0; }		
div.row-grid  label{ display: block; margin: 0 0 5px 0; }
div.row-grid .ra-ch{ line-height: 35px; }

div.row-grid .input6{ width: 100%; float: left; }
div.row-grid .input5{ width: 83%; float: left; margin: 0 2% 0 0; }
div.row-grid .input4{ width: 66%; float: left; margin: 0 2% 0 0; } 
div.row-grid .input3{ width: 49%; float: left; margin: 0 2% 0 0; }
div.row-grid .input2{ width: 32%; float: left; margin: 0 2% 0 0; }
div.row-grid .input1{ width: 14.94%; float: left; margin: 0 2% 0 0; }

div.row-grid .input6 ul, 
div.row-grid .input5 ul,
div.row-grid .input4 ul,
div.row-grid .input3 ul,
div.row-grid .input2 ul,
div.row-grid .input1 ul{ list-style: square; margin: 0 0 0 15px; }

div.row-grid .input6 ul li, 
div.row-grid .input5 ul li,
div.row-grid .input4 ul li,
div.row-grid .input3 ul li,
div.row-grid .input2 ul li,
div.row-grid .input1 ul li{ margin: 10px 0; }

div.row-grid .obs{
	padding: 15px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}


/* Fiedlset ==========*/
/*====================*/
fieldset{
	margin: 0 0 25px 0;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	}

fieldset legend{
	color: #912a8c;
	font-size: 16px;
	display: block;
	margin: 0; padding: 0;
	}


/* Inputs ============*/
/*====================*/
div.row-grid input[type=text],
div.row-grid input[type=password],
div.row-grid input[type=color],
div.row-grid input[type=date],
div.row-grid input[type=datetime],
div.row-grid input[type=datetime-local],
div.row-grid input[type=email],
div.row-grid input[type=month],
div.row-grid input[type=number],
div.row-grid input[type=search],
div.row-grid input[type=tel],
div.row-grid input[type=time],
div.row-grid input[type=url],
div.row-grid input[type=week],
div.row-grid select,
div.row-grid textarea{
	color: #000;
	font-size: 14px;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 7px;
	outline: none;
	border-radius: 0;
	border: 1px solid #ddd;
	background: #fefefe;
	transition: 0.1s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
div.row-grid input[type=text]:focus,
div.row-grid input[type=password]:focus,
div.row-grid input[type=color]:focus,
div.row-grid input[type=date]:focus,
div.row-grid input[type=datetime]:focus,
div.row-grid input[type=datetime-local]:focus,
div.row-grid input[type=email]:focus,
div.row-grid input[type=month]:focus,
div.row-grid input[type=number]:focus,
div.row-grid input[type=search]:focus,
div.row-grid input[type=tel]:focus,
div.row-grid input[type=time]:focus,
div.row-grid input[type=url]:focus,
div.row-grid input[type=week]:focus,
div.row-grid select:focus,
div.row-grid textarea:focus{	
	border: 1px solid #ccc;
	box-shadow: 0 0 2px #ddd;
	}	
	
div.row-grid textarea{ height: 150px; }
div.row-grid select{ padding: 6px; }		
div.row-grid select option{ color: #333 !important; width: 100% !important; color: inherit; }
			
div.row-grid input[type=radio],
div.row-grid input[type=checkbox]{ display: inline-block; margin: 0 5px 0 0; }

div.row-grid input[type=submit],
div.row-grid input[type=button]{
	color: #fefefe;
	font-size: 13px;
	float: left;
	display: block;
	margin: 0;
	padding: 8px 12px;
	outline: none;
	cursor: pointer;
	border: none;
	border-radius: 0;
	background: #999;
	} 
	
div.row-grid input[type=submit]:hover,
div.row-grid input[type=button]:hover{
	color: #fefefe;
	background: #912a8c;
	}



/*====================================================================================*/
/* Tooltip ===========================================================================*/
/*====================================================================================*/
.tooltip{ position: relative; cursor: default; }
.tooltip span:last-child{ opacity: 0; visibility: hidden; transition: 0.2s; }
.tooltip:hover span:last-child{ opacity: 1; visibility: visible; }

.tooltip span:last-child{ position: absolute; z-index: 10; width: 225px; line-height: 20px; padding: 15px; border-radius: 8px; background: rgba(0,0,0,0.90); }
.tooltip span:last-child:before{ content: ""; position: absolute; z-index: 99; }

.tooltip span:last-child{
	color: #fefefe !important;
	font-size: 14px !important;
	}

[data-tooltip="top"] span:last-child{ bottom: 30px; left: 0; }
[data-tooltip="top"] span:last-child:before{
	left: 15px;
	bottom: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0,0,0,0.90);
	}

[data-tooltip="bottom"] span:last-child{ top: 25px; left: 0; }
[data-tooltip="bottom"] span:last-child:before{
	left: 15px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(0,0,0,0.90);
	}

[data-tooltip="left"] span:last-child{ top: -10px; right: 130%; }
[data-tooltip="left"] span:last-child:before{
	right: -6px;
	top: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid rgba(0,0,0,0.90);
	}

[data-tooltip="right"] span:last-child{ top: -10px; left: 130%; }
[data-tooltip="right"] span:last-child:before{
	left: -6px;
	top: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid rgba(0,0,0,0.90);
	}