@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
em {
	font-style: normal;
}
body{
				width: 100%;
				margin: 0;
				font-family: 'Helvetica', Arial;
				animation: fadein 1s; /* Padrão */
				-webkit-animation: fadein 1s; /* Webkit */
				-moz-animation: fadein 1s; /* Firefox */
				-ms-animation: fadein 1s; /* IE */
			}
			.navigation {
				display: none;
			}
			address {
				font-size: 13px;
			}
			a, a:hover {
				text-decoration: none;
				color: #000000;
			}
			.topo{
				margin-top: 50px;
				width: 100%;
				height: 150px;
			}
			.faixaColorida {
				height: 120px;
				width: 100%;
				position: absolute;
				z-index: -1;
				margin-top: -20px;
				background-color: #E67006;
			}
			.row {
				width: 970px;
				margin:auto;
			}
			.logotipo {
				
				background: #ffff00; /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNmZDZjZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  #ffff00 38%, #7db9e8 38%, #fd6cdb 38%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(38%,#ffff00), color-stop(38%,#7db9e8), color-stop(38%,#fd6cdb)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  #ffff00 38%,#7db9e8 38%,#fd6cdb 38%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  #ffff00 38%,#7db9e8 38%,#fd6cdb 38%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  #ffff00 38%,#7db9e8 38%,#fd6cdb 38%); /* IE10+ */
				background: linear-gradient(to right,  #ffff00 38%,#7db9e8 38%,#fd6cdb 38%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#fd6cdb',GradientType=1 ); /* IE6-8 */
				width: 970px;
				margin:auto;
				height: 150px;
				font-weight: bold;
				letter-spacing: 5px;
				line-height: 160px;
				text-align: center;
			}
			h1 {
				font-family: 'Helvetica', Arial;
				font-size: 125px;
				margin:0;
			}
			.slogan {
				width: 90%;
				height: 21px;
				margin-top:5px;
				font-family: 'Helvetica', Arial;
				font-size: 20px;
				text-align: right;
			}
			.masonry { 
			    -moz-column-count: 2;
			    -webkit-column-count: 2;
			    column-count: 2;
			    -moz-column-gap: 1em;
			    -webkit-column-gap: 1em;
			    column-gap: 1em;
			}

			.item { /* Masonry bricks or child elements */
			    left: 3px;
				top: 3px;
				width: 336px;
				margin-bottom: 25px;
				box-shadow: rgba(0, 0, 0, 0.329412) 0px 1px 3px 0px;
				cursor: pointer;
				border-left: 1px solid #cccccc;
				border-top: 1px solid #cccccc;
				padding-bottom: 15px;
				display: inline-block;
			}
			.item .titulo {
				width: 295px;
				margin:auto;
				font-size: 18px;
				margin: 20px auto;
				margin-bottom: 10px;
			}
			.item .texto {
				width: 295px;
				margin:auto;
				font-size: 12px;
				line-height: 18px;
				color: #000000;
			}
			.item img{
				width: 100%;
				height: auto;
			}
			.conteudo {
				float: left;
				width: 700px;
				margin-top: 100px;
				height: auto;
			}
			.categories {
				list-style: none;

			}
			.categories>ul{
				list-style: none;
				padding: 0;
				margin: 0;
				margin-top: 45px;
				border-bottom: 1px solid #333333;
			}
			.categories>ul>li{
				padding: 10px 0;
				border-top: 1px solid #333333;
			}
			.categories ul li a{
				margin-left: 10px;
				text-decoration: none;
				color: #333333;
			}
			.categories ul li a:hover{
				margin-left: 10px;
				text-decoration: none;
				color: #fd6cdb;
			}
			.menu {
				float: left;
				width: 230px;
				height: auto;
				margin-left: 30px;
				margin-top: 100px;
			}
			.menu>ul{
				list-style: none;
				padding: 0;
				margin: 0;
				margin-top: 45px;
				border-bottom: 1px solid #333333;
			}
			.menu>ul>li{
				padding: 10px 0;
				border-top: 1px solid #333333;
			}
			.menu ul li a{
				margin-left: 10px;
				text-decoration: none;
				color: #333333;
			}
			.menu ul li a:hover{
				margin-left: 10px;
				text-decoration: none;
				color: #fd6cdb;
			}
			
			
				
			.agendaAtelie {
				background-image: url('http://www.arteinfanciablog.com.br/wp-content/themes/twentytwelve/images/amarelo.jpg');
				height: 60px;
				width: 230px;
				font-size: 24px;

			}
			.agendaAtelie .link {
				margin-left: 5px;
				width: 90%;
				padding-top: 3px;

			}
			.programacaoCultural {
				background-image: url('http://www.arteinfanciablog.com.br/wp-content/themes/twentytwelve/images/azul.jpg');
				height: 60px;
				width: 230px;
				font-size: 24px;
				margin-top: 15px;
				line-height: 25px;

			}
			.programacaoCultural .link {
				margin-left: 5px;
				width: 90%;
				padding-top: 3px;
			}
			.footer {
				width: 100%;
				height: 420px;
				margin-top: 20px;
				margin-bottom: 30px;
				background: #FD6CDB;
			}
			.clear {
				clear: both;
			}
			.seta {
				width: 100%;
				text-align: right;
				height: auto;
			}
			.seta img{
				cursor: pointer;
			}
			.social {
				width: 99%;
				height: auto;
				margin-top: 30px;
				margin-bottom: 30px;
			}
			.social img{
				float: right;
				margin-left: 15px;
			}
			.sobre {
				float: left;
				width: 430px;
				height: auto;
			}
			.sobre .titulo{
				background: #FFFF01;
				padding: 1px 5px;
				width: 70px;
				font-size: 20px;
			}
			.sobre .conteudo{
				width: 100%;
				height: auto;
				margin-top: 20px;
				font-size: 14px;
				line-height: 18px;
			}
			.contato {
				float: right;
				width: 430px;
				height: auto;
			}
			.contato  .titulo{
				background: #FFFF01;
				padding: 1px 5px;
				width: 100px;
				font-size: 20px;
			}
			.contato .conteudo{
				width: 100%;
				height: auto;
				margin-top: 20px;
				font-size: 14px;
				line-height: 18px;
			}
			.formularioContato {
				width: 100%;
				height: auto;
				margin-top: 20px;
			}
			.camposInput {
				width: 200px;
				height: 70px;
				float: left;
			}
			.textarea {
				width: 205px;
				float: left;
				height: 70px;
				margin-left: 21px;
			}
			.inputContato {
				border: 4px solid transparent;
				color: rgba(31, 28, 28, 1);
				margin: 0 0 5px;
				padding: 5px;
				width: 100%;
				margin-bottom: 3px;
			}
			.inputText {
				border: 4px solid transparent;
				color: rgba(31, 28, 28, 1);
				margin: 0 0 5px;
				padding: 5px;
				width: 187px;
				height: 47px;
			}
			.inputEnviar {
				float: right;
				height: 24px;
				width: 48px;
				border-radius: 0px;
				background-color: #FFFFFF;
				border: none;
				margin-right: 4px;
			}
			.rodape {
				font-size: 10px;
				margin-top: 15px;
			}
			.postProgramacao {
				width: 100%;
				height: auto;
				margin-bottom: 60px;
			}
			.dataProgramacao {
				width: 220px;
				height: 153px;
				float: left;
				padding: 10px;
				background-color: #2DDAE8;
				text-align: center;
				font-size: 34px;
				font-weight: bold;
				padding-top: 30px;

			}
			.conteudoProgramacao {
				width: 435px;
				height: auto;
				float: right;
			}
			.corpoProgramacao {
				line-height: 1.5em;
				font-size: 16px;
				margin-top: 10px;
			}
			.corpoProgramacao a{
				color: rgba(45,218,232,1);
				font-weight: bold;
			}
			h2 {
				margin: 0;
				font-size: 36px;
			}
			.corpoPost {
				margin-top: 20px;
			}
			.corpoPost p{
				line-height: 1.6em;
				font-size: 15px;
			}
			.corpoPost p a {
				color: rgba(45,218,232,1);
			}
			.nav-single, .comments-area {
				display: none;
			}
			#slides {
      display: none;
      margin-bottom:30px;
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
    .coluna1 {
    	float: left;
		width: 181px;
		height: auto;
		margin-left: 25px;
		margin-right: 40px; 
    }
    .noMRSobre {
    	
    	margin-right: 0px;
    }
    .conteudo1 {
    	height: auto;
    	width: auto;
    	line-height: 1.2em;
    	font-size: 12px;

    }
    .conteudo1 p{
    	line-height: 1.2em;
    	font-size: 14px;
    	margin-bottom: 15px;
    	color: rgba(31,28,28,1);

    }
    .conteudo1 img{
    	border-radius: 50%;
    	margin-bottom: 30px;
    }
    .nome1 {
    	float: left;
    	width: auto;
    	background-color: #FD6CDB;
    	height: auto;
    	font-size: 22px;
    }
    .redeSocial {
    	position: fixed;
    	left: 0;
    	top: 35%;
    	height: auto;
    	width: 45px;
    }
    .redeSocial ul{
    	padding: 0px;
    	margin: 0px;
    	margin-left: 5px;
    }
    .redeSocial ul li {
    	list-style: none;
    	margin: 0px;
    	margin-bottom: 5px;
    	height: 35px;
    	width: 35px;
    }
    .redeSocial ul li:hover {
    	margin-left:3px;
    }
    .redeSocial ul li img{
    	width: 100%;
    	height: auto;
    	display: block;
    }
    .faceTool {
    	width: 300px;
    	position: absolute;
    	height: auto;
    	background: #FD6CDB;
    	text-align: center;
    	color: #FFF;
    	display: none;
    	bottom: -55px;
    	font-size: 12px;
    	border-radius: 5px;
    	line-height: 18px;
    	width: 180px;
    	padding: 5px;
    }
    .faceTool:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(253, 108, 219, 0);
	border-bottom-color: #fd6cdb;
	border-width: 6px;
	margin-left: -6px;
}
    .programacaoCultural .link:hover .faceTool {
    	display: block;
    }