/***** geral *******************************************************************************************************************************************************/
html {margin:0px;}

body{
 font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
margin:0; padding:0; font-family: Tahoma, arial, verdana; background:url(../img/bg_login.jpg) top repeat-x #468732;}


/***** texto ****************************************************************************************************************************************************/
p{ font-family: Tahoma, arial, verdana; font-size: 12px; padding-top:5px; padding-bottom:1px; margin:0 5px; }

h1{ font-family: Tahoma, arial, verdana; font-size: 14px; padding-top:5px; padding-bottom:5px; margin:0 5px; font-weight:bold;}
h2{ font-family: Tahoma, arial, verdana; font-size: 12px; padding-top:5px; padding-bottom:5px; margin:0; font-weight:bold;}
h3{ font-family: Tahoma, arial, verdana; font-size: 12px;  padding-top:10px; margin:0; font-weight:bold;}
h4{ font-family: Tahoma, arial, verdana; font-size: 14px; padding-top:10px; padding-bottom:2px; margin:0; font-weight:bold; border-bottom: 1px solid;}
h5{ font-family: Tahoma, arial, verdana; font-size: 12px; padding-top:5px; padding-bottom:1px; margin:0; font-weight:bold; border-bottom: 1px solid; color:#000; text-transform:uppercase;}

/***** links ****************************************************************************************************************************************************/
a{ color: #333333;}

a.link{ color: #333333; text-decoration:none;}
a.link:hover{
	color: #999999;
	text-decoration:underline;
}
a.txtLogin{ color: #468732; text-decoration:none;}
a.txtLogin:hover{
	color: #468732;
	text-decoration:underline;
}

/***** Botão / Botões / BTN / Botao *********************************************************************************************************************************/
input.btn{width:auto; height:auto; padding: 2px; font-size:12px; font-weight:bold; background-color:#F4F4F4; color:#666666; border-color:#666666; border-width:2px; border-style:solid;}
input.btn:hover{width:auto; height:auto; padding: 2px; font-size:12px; font-weight:bold; background-color:#DADADA; color:#666666; border-color:#666666; border-width:2px; border-style:solid;}

/***** Estrutura ****************************************************************************************************************************************************/

#tudo{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
display:table; /*background:cyan;*/
}

#tudoAgenda{
	width: 950px; /*Width of main container*/
	margin: 0px auto 0; /*Center container on page*/
	display:table; /*background:cyan;*/
}



#principal{
float: left;
width:340px;
height: 100%;
margin:0;
padding:0;
float:right;

}

#conteudo{
padding: 0 10px 10px 10px; /*Margins for content column. Should be "0 colunadireitaWidth 0 colunaesquerdaWidth*/
margin:0;
float:left;
clear:both;
width:300px;
}

#coluna_esquerda{
float: left;
width: 190px; /*Width of left column in pixel*/
margin-left: -950px; /*Set margin to that of -(MainContainerWidth)*/
height:600px; /*tirar a altura das colunas*/
overflow:hidden;
}

#coluna_direita{
float: left;
width: 160px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(colunadireitaWidth)*/
height:600px;/*tirar a altura das colunas*/
overflow:hidden;
/*background:#FFFFCC;*/}

/** 1 coluna **/
.conteudo{
margin: 0 5px 0 5px;
height:auto;
overflow:hidden;}

/** 2 colunas **/
.conteudo_direita{
margin: 0 0 0 190px;
height:auto;
overflow:hidden;
}

/** 3 colunas **/
.conteudo_meio{
margin: 0 160px 0 190px;
height:auto;
overflow:hidden;
}

/** login *******************************************************************************************************************************************/
p.txtLogin{ margin:0; padding:0;}

h3.txtLogin{font-size: 12px;  padding-bottom:10px; margin:0; font-weight:bold; color:#468732;}

h2.txtLogin{font-size: 14px;  padding-top:18px; margin:0; font-weight:bold; color:#468732;}

.login{
margin: 0;
/*background:url(../img/fundo_login.jpg) center top no-repeat;*/
/*height:275px;*/
overflow:hidden;
}

.login img { margin: 20px 0 0 400px;}


#loginform fieldset,
#esqueciform fieldset{
	 background:transparent;
	 border: 0;
	 font-size:11px;
	 font-weight:bold;
	 color: #333333;
	 width:300px;
	 float:left;
	 text-align:right;
}

#loginform label,
#esqueciform label{
 	width:30px;
	height:18px;
	line-height:18px;
 	margin-left:5px;
}

#loginform input,
#esqueciform input{ 
	width: 100px;
 	margin: 5px 10px 2px 10px;
}
#loginform input.btn,
#esqueciform input.btn {
 	width:60px;
	margin: 15px 10px 10px 90px;

} 
#loginform br{
clear:left;
}

#loginform h1{
color:#666666;
font-size:12px;
}

#cablogin{
	background:url(../img/logoCampanha.jpg) no-repeat;
	font-size:0;
	float:left;
	margin:30px 0px 30px 72px;
	width:242px;
	height:193px;
}
#cablogin_mais{
	background:url(../img/logo_campanha_mecanico.jpg) no-repeat;
	font-size:0;
	float:left;
	margin:0px 0px 0px 122px;
	width:697px;
	height:99px
}
#mec_mais{
	font-size:0;
	float:left;
	margin:0px 0px 0px 142px;
	width:242px;
	height:193px;
}

#txtlogin{
	background:url(../img/fundo_box_login.jpg) no-repeat;
	width:900px;
	height:320px;
	margin:0px auto 0px;
	padding:20px;
}

#cablogin h1{
margin: 0;
padding-top: 105px;
}

#cablogin img{
margin:0;

}

/*esqueci form*/

#esqueciform label{

 	width: 30px;
 	margin-left:5px;
}

#esqueciform input{ 
	 width: 200px;
 	margin: 5px 10px 2px 10px;
}
#esqueciform input.botao {
 	width:60px;
	 	margin: 15px 10px 10px 90px;

} 
#esqueciform br{
clear:left;
}

#esqueciform h1{
color:#666666;
font-size:12px;
}

/** Flash **/
.flashLogin{
	float:left;
	width:545px;
/*
	height:150px;
	margin:140px 0 0 0;
*/
}
.flashLogin .flashLoginImg{
	margin:30px auto;
	width: 458px;
}

/** expirou *******************************************************************************************************************************************/
.expirou{
margin: 0;
height:400px;
overflow:hidden;
text-align:center;
font-size: 11px;
}


#boxAgenda{
	background:url(../img/fundo_box_login_agenda.jpg) no-repeat;
	width:500px;
	height:228px;
	margin:280px auto 0px;
	padding:20px;
}

#Agenda{
	width:574px;
	display:table;
	margin:0px;
	padding:0 20px 0;
}

#Agenda h3{
	color:#468732;
	font-size:14px;
	padding:20px 0 20px;
}

#Agenda ul{
	width:570px;
	display:table;
}

#Agenda ul li{
	width:300px;
	display:block;
	clear:both;
}

#Agenda ul li label{
	display:block;
	padding-bottom:5px;
	float:left;
}

#Agenda ul li input.cpo{
	border:1px solid #000000;
	height:16px;
	display:block;
	float:left;
	margin:0 10px;
}

#Agenda ul li input.btoEnviar{
	background:url(../img/botoes/btoEnviar.jpg) 0 0 no-repeat;
	width:49px;
	height:17px;
	display:block;
	float:left;
	text-indent:-999px;
	overflow:hidden;
	padding-top:2px;
	text-indent:-999px;
	line-height:0;
	overflow:hidden
}

#Agenda ul li table td{
	margin:0;
	padding:0;
}

#Agenda ul li table td input{
	margin:0;
	padding:0;
	
}

#modal {
	height: 100%;
	width: 100%;
	background: none repeat scroll 0 0 #000000;
	 position: fixed;
	top: 0;
	left: 0;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
}

#ContainerModal {
	z-index:1;
	width: 700px;
	height: 359px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -179px;
	left: 50%;	
	margin-left: -350px;
	
}

#fechar { color:#FFF;
	position:absolute;
	left:671px;
	top:38px;
	font-family:Verdana, Geneva, sans-serif;
}