/*
Theme Name: Instituto Avon
Theme URI: http://insttutoavon.com.br
Description: Template padrão do blog Avon
Version: 1
Author: MKT Virtual
Author URI: http://www.mktvirtual.com.br
Tags: blue, custom header, fixed width, two columns, widgets, avon, pink
*/

* {
	margin: 0;
	padding: 0;
	}
strong{
	font-weight:bold;
	}	
	embed, object{
		outline:0;
	}
html, body {
	height: 100%;
	}
p{
	font: 11px "Verdana", arial, tahoma, Helvetica, Sans-serif;
	color:#9f9f9f;
	text-align:left;
}
.tit{
	margin-bottom:5px;
}
.tit span{ 
	display:none;
}
body {	
	color:white;	
	background-color:#5C99D0;
	font-family:"Verdana", tahoma, tahoma, Helvetica, Sans-serif;
	}	
.bg1{
	background:#5C99D0 url('img/bg1.jpg') no-repeat fixed center top;
	}
.bg2{
	background:#5C99D0 url('img/bg2.jpg') no-repeat fixed center top;
	}
.bg3{
	background:#5C99D0 url('img/bg3.jpg') no-repeat fixed center top;
	}
img {
	border:none;
	}
ul li{
	list-style:none;
	}
a {
	font: 11px "Verdana", tahoma, tahoma, Helvetica, Sans-serif;
	color:#cc61ca;
	text-decoration: none;
	outline:none;
	font-weight:bold;
	}
	a:hover{
		text-decoration:underline;
		cursor:pointer;
		color:#DC6C94;
	}
	a:visited:{outline:none;}	

small{
	font:normal 10px "Verdana", tahoma;
}
.pink{
	color:#DC6C94;
}
.roxo{
	color:#cc61ca;
}
.blue{
	color:#24aae1;
}
h2, h2 a{
	color:#cc61ca;
	font:normal 24px "Verdana", tahoma, arial;
}
input{
	color:#24aae1;
}
#super{
	overflow: hidden;
	_overflow: normal;
	min-height: 100%;
	_height: 100%;
	width: 100%;
	z-index: 0;
	_clear: both;
	position: relative;
	}
#super #wrapper{
	margin: 0 auto;
	width: 778px;
	position: relative;
	overflow: hidden;
	padding-bottom: 100px;
	_clear: both;
	}
	#super #wrapper #header{
		width:100%;
		height:91px;
		overflow:hidden;
		position:relative;
		background:transparent url('img/bg_sidebar.gif') repeat-y 555px top;		
		}
	#super #wrapper #header h1{
		margin:31px;
		}
	#super #wrapper #header h1 a{
		overflow:hidden;
		width:125px;
		height:58px;
		text-indent:-9999em;
		background:transparent url('img/logo_instituto.gif') no-repeat left top;
		display:block;
		}	
	#super #wrapper #header #menu{
		width:567px;
		height:52px;
		position:absolute;
		right:0;
		bottom:0;
		background:transparent url('img/bg_menu.gif') repeat-x left top;
		}
		#super #wrapper #header #menu ul{
			height:41px;
			}
		#super #wrapper #header #menu ul li{
			float:left;
			height:25px;
			/*
			margin:0 10px;
			padding:8px 11px;
			*/
			margin: 0 5px;
			padding: 8px;
			_margin: 0 4px;
			_padding: 8px;
			}
			#super #wrapper #header #menu ul li a{
				color:white;
				}
			#super #wrapper #header #menu ul li.active{
				background:transparent url('img/bg_menu_hover.gif') repeat-x left top;
				}	
		#super #wrapper #header #menu .sombra{
			background: transparent url('img/bg_menu_sombra.gif') no-repeat right top;
			width: 100%;
			clear: both;
			height: 11px;
			}
		#super #wrapper #section{
			overflow:hidden;
			}
			#super #wrapper #section #box{
				float:left;
				width:535px;
				margin-top:30px;
				}
				#super #wrapper #section #box .post{
					overflow:hidden;
					}
					#super #wrapper #section #box .post .data{
						float:left;
						width:71px;
						margin-top:21px;
						}
						#super #wrapper #section #box .post .data_post{
							background-color:#cc61ca;
							padding:3px 0;
							border-right:solid 3px #b656b4;
							}
							#super #wrapper #section #box .post .data_post p, #super #wrapper #section #box .post .comment p{
								text-align:center;
								color:white;
								font-size:15px;
								}
							#super #wrapper #section #box .post .data_post p:first-child{
								font-size:25px;
								}
							#super #wrapper #section #box .post .data_post p:last-child, #super #wrapper #section #box .post .comment p:last-child{
								font-size:9px;
								}	
						#super #wrapper #section #box .post .comment{
							background-color:#a249b0;
							padding:3px 0;
							border-right:solid 3px #90419d;
							}
							#super #wrapper #section #box .post .comment p:first-child{
								font-size:16px;
								}
						#super #wrapper #section #box .post p.tags{
							background:transparent url('img/bg_tag.gif') no-repeat left 1px;
							padding-left:27px;
							margin-top:10px;
							color:#EF59A1;
							clear: both;
							}
						#super #wrapper #section #box .post p.tags a{
							color:#EF59A1;
						}			
					#super #wrapper #section #box .post .content{
						background:white;
						float:left;
						padding:15px;
						border-bottom:solid 1px gray;
						width:432px;
						}
                              
                         #super #wrapper #section #box #pagination {
                              float:left;
                              margin:10px 0 10px 71px;
                              width:432px;
                              height:18px;
                              display:block;
                              }
                         
                         #super #wrapper #section #box #pagination .right {
                              float:right;
                              }
                         
                         #super #wrapper #section #box #pagination .left {
                              float:left;
                              }
						
					#super #wrapper #section #sidebar .tags{
						margin-left: 12px;
						width: 188px;
						}
						#super #wrapper #section #sidebar .tags a{
							color: white;
						}
						/*#super #wrapper #section #box .post .content img:first-child, .wp-post-image{
							border: solid 7px #24aae1;
							margin: 5px;
						}*/
						
                              #super #wrapper #section #box .post .content .wp-smiley{
							border: none ! important;
							margin: 0 ! important;
						}
						.thumbPost{
							float: left;
							display: block;
							vertical-align: top;
                                   margin-bottom:6px;
                                   margin-right:6px;
                                   padding:2px;
							}
						#super #wrapper #section #box .post .content .show_post{
							margin: 20px 0;
							}
							.show_post p{ 
								margin: 0px; padding: 0px; padding-bottom:1.2em; 
							}
							.postContentClear{
								clear: both;
								}
                                  .avatar{
                                       width:31px;
                                       height:31px;
                                       float:left;
                                       *margin-top:12px;
                                        }

									.avatar img{
										border: solid 7px #24aae1;
										margin: 5px;
									}	
                                   .comentario{
                                       margin-left:60px;
                                       padding-top:5px;
                                       *padding-top:0;
                                       }
                                   #comment{
                                        margin-bottom:30px;
                                        }
								
			#super #wrapper #section #sidebar{
				background: url("img/bg_sidebar.png") repeat-y left top transparent;
				float: right;
				padding-bottom: 100px;
				width: 224px;
				overflow: hidden;
				}
				#super #wrapper #section #sidebar #login{
					overflow:hidden;
					width:185px;
					margin:0 auto;
				}
				
				#super #wrapper #section #sidebar #busca{
					background:url("img/bg_busca.gif") repeat-x scroll left top transparent;
					float:right;
					height:80px;
					width:211px;
					overflow:hidden;
					margin-top:20px;
					clear: both;
					}
					#super #wrapper #section #sidebar #busca input#s{
						background-color:white;
						border:1px solid gray;
						color:#A249B0;
						float:left;
						margin-left:9px;
						padding:5px 3px;
						width:145px;
						}
					#super #wrapper #section #sidebar #busca .enviar{
						background:url("img/btn_ok.gif") no-repeat scroll left top transparent;
						height:27px;
						overflow:hidden;
						width:33px;
					}	
					#super #wrapper #section #sidebar #busca .enviar input{
						width:33px;
						border:none;
						height:27px;
						opacity:0;
						filter:alpha(opacity=0);
						display:block;
					}
					#super #wrapper #section #sidebar #busca h5.busca{
						background:url("img/tit_busca.gif") no-repeat scroll left top transparent;
						height:18px;
						margin:8px;
						width:63px;
						}
					#super #wrapper #section #sidebar .sombra_busca{
						background:url("img/bg_busca_sombra.gif") no-repeat scroll left top transparent;
						float:right;
						height:13px;
						overflow:hidden;
						width:206px;
						}
				#super #wrapper #section #sidebar .rss{
					width:185px;
					overflow:hidden;
					margin:0 auto;
					padding-top:10px;
					clear: both;
					}
				#super #wrapper #section #sidebar .rss .ico{
					float:left;
					width:40px;
					height:38px;
					margin-right:8px;
					background:url("img/ico_rss2.gif") no-repeat scroll left top transparent;
					}
				#super #wrapper #section #sidebar .rss h5 a{
					background:url("img/tit_assine.gif") no-repeat scroll left top transparent;
					display:block;
					height:12px;
					margin-bottom:3px;
					margin-left:45px;
					width:98px;
					}
				#super #wrapper #section #sidebar .rss p, #super #wrapper #section #sidebar .rss a{
					color:white;
					}
				#super #wrapper #section #sidebar #banner{
					width: 186px;
					margin: 13px;
					overflow: hidden;
					/*background:url("img/panel2.gif") no-repeat scroll left top transparent;*/
					clear: both;
					}
				#super #wrapper #section #sidebar #video{
					width:186px;
					height:167px;
					margin:12px;
					}	
                    #super #wrapper #section #sidebar #video .chamada_video{
                         font:11px "Verdana",tahoma,arial;
                         font-weight:bold;
                         color:#fc72c7;
                         text-align:left;
                         height:44px;
					}
                    
                    #super #wrapper #section #sidebar #video .chamada_video_bottom{
                         font:11px "Verdana",tahoma,arial;
                         font-weight:bold;
                         color:#fc72c7;
                         text-align:left;
                         margin-bottom:5px;
					}
                    #super #wrapper #section #sidebar #video .destaque{
                         font:13px "Verdana",tahoma,arial;
                         font-weight:bold;
                         color:#fbaedc;
                         text-align:justify;
					 }                         
				#super #wrapper #section #sidebar #twitter{
					margin:13px;
					background:url("img/chamada_twitter_fsm.jpg") no-repeat scroll left top transparent;
					}
				#super #wrapper #section #sidebar h5.tagcloud{
					background:url("img/tit_tags.gif") no-repeat scroll left top transparent;
					width:189px;
					height:23px;
					display:block;
					text-indent:-9999em;
					margin:11px;
					}

#footer{
	width:100%;
	height:102px;
	bottom: 0;
	background: white url('img/bg_footer.gif') no-repeat center top;
	position: absolute;
	}
	#footer .center_content{
		width: 778px;
		overflow: hidden;
		margin: 12px auto;
		}
		#footer .center_content ul.logos{
			float: left;
			margin-top: 9px;
			width: 223px;
			_width: 213px;
			}
			#footer .center_content ul.logos li{
				margin-left:25px;
				float:left;
				}	
		#footer .center_content .nav{
			float:left;
			overflow:hidden;
			}
			#footer .center_content .nav ul{
				float: left;
				margin: 9px;
				width: 75px;
				}
				#footer .center_content .nav ul li{
					width: 75px;
					}
			#footer .center_content .nav ul li a{
				color:#9f9f9f;
				font:normal 10px "Verdana", tahoma, arial;
				}	
			#footer .center_content .logo_instituto{
				float:right;
				margin:12px;
				}
               #footer .center_content .folheto_avon{
				float:right;
                    margin:22px 12px 12px;
				}
				
	.gallery{
		width: 345px;
		margin: 20px auto !important
		}
		.gallery .gallery-item{
			width: 170px !important;
			overflow: hidden;
			margin-top: 0 !important;
			}
			.gallery .gallery-item img{
				margin: 0 !important;
			}
			.comentarioSmall{
				font-size: 9px !important;
				padding: 0px !important;
			}