/* ~~| Openhaus - Soluções Tecnológicas [C.S. 24.01.2008] |~~~~~~~~~~~~ */

@charset "utf-8";



/* ~~| Corpo do site |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	*				{ margin: 0; padding: 0; list-style: none; }
	body			{ font-family:Tahoma; font-size: 11px; color: #333; background:url(../images/bg_body.jpg) repeat; width:100%; height:100% }
	
	#corpo			{ width: 776px; margin: 0 auto; display: table; text-align: left; background: #fff; }
	#topo			{ height: 100px; margin-top: -311px; margin-bottom: 211px; }
	#flash			{ height: 211px; border-bottom: solid 1px #fff; }
	#centro			{ height: 500px; }
	html>body #centro{ height: auto; }
	  #esq			{ width: 188px; float: left; }
	  #meio			{ width: 413px; float: left; }
	  #dir			{ width: 175px; float: left; color: #425982; }
	#rodape			{ height: 30px; width:100%; background: url(../images/rodape_bg1.jpg) repeat-x bottom; margin-top:15px  }
	
	a				{ text-decoration: none; color: #333; }
	a img			{ border: none; }
	a:hover			{ text-decoration: underline; }
	
	
	.verde			{ color: #51B813; }
	.vermelho		{ color: #FF0000 ; }

	.Radio			{ border: none; background: none; }
	
	.listItem		{ background: url(../images/ic_laranjado.jpg) no-repeat; padding: 8px 22px; }
	.subitens a		{ display: block; margin: 0 0 10px 10px; }
	.subitens p		{ display: block; margin: 0 0 10px 10px; }
	.subtitles		{ font-weight: bold; margin-bottom: 10px; }
	
	 .FotoPad		{ border: solid 1px #ccc; padding: 2px;}
	 
	.Table			{ border: solid 1px #ccc; width: 100%; }
	.TablePad		{ border: solid 1px #ccc; width: 100%; }	
	.Table tr		{ border: none; }
	.Table td		{ border: solid 1px #ccc; padding: 3px 5px; width: 50%; }
	.TablePad td	{ border: solid 1px #ccc; padding: 3px 5px; }
	
	.boxListagem	{ padding-top: 5px; padding-bottom:5px; background: url(../images/barra_pontilhada.jpg) repeat-x left bottom; }
	* html .boxListagem	{ height: 41px;}
	.boxListagem div{ color: #75AFA5; font-weight: bold; }
	.boxListagem img{ float: left; margin-right: 8px; margin-top: 3px; }
	.boxListagemDesc{ display: block; padding: 15px; }
	.boxListagem .only{ line-height: 27px; }
	.only a			{ color: #75AFA5; }
	.boxListagemSemData{ line-height: 25px; }
	
/* ~~| ESQ |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#esq #menuBorder{ border-right: solid #E6E8EF; border-width: 0 1px; margin-bottom: 5px; padding-right:2px }
	#esq #menuBox	{ /*height: 313px;*/ border: solid #EFEFEF; border-width: 0 1px 1px; background-color:#f7f7f7;}
	#esq #menuTitle	{ width: 97%; border-bottom: solid 1px #39559A; padding: 12px 0 7px 6px; }

	#esq ul	*		 { color: #425982; }
	* html #esq ul li{ display: inline; }
	/*#esq ul	li		{  background: url(../images/marcador_menu.gif) no-repeat 8px 8px; }
	#esq ul li a	{ height: 20px; padding-left: 10px; line-height: 20px; display: block; text-decoration: none; }
	#esq ul li a:hover{ background: url(../images/bg_menu_hover.gif) no-repeat left 8px 8px; text-decoration: underline; }*/
	
	
/* ~~| TOPO |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#topo #Logo		{ margin: 10px 0 0 15px; float: left; }
	#topo #bannerTopo{ margin: 12px; display: inline; float: right; }
	
	
/* ~~| MEIO |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#meio #meioInt	{ /*height: 500px;*/ display: table; margin-left: 3px;/* border-left: solid 1px #E6E8EF; */}
	#meio #title	{ margin: 0 0 0 1px; padding: 10px; background: url(../images/bg_meio_bem_vindo.jpg) repeat-y; color: #336699; line-height: 13px; }
	
	#meio .box		{ width: 120px; /*height: 175px;*/ margin-left: 2px; background: url(../images/bg_cax_meio.jpg) repeat-x; float: left; }
	html>body #meio .box{ width: 132px; }
	#meio .boxDescricao{ width: 132px; /*height: 200px;*/ margin-top: 2px; padding-left:5px; }
	html>body #meio .boxDescricao{ width: 120px; }
	
	.boxDescricao div{ line-height: 12px; margin-bottom: 10px; }
	.boxDescricao img{ line-height: 12px; margin-bottom: 2px; }
	
	#meio #boxNoots	{ margin: 10px 0 5px; min-height: 193px; padding-top: 10px; }
	#meio #boxTv	{ width: 200px; position:inherit; /*height: 181px; margin-left: 5px;*/ float: left;/* background: #eee; */}
	#meio #boxNots	{ width: 180px; margin-left: 5px; float: left; }
	
	#meio .notTitle	{ font-weight: bold; line-height: 17px; color: #336699; margin-bottom: 10px; }
	#meio .notTitle a { text-decoration: none; color: #425982;}
	#meio .notTitle a:hover { text-decoration: underline; color: #425982;}
	#meio .notDesc	{ line-height: 11px;}
	
	#centro #meioMM	{ width: 550px; margin: 15px; float: left; text-align: justify; line-height: 15px; }
	#centro #meioMM p{ margin-top: 13px;  }
	#centro #cab	{ padding: 15px; margin-bottom: 15px; line-height: 15px; border: solid #ccc; border-width: 1px 2px 2px 1px; background: #f5f5f5; }
	#centro h3		{ font-size: 18px; }
	#centro h5		{ padding-top: 10px; font-size: 14px; }

	#centro .listaSubtitle{ font-weight: bold; }	
	
	.pointer		{ cursor: pointer; }
	
	/*.imgTv			{ border: solid 4px #fff; margin: 6px 0 0 6px; }*/
	.txtTv			{ overflow: hidden; padding: 5px 10px 0; line-height: 13px; text-align: center;}
	.txtTv a		{ color: #336699 !important; }
	.boxSetasTv		{ float: right; margin-right: 6px; }
	
	
/* ~~| DIR |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#dir *				{ color: #425982; line-height: 16px; }
	#dir #boxNoticias	{ background: #F7F7FF; padding: 8px; height: 275px; }
	#dir .notTitle		{ padding-left: 13px; background: url(../images/square.jpg) no-repeat 2px 5px; font-weight: bold; }
	#dir .notDesc		{ line-height: 12px; margin-bottom: 15px; }
	#dir .dirBanners	{ margin-bottom: 2px; }
	/*#dir .dirBanners2	{ margin-top: -10px; }
	#dir .dirBanners3 	{ margin-top: 5px;  }*/
	


	.boxMenu		{ background: #fff; margin: -21px 0 0 177px; width: 190px; position: absolute; }
	.boxMenu a		{ padding: 1px 3px; margin-bottom: 2px; border: solid 1px #E4E2D6; background: #fff; display: block; }
	.boxMenu a:hover{ background: #E4E2D6 !important; }
	
	
	
	.imageBorders	{ border: solid 1px #ccc; padding: 2px; }
	




	/* ~~ eventos ~~ */
 
	 #tituloCima		{
						  width:339px; height:23px; background:#E6E6D8; font-weight:bold; float:left; margin-right:1px
						}
	 #tituloCima .ig	{ margin: 5px 5px 0 10px; float: left }
	 #dataCima			{
						  width:182px; height:23px; background:#E6E6D8; color:#919171; font-weight:bold; margin-bottom:5px; float:left
						}
	 .TtDt				{ margin: 5px 0 0 10px; }
	 
	
	 .CxGrande			{ width: 525px; margin-left: 4px;}
	 .QdrImg			{ #width: 72px; #height: 61px; padding: 2px; #padding: 3px 0 0 3px; border: solid 1px #E6E6D8; margin: 0 10px 10px 0; float: left }
	 .ImgPeq			{ cursor: pointer; width: 68px; height: 57px; }
	 
	 
/*obra imagem */