﻿/** CSS RESET **/
* {
	margin:0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

img{
 behavior: url(iepngfix.htc);
}

body {background: white  fixed repeat-X top center;}

h3 {color:#16171A; font:bold 17px Verdana, arial, Tahoma, sans-Serif; margin:20px 10px 5px 0;}
h3 a {color:#16171A;}

.menuacessibilidade, .linkacessibilidade {display:none;}

code, pre {
	padding:10px;
	margin:10px 0;
	background:white;
	border:1px solid #575757;
	font:11px/18px monospace;
	overflow:auto;
	display:block;
}

pre code, code pre {
	border:none;
	padding:0;
	margin:0;
	background:none;
}

/*** GERAL ***/
#geral {
	width:980px;
	margin:0 auto;
	background:white;
	display:table;
	position:relative;
}

div#topo {
	height:90px;
	width:100%;
	padding:0 0;
	background-repeat:no-repeat;
	background-position: center center;
	background-color: white;
	display:table;
}
#topo:after {
	content:" ";
	display: block;
	clear:both;
	visibility: hidden;
}

/*** LOGO DO TABLELESS ***/
h1.logo {
	background:none;
	width:180px;
	padding:0 20px;
	float:left;
	margin-right:10px;
}



h1.logo a {
	height:92px;
	display:block;
	background:url(http://www.yogagoiania.com.br/uniyoga.png) no-repeat;
	text-indent:-999em;
	overflow:hidden;
behavior: url(iepngfix.htc);
}

h1.logogoiania a {
	height:92px;
	display:block;
	background:url(uniyogagoiania.png) no-repeat;
	text-indent:-999em;
	overflow:hidden;
	width:180px;
	padding:0 20px;
	float:left;
	margin-right:10px;	
behavior: url(iepngfix.htc);
}

#topo h1.logo {float:left;}

/***********
	Credito Fotos
***********/
#principal a.linkflickr {
	position:absolute;
	left:5px; bottom:5px;
	background-color:#000033;
	behavior: url(iepngfix.htc);
	padding:5px;
	display:block;
	color:white;
	font:10px verdana, arial, tahoma, sans-serif;
}
#principal a.linkflickr:hover {text-decoration:underline;}




/*** PRINCIPAL HOME - ONDE APARECE UM POST, TEM A BUSCA E O LOGO ****/



#principal {
	background:url(fundo-postprincipal.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
	background-position: center top;
	background-color: white;
	height:350px;
	padding:10px 0;
	overflow:auto;
	position:relative;
}

.post-principal {
	width:335px;
	background:url(fundo-postprincipal.png);
	behavior: url(iepngfix.htc);

	color:white;
	position:absolute; /* use com moderação */
	right:10px;
	top:10px;
}
.post-principal pre {color:#000;}
.post-principal blockquote p {
	background:none;
	font:italic 12px/16px arial, tahoma,helvetica, sans-serif;
	padding:0 15px;
}

.post-principal h4.autor {
	font:12px verdana, Helvetica, arial, tahoma, sans-serif;
	color:#BEBDBD;
	padding:10px;
	border-bottom:3px double #414141;
}

.post-principal h4.autor .date {padding:0 0 0 30px;}

.post-principal h2 {
	padding:10px 10px 5px;
	font:22px/30px Verdana, Helvetica, arial, tahoma, sans-serif;
	color:#FFF;
}
.post-principal h2 a {color:#FFF}
.post-principal h3 {font:17px verdana, arial, tahoma, sans-serif; color:#FFF; margin-left:10px;}
.post-principal p {
	padding:5px 10px;
	font: 12px/19px verdana, arial, tahoma, sans-serif;
	color:#FFF;
}
.post-principal p a {color:#FFF; text-decoration:underline;}
.post-principal p a:hover {text-decoration: none; background:white; color:black;}

.post-principal .numb-comentarios a, .post-principal a.more-link {
	font:15px Georgia, times, times new roman, serif;
	color:#FFF;
	padding:14px 10px 20px;
	text-decoration: underline;
}
.post-principal a.more-link:hover {background:transparent; color:white; text-decoration: underline;}

.post-principal .numb-comentarios a {float:left; position: relative; top:-5px;}
.post-principal a.more-link {float:right;}

#principal ul {margin:0 0 0 15px ;}
#principal ul li a {
	font:12px verdana, sans-serif;
	color:white;
	text-decoration:underline;
}



/*** MOSTRA TAGS e CATEGORIAS ***/
.post-principal .tags-categs {
	font:small arial, verdana, tahoma, helvetica, sans-serif;
	color:#BEBDBD;
	border-top:1px dotted #414141;
	padding:10px;
	clear:both;
}

.post-principal .tags-categs a {text-decoration:none; font:10px verdana, arial, tahoma, helvetica, sans-serif !important; color:#BEBDBD;}
.post-principal .tags-categs a:hover {text-decoration: underline;}
.post-principal .tags-categs h5 {float:left; font:bold 11px verdana, arial, tahoma, helvetica, sans-serif; padding:0 4px 0 0;}

.post-principal .tags-categs ul {margin:0 0 5px;}
.post-principal .tags-categs ul li {display:inline;}



/*************
	ENTRADAS
	OUTROS POSTS, HISTORICO, CATEGORIAS 
*************/
#entradas {
	clear:both;

	_height:5em; /*hack para IE6 - Outro lixo*/
}
#entradas:after {
	content:" ";
	display: block;
	clear:both;
	visibility: hidden;
}

#entradas div {
	float:left;
	width:325px;
	_width:325px;
	float:left;
	padding:15px 0 0;
	background-color:#000033;

	position:relative;
border-right:1px solid white;
border-left:1px solid white;
}
	/*height:25em;
	*height:27em;  hack para IE7 - Um lixo*/
	 /*_height:25em;hack para IE6 - Outro lixo*/

#entradas div.experimental {
	border-right:0 solid white;
	border-left:1px solid white;
	width:325px;
}

#entradas div.parque1 {
	border-right:0 solid white;
	border-left:1px solid white;
	width:326px;
	height:460px;
	behavior: url(iepngfix.htc);
}

#entradas div.parque2 {
	border-right:0 solid white;
	border-left:1px solid white;
	width:325px;
	height:460px;
	behavior: url(iepngfix.htc);
}

#entradas div.videos {
	border-right:0 solid white;
	border-left:1px solid white;
	width:100%;

}

#entradas div.enviado {
	border-right:0 solid white;
	border-left:1px solid white;
	width:979px;


}

#entradas div.enviar {
	border-right:0 solid white;
	border-left:1px solid white;
	width:325px;
	height:480px;
}

#entradas div.comborda {
	border-right:1px solid white;
	border-left:1px solid white;
	width:652px;
	height:480px;
}

#entradas div h2 {
	display:block;
	text-indent:-999px;
	overflow:hidden;
	width:200px;
	height:40px;
	margin:0 10px;
}

#entradas div.outros-posts h2 {background:url(images/tit-outrosartigos.gif) no-repeat 5px 0;}
#entradas div.historico h2 {background:url(images/tit-historico.gif) no-repeat 5px 0;}
#entradas div.aprenda h2 {background:url(images/tit-aprenda.gif) no-repeat 5px 0;}

#entradas div ul {margin:0 10px;}
#entradas div ul li ul {margin:0 !important;}

#entradas div ul li {_float:left; width:100%;}
#entradas div ul li, #entradas div ul li h5 {
	color:white;
	font:11px verdana, arial, tahoma, sans-serif;
	border-top:1px solid #1B1B1C;
}

#entradas div ul li span {color:black; font-weight: normal; padding: 0 0 0 15px;}

#entradas div ul li h5 {border:none; padding:0 0 10px;}
#entradas div ul li h5 small {
	display:block;
	padding:5px 10px 0;
	font-weight: normal;
	color:#000;
}
#entradas div ul li h5 a {
	_width:296px;
	padding:10px 0 0 10px;
}

#entradas div ul li a {
	padding:10px;
	_width:286px;
	color:white;
	display:block;
	border-top:1px solid #767676;
}
#entradas div ul li a:hover {background:url(images/fundo-hover-entradas.gif) repeat-Y;}

#entradas div a.linkmais {
	display:block;
	text-align:right;
	font:bold 12px verdana, arial, tahoma, sans-serif;
	color:white;
	padding:10px;
	margin:20px 0 0;
	border-top:1px dotted #767676;
	position:absolute;
	bottom:10px;
	width:306px;
}

#entradas .historico .select-historico {
	margin:5px 10px 0 160px;
	width:150px;
}

#entradas .historico .select-historico option {
	padding:3px;
	font:11px verdana, arial, tahoma, sans-serif;
	cursor: pointer;
}

/***** BANNER DA VISIE *****/
.banner-visie {
	clear:both;
	background:url(images/banner-visie.jpg) no-repeat;
	width:100%;
	height:140px;
	border-top:1px solid white;
	position:relative;
}

.banner-visie h3, .banner-visie h4, .banner-visie a {
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

.banner-visie a {
	position:absolute;
	left:0;
	top:0;
	height:140px;
	width:100%;
}

/***** INTERNA *****/
.texto {
	width:660px;
	padding:20px;
	float:right;
}

.texto h4.autor {
	padding:0 0 25px;
	font:12px verdana, arial, tahoma, sans-serif;
	color:#000;
}
.texto h4.autor a {color:#000; text-decoration: underline;}

.texto h4.autor span {
	padding:0 0 0 30px;
	font:normal 10px verdana, arial, tahoma, sans-serif;
}

.texto h2 {
	font:50px Georgia, Times, Times New Roman, Serif;
	color:#626262;
	padding:0 0 20px 0px;
	border-bottom:4px double #C1C1C1;
	margin:0 0 20px;
}
.texto h2 a {color:#626262; text-decoration: none;}
.texto h2 a:hover {color:#626262; text-decoration: underline;}

.texto h4 {
	font:bold 15px arial, tahoma, helvetica, verdana, sans-serif;
	color:#DB0012;
	margin:15px 0 0;
}

.texto p {
	font:13px/18px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	padding: 0 0 15px 0px;
}
.texto p strike {font:italic 13px/19px verdana, arial, tahoma, sans-serif;}
.texto p a {text-decoration:underline; color:blue;}
.texto a:hover{color:red; text-decoration: none;}

.texto blockquote {
	font:italic 12px/20px arial, tahoma, verdana, helvetica, sans-serif;
	color:#313131;
	background:url(images/aspas.gif) no-repeat left top;
	padding:25px 35px;
}
.texto blockquote p {font-style:italic;}

.texto ul, .texto ol {margin:0 0 10px;}
.texto ul li, .texto ol li {
	margin:0 0 0 25px;
	padding:0 0 7px;
	list-style:disc;
	font:12px arial, tahoma, verdana, sans-serif;
}
.texto ol li {list-style:decimal;}

.texto dl {font:12px verdana, arial, tahoma, sans-serif;}
.texto dl dt {
	font:bold 12px verdana, arial, tahoma, sans-serif;
	margin-top:10px;
}
.texto dl dd {
	font:12px verdana, arial, tahoma, sans-serif;
}


.texto a.more-link {
	float:right;
	color:black;
	text-decoration: underline;
}

.texto span.numb-comentarios {
	float:right;
	clear:right;
	padding:5px 0 20px;
	font:13px arial, verdana, tahoma, sans-serif;
}
.texto span.numb-comentarios a {color:#000; text-decoration: underline;}

.texto .tags-categs {
	font:11px verdana, arial, tahoma, helvetica, sans-serif;
	color:#000;
	padding:15px 0;
	clear:both;
}
.texto .tags-categs a {color:#000;}
.texto .tags-categs h5 {float:left; font:bold 11px verdana, arial, tahoma, helvetica, sans-serif; padding:0 4px 0 0;}

.texto .tags-categs ul, .texto .tags-categs ol {margin:0 0 10px;}
.texto .tags-categs ul li {display:inline; margin:0; padding:5px 0 0;}

.texto ul.related_post {margin:0 0 20px;}
.texto ul.related_post li {padding:3px 0 0;}

.texto hr {
	margin: 10px 0 20px;
	border:none;
	background:none;
	border-top:1px solid #D6D6D6;
	clear:both;
}

.texto table {
	border-collapse: collapse;
	border:1px solid #CCC;
}
.texto table th {
	background:#CCC;
	font:bold 13px verdana, arial, tahoma, sans-serif;
	padding:5px;
	text-align:left;
}
.texto table td {
	vertical-align: top;
	font:11px verdana, arial, tahoma, sans-serif !important;
	padding:5px;
	border-bottom:1px solid #CCC;
	text-align:left;
}
.texto table td p {	font:11px verdana, arial, tahoma, sans-serif !important;}
.texto table td code {
	border:none;
	background:none;
	padding:0;
	display:inline;
}

/****
	NAVEGAÇAO DE POSTS ANTERIORES E RECENTES
****/
.navigation {
	display:table;
	width:100%;
	margin:10px;
	text-align:right;
}
.navigation div {display:inline; border-right:1px solid white;}
.navigation a {
	padding:5px;
	border:1px solid black;
	font:13px verdana, arial, tahoma, sans-serif;
	color: #000;
	text-decoration: none;
}
.navigation a:hover {
	background:#FF0000;
	color:#FFF;
}
/*.navigation .alignleft a {float:left;}
.navigation .alignright a {float:right;}*/

/********
	PAGINA: APRENDA
	customização da página aprenda
********/
.texto.aprendapag {
	width:auto;
	float:none;
	margin:0;
	padding:0;
}



.texto.aprendapag #aprenda {
	background:#2C2C29;
	overflow: hidden;
	border-top:1px solid #FFF;
}

.texto.aprendapag #aprenda h2 {
	font:bold 50px arial, verdana, tahoma, sans-serif;
	color:#FFF;
	padding:20px 20px 0;
	margin:0;
	border:none;
	letter-spacing: -3px;
}

.texto.aprendapag #aprenda h3 {
	font: 22px Georgia, times, times new roman, serif;
	color:#FFF;
	padding:0 20px;
	border:none;
}

.texto.aprendapag p {
	font:14px/20px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	width:814px;
	color:#FFF;
	padding:10px 20px 0;
}


.texto.aprendapag .box {
	border: 1px solid #C1C1C1;
	width:290px;
	margin:10px 0 10px 25px;
	float:left;
}

.texto.aprendapag .box h3 {
	font:bold 32px arial, verdana, helvetica, tahoma, sans-serif;
	color:#242424;
	letter-spacing: -3px;
	border-bottom: 1px solid #C1C1C1;
	padding:10px;
	margin:0;
}

.texto.aprendapag .box ul {margin:0; padding:0;}
.texto.aprendapag .box ul li {
	list-style: none;
	margin:0;
	padding:10px;
	border-bottom: 1px solid #C1C1C1;
	border-top: 1px solid #FFF;
}

.texto.aprendapag .box ul li a {
	font:12px arial, tahoma, sans-serif;
	color:#242424;
	text-decoration: none;
}

.texto.aprendapag .box ul li a:hover {
	text-decoration: underline;
	color:red;
}
.texto.aprendapag .box.tagcloud {
	padding:0;
	/*width: 100%;*/
}
.texto.aprendapag .box.tagcloud h3 {margin:0 !important;}
.texto.aprendapag .box.tagcloud span {
	display:block;
	padding:10px;
}
.texto.aprendapag .box.tagcloud span a {
	color:#90659A;
}

.texto.aprendapag .box ul li ul {display: none;}

.box a.linkmais {
	display:block;
	text-align:right;
	padding:5px;
	color:#000;
	font:13px verdana, arial, tahoma, sans-serif;
}

.banners-paginas {
	padding:20px 10px 0;
	margin:20px 0;
	overflow:auto;
	list-style: none;
}

.banners-paginas li {
	float:left;
	width:210px;
	margin-left:15px;
	_display:inline;
	list-style: none !important;
}

.banners-paginas li a {
	color:#FFF;
	font:bold 24px/20px Arial, Verdana, Tahoma, Sans-serif;
	letter-spacing: -2px;
	background-repeat: no-repeat;
	background-position: left center;
	padding:30px 0 30px 75px;
	margin:0 0 20px;
	display:block;
}

.banners-paginas li.ico-im a {background-image:url(images/ico-iphone.png);}
.banners-paginas li.ico-wp a {background-image:url(images/ico-wp.png);}
.banners-paginas li.ico-firefox a {background-image:url(images/ico-firefox.png);}
.banners-paginas li.ico-videos a {background-image:url(images/ico-videos.png);}
.banners-paginas li.ico-napratica a {background-image:url(images/ico-tuto.png);}
.banners-paginas li.ico-seo a {background-image:url(images/ico-seo.png);}
.banners-paginas li.ico-podcast a {background-image:url(images/ico-podcast.png);}

.banners-paginas li a:hover {
	color:#FFF;
	text-decoration: underline;
} 

/**** TAG CLOUD ****/
.tagcloud {
	border:1px solid #0060D8;
	padding:10px;
	margin:15px 0;
	background:#F5F2F5;
}
.tagcloud a {
	font-family: verdana, arial, tahoma, sans-serif;
	color:#0060D8;
}

.tagcloud a:hover {
	color:#DB0012;
	text-decoration:underline;
}

/*********
	COMENTARIOS 
	Caixas de comentários e formulário
*********/
.texto #comentarios {
	background:url(fundo-postprincipal.png);
	border:none;
	padding:0 10px;
	margin:15px 0;
}

.texto #comentarios h3 {
	font:bold 23px Georgia, Times, Times New Roma, Serif;
	color:white;
	padding:10px;
	border-bottom:0;
}

.texto #comentarios div.comentario {
	border-bottom:1px solid #797B7D;
	border-top:1px solid #B9B9BA;
	color:#FFF;
}
.texto #comentarios div.comentario:hover {background:#B9B9BA; color:black;}
.texto #comentarios h5 {
	font:18px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
	padding:10px 10px 5px;
}
.texto #comentarios h5 a {color:#FFF; text-decoration:underline;}
.texto #comentarios div.comentario:hover h5 a {color:black;}
.texto #comentarios h5 small {
	padding:0 0 0 30px;
	font-size:12px;
	color:#5E5F61;
}

.texto #comentarios p {
	font:13px/22px Arial, Helvetica, Tahoma, Verdana, Sans-serif;
	padding:0px 10px 15px;
}

.texto #comentarios form {text-align: center; margin:30px 0;}
.texto #comentarios form fieldset {border:none;}

.texto #comentarios form label {
	display:block;
	font:11px verdana, arial, tahoma, sans-serif;
	width:400px;
	padding:0 0 5px;
	color:white;
	margin:0 auto;
	text-align: left; 
}

.texto #comentarios form label input {
	border:1px solid #B9B9BA;
	padding:3px;
	width:200px;
	display:block;
}

.texto #comentarios form label input:focus, .texto #comentarios form label textarea:focus {
	border:2px solid #7FCAE5;
	padding:2px;
}

.texto #comentarios form label textarea {
	border:1px solid #B9B9BA;
	width:400px;
	padding:3px;
	height:200px;
}

.texto #comentarios em {color:white; font:small verdana, arial, tahoma, sans-serif;}
.texto #comentarios em a {color:#FFF;}


/**** POSTS RELACIONACIONADOS ****/
.post-principal .aizattos_related_posts {display:none;}
.aizattos_related_posts {padding:20px 0 20px;}
.aizattos_related_posts h3 {font:bold 13px Verdana, arial, Tahoma, sans-Serif;}
.aizattos_related_posts ul li {
	font-weight:normal;
	padding:0 0 10px;
}


/**** FORM CONTATO ****/
.msgenviado {
	float:right;
	width:400px;
	padding:10px;
	margin:0px 10px 10px 10px;
	font:20px Georgia, Times, Times New Roman, serif;
	color:#FFF;
	background:url(fundo-postprincipal.png);
	/*background:#000;*/
}
.msgenviado p {margin:0 0 30px;}
.msgenviado p a {color:#FFF; text-decoration: underline;}

div.form-contato form {
	width:500px;
	padding:10px;
	background:url(fundo-postprincipal.png);
	/*background:#000;*/
	margin:0px 10px 10px 10px;
	position:absolute;
	bottom:10px;
	right:10px;
}

div.form-contato form label {
	display:block;
	font:13px verdana, arial, tahoma, sans-serif;
	color:#FFF;
	text-align: left; 
}

div.form-contato form label input {
	border:1px solid #B9B9BA;
	padding:4px;
	width:555px;
	display:block;
}

div.form-contato label input:focus, div.form-contato label textarea:focus {
	border:2px solid #7FCAE5;
	padding:3px;
}

div.form-contato form label textarea {
	border:1px solid #B9B9BA;
	width:550px;
	padding:4px;
	height:300px;
	font:12px arial, tahoma, sans-serif;
}

input.botenviar {
	width:125px;
	height:32px;
	background: url(images/botenviar.png) no-repeat;
	margin:10px auto;
	display:block;
	text-indent: -999px;
	overflow:hidden;
	border:none;
	cursor: pointer;
}

div.contactright {color:white; font:11px verdana;}

/**********
	MENU
	O menu do site.
**********/
ul.minimenu {
	position:relative;
	top:-10px;
	margin-left:2px;
	margin-right:2px;
	_padding-top:5px;
}
ul.minimenu li {display:inline; /* por causa do bug no IE6 */}
ul.minimenu li a {
	float:left;
	padding:7px;
	color:white;
	margin:10px 1px;
	font:12px verdana, arial, tahoma, sans-serif;
	background-color: midnightblue;
behavior: url(iepngfix.htc);
	text-decoration: none !important;
}
ul.minimenu a:hover {
	color:white;
	text-decoration: underline;
	background:black;
}


/**********
	SIDEBAR
	Coisas da lateral
**********/
#sidebar {
	width:270px;
	float:left;
}
#sidebar:after {
	content: " ";
	display:block;
	clear:both;
}

/**********
	PROPAGANDA - porque esse site não vive de ar.
	As coiseras que vão na sidebar
**********/
#propaganda {
	width:250px;
	padding:20px 10px 30px;
	text-align:left;
	position:absolute;
}
#propaganda a {
	color:#696969;
	text-decoration:underline;
	font:bold 12px/19px Arial, Tahoma, helvetica, Sans-serif;
}
#propaganda h1.pdfxml a {
	display:block;
	text-indent:-1999px;
	overflow:hidden;
	width:239px;
	height:79px;
	background:url(images/botton-xml.png) no-repeat;
}

#propaganda h1.bannercampus{margin:20px 0;}
#propaganda h1.bannercampus a {
	display:block;
	background:url(images/banner-campus-tableless.png) no-repeat;
	width:221px;
	padding:210px 10px 20px;
	outline: none;
	font: 15px/21px verdana, arial, tahoma, sans-serif;
	color:#0E0E0E;
	text-decoration: none;
	text-align: center;
}

/******
	Div do Twitter do Tableless
******/
#twitter_div {
	background:url(images/twitterrific_icon.png) no-repeat left top;
	padding:60px 10px 0 5px;
	margin:10px 10px 0;
	width:230px;
}
#twitter_div h2 {display:none;}

#twitter_div p {
	background:url(images/fundo-twitter.png);
	border:1px dotted #1247A7;
	font:11px verdana, arial, tahoma, sans-serif;
	color:#555;
	padding:10px;
}

#twitter_div a.linksiga {
	display:block;
	text-align: right;
	color:#363636;
	font:9px verdana, arial, tahoma, sans-serif;
	position:relative; bottom:-5px;
}

/*** LINK DO FEED ****/
a.a2a_dd {
	position: absolute;
	right: 30px;
}

#principal a.a2a_dd {
	position: absolute;
	right: 180px;
	top:20px;
	padding:8px 0 8px 30px;
	display:block;
	background:url(images/feed-icon.gif) no-repeat 3px center;
	font:13px verdana, arial, tahoma, sans-serif;
	color:white;
	text-decoration: underline;
}
#principal a.a2a_dd:hover {background-color:black;}



