/*

    Document   : content.css
    Created on : 03/03/2010, 09:05:34
    Author     : @vagnermix - NacionalVOX
    Description: CSS - Flex | Contact Center

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/
img {
	border: none;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.background_intro {
	background: url(background-intro.png) repeat-x #8599A6;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

.titulos_branco {
	color: #FFF;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.h2_branco {
	font-size: 14px;
	color: #FFFFFF;
	text-indent: 10px;
	height: 34px;
	line-height: 34px;
	font-family: Century Gothic;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.h2_amarelo {
	color: #FBB300;
	text-indent: 20px;
}

.h3_343434 {
	color: #343434;
	letter-spacing: 1px;
	font-size: 16px;
	margin-bottom: 5px;
}

form {
	margin: 0;
	padding: 0;
}

.none {
	display: none;
}

.clear {
	clear: both;
}

.space_large {
	height: 20px;
}

/* colors */
.color_fff {
	color: #FFF;
	line-height: 16px;
}

.color_333 {
	color: #333;
}

.color_515151 {
	color: #515151;
}

.color_666 {
	color: #666;
}

/* links */
.link_fff {
	color: #FFF;
	text-decoration: none;
}

.link_fff:hover {
	text-decoration: underline;
}

.link_000 {
	color: #000;
	text-decoration: none;
}

.link_000:hover {
	text-decoration: underline;
}

/* intro */
.container_intro {
	width: 960px;
	margin: auto;
}

.intro_flexcorp {
	position: relative;
	width: 960px;
	height: 213px;
	background: url(flexcorp/background-intro.png) no-repeat;
}

.intro_flexperimente {
	position: relative;
	width: 960px;
	height: 219px;
}

.intro_proflex {
	position: relative;
	width: 960px;
	height: 115px;
	background: url(proflex/background-intro.png) no-repeat;
}

.link_esqueci_senha {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

.link_esqueci_senha:hover {
	text-decoration: underline;
}

/* estrutura */
.container {
	width: 100%;
}

.wrapper {
	width: 980px;
	margin: auto;
}

/* container flexeperimente */
.container_flexeperimente {
	width: 100%;
	height: 122px;
	background: url(background-container-flexeperimente.png) repeat-x;
	text-align: center;
}

/* container proflex */
.container_proflex {
	width: 100%;
	height: 90px;
	background: url(background-container-proflex.png) repeat-x;
}

.content_proflex {
	position: relative;
	width: 960px;
	margin: auto;
}

/* forms */
.label {
	width: 100px;
	display: block;
	float: left;
}

.txt_area {
	width: 480px;
	float: left;
	background: #EFEFEF;
	border: 1px solid #D8D8D8;
	margin-bottom: 5px;
	padding: 3px;
	color: #666;
	height: 80px;
}

.input_txt {
	width: 480px;
	float: left;
	background: #EFEFEF;
	border: 1px solid #D8D8D8;
	margin-bottom: 5px;
	padding: 3px;
	color: #666;
}

.input_txt_small {
	width: 400px;
}

.input_txt_xxsmall {
	width: 40px;
}

.input_txt_cidade {
	width: 400px;
}

/* Agenda */
.sched_dayNS {
	font-size: 18px;
	color: #FFF;
	padding: 10px;
}

.sched_day {
	color: #862749;
	font-size: 18px;
}

.sched_day a {
	color: #862749;
	fony-size: 18px;
	text-decoration: none;
}

.sched_today {
	background: #862749;
	color: #FDAA26;
	font-size: 18px;
}

.sched_week {
	font-size: 20px;
	color: #FFF;
}

/* paging */
.pag_link_nav {
	color: #F9AB2F;
	font-size: 14px;
	padding: 5px;
}

.pag_link {
	font-size: 14px;
	color: #FFF;
	padding: 5px;
}

.pag_link:hover {
	text-decoration: none;
}
.container_dicas				{ width:820px; background:url(proflex/desenho-dicas.png) no-repeat top left; padding-left:160px; }
.bg_dicas						{ width:400px; height:194px; background:url(proflex/background-dicas.png) no-repeat; float:left; margin-right:10px; position:relative; }
.pag_dicas						{ text-align:center; padding:10px 0; text-decoration:none; }
.pag_link_nav					{ color:#F9AB2F; font-size:14px; padding:5px; }
.pag_link						{ font-size:14px; color:#FFF; padding:5px; }
.pag_link:hover					{ text-decoration:none; }
a.ativa							{ color:#666; font-weight:bold; }


/* login proflex */

.background_login			{ background:url(background-body-login.jpg) repeat-x top center #8599A6; }
.vector_top					{ position:absolute; top:0; left:50%; margin-left:-330.5px; }
.vector_bottom				{ position:absolute; bottom:0; left:50%; margin-left:-367px; }
.container_login			{ position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-175px; width:350px; height:200px; }
.input_login				{ width:220px; padding:10px; border:1px solid #495A65; margin-bottom:5px; margin-left:54px; font-size:11px; color:#495A65; }
.esqueci_senha_login		{ margin-left:54px; color:#FFF; text-decoration:none; }
.esqueci_senha_login:hover	{ text-decoration:underline; }
.entrar_login				{ margin-left:230px; }