/*  
Theme Name: Desenvolvimento
Theme URI: http://flexvision.sydi.net
Description: Tema em desenvolvimento
Version: 0.8
Author: Simone Villas Boas
Author URI: http://sydi.net/
*/

/* 1. RESET*/
@import url("reset.css");
@import url("formtmp.css");

@media screen{



/* 2. BASICS */
body{
	background:#F7F6F6 url(images/bg_body.gif) repeat-x top;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
}
h2{
	font-size:2.5em;
	font-weight:400;
	color:#013671;
}
h3{
	font-size:1.2em;
	padding:1.4em 0 0.8em;
}
h4{
	padding:0.8em 0 0.4em;
}
a{
	color:#0066Ff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
hr{
	display:none;
}
.failure{
color:#f00;
font-weight:700;
}

/*forms*/
fieldset{
	border:0 !important;
}
textarea{
	font:1em Arial, Helvetica, sans-serif;
}
input#s{
	width:100px;
	padding:2px;
	background:#E9E9E9;
	border:0 solid #C3C3C3;
	border-width:0 1px 1px 0;
	font:1em Arial, Helvetica, sans-serif;
}
button{
	border:0 solid;
}
/*classes and common styles*/
#menu a,
#secmenu a,
#footer, #footer a,
.home .box a,
.home .dest a{
	color:#666
}
#menu a:hover,
#secmenu a:hover,
#footer a:hover,
.home .box a:hover,
.home .dest a:hover{
	
}

#menu a,
#secmenu a,
#footer, #footer a,
.home .box2 a,
.home .dest a{
	color:#666
}
#menu a:hover,
#secmenu a:hover,
#footer a:hover,
.home .box2 a:hover,
.home .dest a:hover{
	
}



/* 3. GRID */
#page{
	width:721px;
	margin:0 auto;
	padding:123px 0 0
}
#content{
	float:left;
	width:420px;
	padding:0 0 0 40px
}
#content.full{
	width:660px
}
#sidebar{
	float:right;
	width:235px
}

/* 4. FORMAT */
#page{
	font-size:1.2em;
	text-align:left
}
h1{
	position:absolute;
	top:0;
	z-index:1;
	width:400px;
	height:231px;
	margin:0 0 0 -87px;
	background:url(images/flexvision.png) no-repeat;
}
h1 a{
	width:400px;
	height:202px;
}
h3.description{
	position:absolute;
	top:0;
}
#header{
	height:100px;
	background:#F7F6F6 url(images/bg_header.png) no-repeat 0 -199px;
}
#menu,
#secmenu,
#header #searchform{
	position:absolute;
	top:124px;
	z-index:2
}
#secmenu,
#header #searchform{
	top:176px
}
#header #searchform{
	z-index:3
}
#secmenu{
	width:721px;
	height:38px;
	background:url(images/bg_submenu.gif) no-repeat top
}
#menu li,
#secmenu li{
	float:left;
	width:180px;
	height:38px;
	list-style:none;
	text-align:center
}
#menu a,
#secmenu a{
	display:block;
	height:52px;
}
#secmenu a{
	line-height:3em;
}
#menu a:hover{
	background:url(images/bg_header.png) no-repeat -54px -1px;
}
#menu li.home{
	width:25px;
	margin:0 0 0 27px;
}
#menu li.home a:hover{
	background-position:-27px -1px;
}
#menu li.page-item-1{
	width:125px;
}
#menu li.page-item-1 a:hover{
	background-position:-52px -1px;
}
#menu li.page-item-2{
	width:122px;
}
#menu li.page-item-2 a:hover{
	background-position:-177px -1px;
}
#menu li.page-item-3{
	width:246px;
}
#menu li.page-item-3 a:hover{
	background-position:-299px  -1px;
}
#menu li.page-item-4{
	width:174px;
}
#menu li.page-item-4 a:hover{
	background-position:-545px  -1px;
}
#secmenu li.page-item-5{
	width:70px;
}
#secmenu li.page-item-6{
	width:49px;
}
#secmenu li.page-item-7{
	width:65px;
}
#secmenu li.page-item-8{
	width:155px;
}
#secmenu li.page-item-11{
	width:87px;
}
#secmenu li.page-item-246{
	width:77px;
}
#header #searchform{
	width:174px;
	margin:8px 0 0 530px;
}
#searchform button{
	width:17px;
	height:17px;
	background:url(images/bt_busca.gif) no-repeat bottom;
}

#wrapper{
	clear:both;
	background:#F7F6F6;
}



/*sidebar*/
#login{
	background:#F6F5F5 url(images/bg_login.gif) repeat-x bottom;
}
#loginform{
	padding:40px 10px 25px 20px;
	background: url(images/bg_loginform.gif) no-repeat;
}
#loginform legend{
	display:none;
}
#loginform label{
	clear:left;
	display:block;
	float:left;	
	width:3.6em;
	margin:0.6em 0;
}
#loginform input{
	float:left;
	background:#fff;
	margin:0.4em  0;
}
#loginform button{
	float:left;
	margin:0.2em  0 0 0.3em;
	width:23px;
	height:23px;
	background:url(images/bt_ok.gif) no-repeat;
}
#loginform p{
	clear:left;
	font-size:0.9em;
	padding:1em 0 0;
}
#loginform p a{
	color:#6882B8;
}
#user_info{
	padding:0 0 10px;	
	background:#F7F6F6;
}
#user_info p{
	padding:0 0 3px 15px;
	line-height:27px;
	background:url(images/bg_user_info_hello.gif) no-repeat left top;
	color:#782A95;
}
#user_info li,
#user_info li a{
	color:#024055;
}
#user_info li{
	padding:0 0 0 15px;
}
#user_info li li,
#user_info li li a{
	color:#666;
}
#user_info li li{
	background:url(images/bl_login_form.gif) no-repeat 5px 8px;
}
#user_info .profile{
	line-height:33px;
	background:url(images/bg_user_info_profile.gif) no-repeat left top;
}
#user_info .area{
	height:113px;
	line-height:20px;
	padding:12px 0 0 15px;
	background:url(images/bg_bg_user_info_area.gif) no-repeat left top;
}
#user_info .logout{
	line-height:36px;
	background:url(images/bg_user_info_logout.gif) no-repeat left top;
	color:#AA082E;
}
#user_info .logout a{
}

#sidebar{
	padding:0 0 20px;
	background:#fff url(images/bg_sidebar.gif) no-repeat bottom;
}
#sidebar .aux{
	background:#fff url(images/bg_sidebar_aux.gif) repeat-y left;
}
#sidebar .aux div{
	margin:22px 22px 16px;
}
#sidebar .aux h4{
	padding:0 0 0.4em;
	color:#868585;
}
#sidebar .aux p{
	padding:0 26px 6px 0;
	line-height:1.4em;
	background:url(images/ic_compartilhe.gif) no-repeat right bottom;
}
#sidebar .aux #experimente{
	margin:0 0 0 6px;
	padding:14px 22px 16px 16px;
	background:#fff url(images/bg_experimente.gif) repeat-x bottom;
}

#sidebar .aux #try{
	margin:0 0 0 6px;
	padding:14px 22px 16px 16px;
	background:#fff url(images/bg_experimente.gif) repeat-x bottom;
}
#sidebar .aux #experimente h3{
	width:162px;
	height:24px;
	padding:0;
	background:url(images/tit_experimente.gif) no-repeat;
}

#sidebar .aux #try h3{
	width:162px;
	height:24px;
	padding:0;
	background:url(images/tit_try.gif) no-repeat;
}

#sidebar .aux #agende p{
	background-image:url(images/ic_agende.gif);
}
#sidebar .aux #experimente p{
	background-image:url(images/ic_experimente.gif);
}

#sidebar .aux #try p{
	background-image:url(images/ic_experimente.gif);
}
/*footer*/
#footer{
	background:url(images/bg_footer.gif) no-repeat center;
	margin:60px;
	font-size:0.8em;
	line-height:0.9em;
	text-align:center;
}


/*home*/
.home #header{
	height:200px;
}
.home #secmenu,
.home #header #searchform{
	top:305px;
}
.home #wrapper{
	padding-top:35px;
}
.home #content{
	background:none
}
.home #flash{
	position:absolute;
	top:176px;
	z-index:0;
	width:717px;
	height:127px;
	margin:0 0 0 -38px;
}
.home #flash h2{
	background:url(images/maximize.jpg) no-repeat;
	font-size:0.01em;
}
.home .box{
	width:396px;
	margin:0 0 18px;
	background:url(images/bg_box.gif) no-repeat left bottom;
}

.home .box2{
	width:396px;
	margin:0 0 18px;
	background:url(images/bg_box.gif) no-repeat left bottom;
}

.home .box p,
.home .box h3{
	margin:0 0 1.2em;
	line-height:1.4em;
}

.home .box2 p,
.home .box2 h3{
	margin:0 0 1.2em;
	line-height:1.4em;
}

.home .box h3{
	padding:0;
}

.home .box2 h3{
	padding:0;
}

.home .box h3,
.home .box h3 a{
	width:204px;
	height:18px;
	background:url(images/tit_hm_diferenciais.gif) no-repeat;
}

.home .box2 h3,
.home .box2 h3 a{
	width:204px;
	height:18px;
	background:url(images/tit_hm_diff.gif) no-repeat;
}

.home #beneficios h3,
.home #beneficios h3 a{
	background-image:url(images/tit_hm_beneficios.gif);
}

.home #beneficios2 h3,
.home #beneficios2 h3 a{
	background-image:url(images/tit_hm_ben.gif);
}

.home .box .aux{
	min-height:110px;
	padding:10px 10px 1px 120px;
	background:url(images/bg_box_diferenciais.gif) no-repeat left top;
}

.home .box2 .aux{
	min-height:110px;
	padding:10px 10px 1px 120px;
	background:url(images/bg_box_diferenciais.gif) no-repeat left top;
}

.home #beneficios .aux{
	padding:15px 120px 1px 15px;
	background-image:url(images/bg_box_beneficios.gif);
}

.home #beneficios2 .aux{
	padding:15px 120px 1px 15px;
	background-image:url(images/bg_box_beneficios.gif);
}

.home .dest{
	width:356px;
	padding:15px 0 15px 40px;
	background:url(images/ic_home.gif) no-repeat  0 -486px;
	border-bottom:1px solid #D8D8D8;
	/*border-top:1px solid #FFF;*/
}
.home #noticias{
	background-position:0 14px;
	border-top:0;
}
.home #clientes{
	border-bottom:0;
	background-position:0 -986px;
}
.home .dest h4{
	padding:0 0 0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1.17em;
	letter-spacing:0.02em;
}
.home .dest h4 a{
	color:#069;
}
.home .dest p,
.home .dest li{
	font-size:0.88em;
	line-height:1.4em;
	color:#333;
}
.home .dest li a{
	padding:0 0 0 10px;
}

/*pages*/
.page .post h2,
.post .post h2,
.category h2,
.search h2,
.error h2{
	height:29px;
	margin:10px 0 62px;
	background:url(images/tit_internas.gif) no-repeat 0 0;
}
.page-3 div.post h2,
.cat-4 h2,
h2.cat-4,
.search h2,
.error h2{
	height:57px !important;
}
.search .wrap{
	background:url(images/bg_busca.gif) no-repeat right top;
}
.page-1 div.post h2{
	background-position:0 -60px;
}
.page-2 div.post h2{
	background-position:0 0;
}
.page-3 div.post h2{
	background-position:0 -180px;
}
.page-4 div.post h2{
	background-position:0 -120px;
}
.page-5 div.post h2{
	background-position:0 -90px;
}
.page-6 div.post h2{
	background-position:0 -30px;
}
.page-7 div.post h2{
	background-position:0 -150px;
}
.page-9 div.post h2,
.page-10 div.post h2,
.page-11 div.post h2,
.page-12 div.post h2,
.page-13 div.post h2{
	background-position:0 -357px;
}
.page-246 div.post h2{
	background-position:0 -690px;
}
.cat-4 h2,
.post .cat-4 h2{
	background-position:0 -240px;
}
.cat-5 h2,
.post .cat-5 h2{
	background-position:0 -387px;
}
.error h2{
	background-position:0 -420px;
}

.search h2{
	background-position:0 -300px;
}
#content {
	background:url(images/bg_content.gif) no-repeat right top;
}
div.post{
	background:no-repeat right top;
}
.page-1 div.post {
	background-image:url(images/bg_diferenciais.gif);
}
.page-2 div.post {
	background-image:url(images/bg_beneficios.gif);
}
.page-3 div.post {
	background-image:url(images/bg_funcionalidades.gif);
}
.page-4 div.post {
	background-image:url(images/bg_querovender.gif);
}
.page-5 div.post {
	background-image:url(images/bg_clientes.gif);
}
.page-6 div.post {
	background-image:url(images/bg_faq.gif);
}
.page-7 div.post {
	background-image:url(images/bg_contato.gif);
}
div.cat-4,
.page-8 div.post {
	background:url(images/bg_news.gif) no-repeat right top;
}
div.cat-5,
.cat-5 div.post	{
	background-image:url(images/bg_videos.gif);
}

.page .entry{
	padding:0 0 10px;
	font-size:1.09em;
	letter-spacing:0.06em;
}
.page h3{
	font-size:1.3em !important;
}
.page .entry h3{
	font-size:0.9em;
}
.page .entry p,
.post .entry p{
	padding:0 0 0.8em;
}
.page .entry ul li,
.category #content ul li{
	padding:0 0 0.8em 14px;
	background:url(images/bl_content.gif) no-repeat 4px 0.4em;
}
.cat-5 #content ul li{
	padding:0 0 0.8em 19px;
	background:url(images/bl_video.gif) no-repeat 4px 0.1em;
}
.cat-5 #content ul li a{
	background:url(images/bl_video.gif) no-repeat 0 -999px;
}

.category #content ul li h4{
	padding:0;
}
.page .entry ul ul{
	padding:0.8em 0 0 ;
}
.page .entry ol li{
	margin:0 0 0 24px;
	list-style:decimal;
	font-weight:800;
	color:#06F;
}
.page .entry ol li *{
	color:#7E7D7D;
}
.page .entry ol li li,
.page .entry ol li div{
	font-weight:400;
}
.page .entry ol li li{
	padding-left:0;
	background:none
}
.page .entry table{
}
.page h3{
	font-size:1.23em;
}
.page h4{
	color:#06C;
	font-size:1.23em;
	font-weight:400;
}
.page #content form{
	background:url(images/bg_form.gif) no-repeat left bottom;
	padding:0 10px 40px 0;
	width:420px;
}
.page #content legend{
	display:none;
}
.page #content fieldset{
	padding:50px 0 0 0;
}
.page-4 #content fieldset{	
	background:url(images/bg_fieldset_venda.gif) no-repeat left top;
	width:430px;
}
.page-6 #content fieldset{
	background:url(images/bg_fieldset_faq.gif) no-repeat left top;
}

.page-7 #content fieldset{
	background:url(images/bg_fieldset_contato.gif) no-repeat left top;
}

.page-1 h3{
	padding-right:106px;
}

.page-4 h3{
padding-right:100px;
}

.page-3 #content li{
	padding-left:-10;
	font-weight:400;
}
.page-3 #content li li{
	padding:0.8em 0 0 14px;
	background:url(images/bl_func.gif) no-repeat 4px 1.3em;
	font-weight:400;
}
.page-3 #content{
}
.page-3 table a{
	width:150px;
	line-height:2em;
}
a#mon{
	width:100px;
	left:230px;
}
a#sla{
	width:30px;
	left:340px;
}
a#cpl{
	width:60px;
	left:390px;
}
a#inv{
	left:470px;
	width:70px;
}
a#rlt{
	left:550px;
	width:70px;
}
a#pab{
	width:90px;
	height:60px;
}
a#ora, a#ssr, a#inf{
	left:130px;
	width:90px;
	margin:8px 0 0;
}
a#wbs{
	left:130px;
	width:90px;
	height:20px;
	margin:8px 0 0;
}
a#apa{
	left:130px;
	height:25px;
	width:90px;
	margin:0;
}

a#iis{
	left:130px;
	height:22px;
	width:90px;
	margin:0;
}
a#lot{
	left:130px;
	width:90px;
	height:22px;
	margin:0;
}
a#ids{
	bottom:90px;
	width:90px;
}
a#bid{
	bottom:90px;
	left:130px;
	width:90px;
}


/* 6. HACKS */

/* img repl */
h1 a, h3.description, #menu a,.home h2, #sidebar .aux #experimente h3, #sidebar .aux #try h3, .home .box h3 a, .home .box2 h3 a,.page div.post h2, .post .post h2, .category h2,.search h2,.error h2{
	display:block;
	overflow:hidden;
	text-indent:-999px;
}
button{
	overflow:hidden;
	text-indent:-999px;
	_line-height:6em;
}

/* clear-fix */
#wrapper:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	/*line-height: 0;*/
	height: 0;
}
#wrapper{
	display: inline-block;
}
html[xmlns] #wrapper{
	display: block;
}
* html #wrapper{
	height: 1%;
}


}