/*  
  CSS - Miralua

  Decrição: Estilo do site da Miralua.
  Versão: 1.0
  Autor: Devigate - Agência Web
  Autor URL: http://www.devigate.com.br/

  Criação: 10 Março 2010
  Última edição: 10 Março 2010

*/

/* ============================================================================= */
/* TOPO */
/* ============================================================================= */

#divTopo 
{
	height: 28px;
	background:url(../img/topo/fundo.jpg);
}

#divMenu
{
	background:#ccc;
	height: 100px;
	margin:auto;
	width:1000px;
}

/* ============================================================================= */
/* ESTRUTURA */
/* ============================================================================= */

html
{
	height: 100%;
}

*
{
	padding: 0;
	margin: 0;
}

img
{
	border: 0;
}

p
{
	line-height: 1.6em;
	margin: 0 0 0.7em;
}

#divContainer
{ 
   text-align: left; 
   width: 1000px; 
   margin: auto;
   margin-top:25px;
}


body
{
	margin: 0px auto;
	background:url(../img/fundo/Fundo-Principal.jpg) no-repeat;
	background-color:#000;
	background-attachment: fixed;
	

}

#divPrincipal
{ 
   text-align: left; 
   width: 959px;
   height: 1082px;
   margin: auto; 
   background:url(../img/fundo/Layout.png) no-repeat;
}

#divPrincipal2
{ 
   text-align: left; 
   width: 959px;
   height: 550px;
   margin: auto; 
   background-color:#000;
}

#divPrincipal3
{ 
   display:table;
   text-align: left; 
   width: 959px;
   height: 100%;
   margin: auto; 
   background-color:#000;
}

#divFrame3
{
	float:left;
	position:relative; 
	width: 920px;
	margin-left:15px;
	margin-top:5px;
	height:320px;
}

#divFrame4
{
	float:left;
	position:relative; 
	width: 920px;
	margin-left:15px;
	height:210px;
	background-color:#000000;
}

#divEsquerdaMural
{
	float:left; 
	position:relative; 
	width: 290px;
	margin-left:20px;
	margin-top:5px;
	background:url(../img/Fundo/Depoimentos.png) no-repeat;
	height:200px;
}

#divEspacadorMural
{
	width:270px;
	height:5px;
	margin-top:5px;
	margin-left:20px;
}

#divMeioNoticias
{
	float:left; 
	position:relative; 
	width: 290px;
	margin-top:5px;
	margin-left:15px;
	background:url(../img/Fundo/Depoimentos.png) no-repeat;
	height:200px;
}

#divEspacadorNoticias
{
	width:270px;
	height:5px;
	margin-top:5px;
	margin-left:20px;
}

#divDireitaPlayer
{
	float:left; 
	position:relative; 
	width: 290px;
	margin-top:5px;
	margin-left:15px;
	background:url(../img/Fundo/Depoimentos.png) no-repeat;
	height:200px;
}

#linha1
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:8px;
}

#linha2
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:8px;
}

#linha3
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:8px;
}

#linha6
{
	width:620px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}

#linha31
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}

#linha12
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}



#linha4
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:18px;
	margin-top:7px;
}

#linha13
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}

#linha5
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}

#linha20
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}

#linha21
{
	width:275px;
	position: relative;
	margin: 0px auto;
	float:left;
	padding-left:12px;
}

#nomenews
{
	width:50px; 
	position: relative;
	margin: 0px auto;
	float:left;
}

#camponomenews
{
	width:200px; 
	position:relative;
	margin: 0px auto;
	float:left;
	margin-left:5px;
}

#divTelefone
{
	 width:50px;
	 position: relative;
	 margin: 0px auto;
	 float:left;
}

#divbotoes
{
	width:50px;
	position: relative;
	margin: 0px auto;
	float:left;
}

#divlinknews
{
	width:50px;
	position: relative;
	margin: 0px auto;
	float:left;
}

#divemailcontato
{
	width:50px; 
	position: relative;
	margin: 0px auto;
	float:left;
}

#campoemailnews
{
	width:220px; 
	position: relative;
	margin: 0px auto;
	float:left;
	margin-left:5px;
}

#campodddnews
{
	width:200px; 
	position: relative;
	margin: 0px auto;
	float:left;
	margin-left:5px;
}

#campolinknews
{
	width:220px; 
	position: relative;
	margin: 0px auto;
	float:left;
}

#campobotaonews
{
	width:220px; 
	position: relative;
	margin: 0px auto;
	float:left; 
	top:10px;
}

/* =================================================================================== */
/* CORPO */
/* =================================================================================== */

#corpo
{
	display: table;
	margin:0px auto;
	margin-left:10px;
	width: 945px;
}

#bannerEsquerda1
{
	float:left;
	position: relative;
	margin:0px auto;
	width: 360px;
	height: 900px;
	background-color:#000;
}

.mainTextbordodepoente
{
	font: 11px arial, verdana, tahoma, sans-serif; 
	color: #fff;
	text-align: justify;
}

A.linkMaintextDepoente
{
	font: 14px arial, verdana, tahoma, sans-serif; 
	color: #fff;
	text-align: justify;
	line-height:19px;
	text-decoration:underline;
	/*font-weight:bold;*/
}

A.linkMaintextDepoente:hover
{
	font: 14px arial, verdana, tahoma, sans-serif; 
	color: #fff;
	text-align: justify;
	line-height:19px;
	text-decoration: none;
	/*font-weight:bold;*/
}

#divtextoDepoimento
{
	top:10px; 
	width:590px;
	position: relative;
	float:left;
	margin-left:10px;
}

#bannerEsquerda2
{
	float:left;
	position: relative;
	margin:0px auto;
	width: 940px;
	height: 300px;
	background-color:#000;
}

#bannerEsquerda3
{
	float:left;
	position: relative;
	margin:0px auto;
	width: 940px;
	height: 250px;
	background-color:#000;
}

#NewsletterImg
{
	width:540px;
	height:198px;
	position: relative;
	margin: 0px auto;
	float:left;
	margin-left:10px;
	background: url(../img/Newsletter/Newsletter.jpg) no-repeat;
}

#FaleconoscoTexto
{
	width:230px;
	height:150px;
	position: relative;
	margin: 0px auto;
	float:right;
}


#divPaginaCentral
{
	float:left;
	position: relative;
	width: 580px;
	height: 900px;
	background-color:#000;
}

#divPaginaCentral2
{
	float:left;
	position: relative;
	width: 940px;
	height: 600px;
	background-color:#000;
}

#divPaginaCentral3
{
	float:left;
	position: relative;
	width: 940px;
	height: 900px;
	background-color:#000;
}

#divPaginaCentral3
{
	float:left;
	position: relative;
	width: 940px;
	height: 865px;
	background-color:#000;
}

.TitleFotos {
	font: 13px Arial, verdana, sans-serif; 
	color: #fff; 
	letter-spacing:0,1em;
	line-height:150%;
}

.pont{background-image:url("../IMG/icone/DIVISOR.gif");}

.mainTextAlerta
{
	font: 14px arial, verdana, tahoma, sans-serif; 
	color: #fff;
	text-align: justify;
	line-height:19px;
}

.mainText
{
	font: 13px Arial, verdana, sans-serif; 
	text-align:left; 
	color: #fff; 
	letter-spacing:0,1em;
	line-height:150%;
}

.mainTextForm
{
	font: 15px Arial, verdana, sans-serif; 
	text-align:left; 
	color: #fff; 
	letter-spacing:0,1em;
}

A.titFotosHome
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}

A.titFotosHome:hover
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	color:#dededa;
}

A.menuBannerMaintextsimples
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

A.menuBannerMaintextsimples:hover
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#dededa;
}


A.titFotosTextoCompleto
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none;
	/*font-weight:bold;*/
}

A.titFotosTextoCompleto:hover
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#dededa;
	text-decoration: none;
	/*font-weight:bold;*/
}

A.titSaibamais
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

A.titSaibamais:hover
{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:10px;
	color:#dededa;
}

.mainTextmaior
{
	font: 15px Arial, verdana, sans-serif; 
	text-align:left; 
	color: #fff; 
	line-height: 30px;
}

.titFaleconosco
{
	font-family:Arial, Verdana, Trebuchet MS, Helvetica, Geneva, sans-serif;
	font-size:14px;
	color:#fff;
}

a.maiTextHomelink
{
	font-family:Arial, Verdana, Trebuchet MS, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration: none;
}

a.maiTextHomelink:hover
{
	font-family:Arial, Verdana, Trebuchet MS, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration: underline;
}

.VideoList a {
	display: block;
	float:left;
	position:relative;
	width:310px;
	height:59px;
	margin-left:10px;
	text-decoration:none;
}
 
.VideoList a:hover 
{
	display: block;
	float:left;
	position:relative;
	background-color:#262b24;
	width:310px; 
	height:59px;
	margin-left:10px;
	text-decoration:none;
}

.TituloVideo3
{
	font-family:Arial, Verdana,  sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}

.TituloVideo4
{
	font-family:Arial, Verdana,  sans-serif;
	font-size:18px;
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

.mainTextDataMural
{
	font-family:Arial, Verdana, sans-serif;
	font-size:11px;
	color:#fff;
}

.TituloVideo2
{
	font-family:Arial, Verdana,  sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}

A.vejamais
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration: underline;
}

A.vejamais:hover
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:11px;
	color: #999999;
	text-decoration:underline;
}

.maiTextEquipeDescricao
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:15px;
	color:#fff;
}

A.linkMaintext
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:14px;
	color: #fff;
	text-decoration: underline;
}

A.linkMaintext:hover
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration: none;
}

.mainTextbordoMidia
{
	font: 14px arial, verdana, tahoma, sans-serif; 
	color: #fff;
	line-height:19px;
}

.TitulosBackground
{
	background:#fff;
}

.TituloLabel
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:left;
	text-decoration: none;
}

.fotocliente a {
	display: block;
	float:left;
	position:relative;
	border: 3px solid #262b24;
	margin: 3px;
}
 
.fotocliente a:hover 
{
	display: block;
	float:left;
	position:relative;
	border: 3px solid #cccccc;
	margin: 3px;
}

A.linkMaintextClientesTitulos
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color: #fff;
	text-decoration: underline;
}

A.linkMaintextClientesTitulos:hover
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#cccccc;
	text-decoration: none;
}

#divOutrosclientes
{
	float:right;
	margin-right:15px;	
}


/* =================================================================================== */
/* RODAPE */
/* =================================================================================== */


#divFooter 
{
	margin: 0 auto 0;
	text-align: left;
	position: relative;
	height: 85px;
	margin-top:5px;
}

#divMeiofooter
{
	width:959px;
	margin:auto;
	height: 85px;
	
}

#divRodape
{
	width:959px;
	margin:auto;
	height: 85px;
}


#divRodapeempresa
{
	position:relative;
	float:left;
	margin:0px auto;
	width: 300px;
	height: 85px;
}

#divCopyright
{
	padding-left:20px; 
	padding-top:10px;
	text-align:left;
}

#divContatorodape
{
	position:relative;
	float:left;
	margin:0px auto;
	width: 600px;
	height: 85px;
}

#rodapesocial
{
	width:959px;
	margin:auto;
	height: 85px;

}

#twitter
{
	position:relative;
	float:left;
	text-align:center;
	margin-top:5px;
	width: 135px;
}

#myspace
{
	position:relative;
	float:left;
	text-align:center;
	margin-top:5px;
	width: 32px;
	margin-left:180px;
	margin-top:15px;
}

#orkut
{
	position:relative;
	float:left;
	text-align:center;
	margin-top:5px;
	width: 135px;
}

#youtube
{
	position:relative;
	float:left;
	text-align:center;
	margin-top:5px;
	width: 135px;
}

.maiTextRodape
{
	font: 12px arial, verdana, tahoma, sans-serif; 
	color: #ffffff;
}

A.linkCopyright
{
	font-family:Arial, Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration: underline;
}

A.linkCopyright:hover
{
	font-family:Arial, Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
	font-size:11px;
	color:#e5ebf0;
	text-decoration: none;
}

A.topoMaintext
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration: underline;
}

A.topoMaintext:hover
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#cccccc;
	text-decoration: none;
}

A.rodapeMaintext
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color: #fff;
	text-decoration: none;
}

A.rodapeMaintext:hover
{
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#cccccc;
	text-decoration: underline;
}

.mainTextData
{
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#fff;
}

/* =================================================================================== */
/* ERROS */
/* =================================================================================== */

.erroMaintext
{
	font-family: Arial, Verdana, Trebuchet MS, Helvetica, Geneva, sans-serif;
	font-size:14px;
	color:#fff;
}

/*------------------------------------------------------------------------------------- */
/*MODAL POPUP - RECUPERAR SENHA*/
/*------------------------------------------------------------------------------------- */
.modalBackground {
    background-color:#000;
    filter:alpha(opacity=95);
    opacity:0.8;
    position:absolute;
	margin:0px auto;
}

.modalPopup img {
    border:solid 5px #000;
    width:16px;
    height:16px;
    top: 0px;
}

.modalPopup-text {
    display:block;
    color:#000;
    background-color:#000;
    text-align:center;
    border:solid 2px #000;
    top: 0px;
}
.modalPopup-text input {
    width:75px;
    top: 0px;
} 

/*===========================================*/
/*  ESTILO DOS CAMPOS DA GRIDVIEW            */
/*===========================================*/
.HeaderText {
    FONT-FAMILY: Arial, Verdana, Tahoma, Geneva,  Helvetica, sans-serif;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	TEXT-ALIGN: left; 
	COLOR: #fff; 
}

.AlternateField
{
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	color:#ffffff;
	background-color: #000000;
}