/*

    Document   : content-flexperimente.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/	

*/

.background_flexperimente		{ background:url(flexperimente/background-body.png) repeat-x #FB9C00; }

/* container */

.container_flexperimente		{ background:url(flexperimente/background-wrapper.png) no-repeat top center; }

/* header */

.header							{ position:relative; width:980px; height:120px; margin:20px auto; margin-top:0; }

/* container home */

.container_home					{ position:relative; width:980px; height:780px; background:url(flexperimente/background-home.png) no-repeat; }
.em_destaque					{ position:absolute; top:515px; left:120px; width:235px; }
.novidades_home					{ position:absolute; top:535px; left:420px; }

/* o ambiente */

.container_ambiente				{ position:relative; width:980px; height:719px; background:url(flexperimente/background-o-ambiente.png) no-repeat; overflow:auto; }
.content_ambiente				{ position:absolute; top:112px; left:223px; }
.background_imgs				{ width:214px; height:160px; background:url(flexperimente/background-imgs-o-ambiente.png) no-repeat; float:left; margin-right:30px; }
.imgs_ambiente					{ margin:17px; }

/* trabalhe na flex */

.container_trabalhe_flex		{ position:relative; width:980px; height:789px; background:url(flexperimente/background-trabalhe-na-flex.png) no-repeat; overflow:auto; }

/* formulario inscricao */

.container_formulario			{ position:relative; width:980px; height:1458px; background:url(flexperimente/background-form.png) no-repeat; overflow:auto; }
.container_int_formulario		{ position:absolute; top:190px; left:236px; width:700px; }
.content_gerenciador_formulario	{ float:left; height:90px; overflow:auto; margin-bottom:5px; }
.content_formulario				{ float:left; width:700px; }
.campos_formularios				{ width:500px; height:25px; background:url(flexperimente/background-campos-formulario-de-inscricao.png) no-repeat; float:left; margin-bottom:10px; }
.campos_formularios_xxsmall		{ width:50px; background:url(flexperimente/background-campos-formulario-de-inscricao-seguranca.png) no-repeat; }
.label							{ width:190px; height:25px; line-height:25px; display:block; float:left; color:#FFF; }
.select							{ width:490px; margin:4px 5px 0 5px; border:none; background:none; color:#000000; }
.input_txt						{ width:490px; padding:0; margin:5px 5px 0 5px; border:none; background:none; color:#000; }

/* a marca */

.container_marca				{ position:relative; width:980px; height:491px; background:url(flexperimente/bakground-a-marca.png) no-repeat; }
.link_download					{ width:200px; height:30px; background:url(flexperimente/background-a-downloads.png) no-repeat center left; display:block; line-height:30px; text-indent:35px; text-decoration:none; color:#333; }
.link_download:hover			{ text-decoration:underline; }

/* acontece na flex */

.container_acontece				{ position:relative; width:980px; height:650px; background:url(flexperimente/background-acontece.png) no-repeat; }
.content_acontence_left			{ position:absolute; top:130px; left:0; width:600px; }
.bg_img_acontence				{ width:269px; height:214px; background:url(flexperimente/background-foto-acontece.png) no-repeat; float:left; }
.img_acontence					{ margin:17px; }
.outras_novidades				{ position:absolute; top:197px; left:642px; width:270px; }
.link_outras_novidades			{ color:#000000; text-decoration:none; }
.link_outras_novidades:hover	{ text-decoration:underline; }