div#topo {
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:51px;
	overflow:hidden;
	z-index:1000;
	background:url(bg-menu.png) left top repeat-x;
	font:11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}

div#topo ul {
	width:990px;
	height:39px;
	margin:0 0 0 140px;
	z-index:1001;
}

div#topo ul li {
	float:left;
	position:relative;
	display:inline;
}

div#topo ul li a {
	float:left;
	position:relative;
	display:inline;
}

div#topo ul li.spacer {
	float:left;
	position:relative;
	margin-top:-2px;
	width:1px;
	margin:0 20px;
	color:#689069;
}

div#topo ul li.menu-home { height:39px; width:54px; background:url(menu-home.png) left top no-repeat; }
div#topo ul li.menu-home:hover { background:url(menu-home.png) left bottom no-repeat; }
div#topo ul li.menu-home a { height:39px; width:54px; }

div#topo ul li.menu-perfil { height:39px; width:78px; background:url(menu-perfil.png) left top no-repeat; }
div#topo ul li.menu-perfil:hover { background:url(menu-perfil.png) left bottom no-repeat; }
div#topo ul li.menu-perfil a { height:39px; width:78px; }

div#topo ul li.menu-medialine-sistemas { height:11px; width:142px; margin:14px 0 0 17px; background:url(menu-medialine-sistemas.png) left top no-repeat; }
div#topo ul li.menu-medialine-sistemas:hover { background:url(menu-medialine-sistemas.png) left bottom no-repeat; }
div#topo ul li.menu-medialine-sistemas a { height:39px; width:142px; }

div#topo ul li.menu-solucoes { height:39px; width:102px; background:url(menu-solucoes.png) left top no-repeat; }
div#topo ul li.menu-solucoes:hover { background:url(menu-solucoes.png) left bottom no-repeat; }
div#topo ul li.menu-solucoes a { height:39px; width:102px; }

div#topo ul li.menu-portfolio { height:39px; width:108px; background:url(menu-portfolio.png) left top no-repeat; }
div#topo ul li.menu-portfolio:hover { background:url(menu-portfolio.png) left bottom no-repeat; }
div#topo ul li.menu-portfolio a { height:39px; width:108px; }

div#topo ul li.menu-clientes { height:39px; width:93px; background:url(menu-clientes.png) left top no-repeat; }
div#topo ul li.menu-clientes:hover { background:url(menu-clientes.png) left bottom no-repeat; }
div#topo ul li.menu-clientes a { height:39px; width:93px; }

div#topo ul li.menu-trabalhe-conosco { height:39px; width:163px; background:url(menu-trabalhe-conosco.png) left top no-repeat; }
div#topo ul li.menu-trabalhe-conosco:hover { background:url(menu-trabalhe-conosco.png) left bottom no-repeat; }
div#topo ul li.menu-trabalhe-conosco a { height:39px; width:163px; }

div#topo ul li.menu-fale-conosco { height:39px; width:113px; background:url(menu-fale-conosco.png) left top no-repeat; }
div#topo ul li.menu-fale-conosco:hover { background:url(menu-fale-conosco.png) left bottom no-repeat; }
div#topo ul li.menu-fale-conosco a { height:39px; width:113px; }

/*
************************** FOOTER **************************
*/

#footer {
	bottom:0;
	left:0;
	position:fixed;
	width:100%;
	height:50px;
	overflow:hidden;
	z-index:99999;
	background:#1F3614;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

#footer_content {
	bottom:50px;
	left:0;
	padding-top:10px;
	position:fixed;
	display:none;
	width:100%;
	overflow:hidden;
	z-index:99999;
	background:#1F3614;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

/*
#footer_content {
	float:left;
	position:relative;
	overflow:hidden;
	z-index:99999;
	padding:20px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:none;
}
*/

.blog {
	float:left;
	position:relative;
	width:400px;
}

a#sobe {
	float:left;
	position:relative;
	width:19px;
	height:9px;
	margin:20px 0 0 10px;
	text-indent:-9999px;
	background:url(sobe.png) left center no-repeat;
}

a#blog {
	float:left;
	position:relative;
	width:400px;
	height:50px;
	margin:0 0 0 200px;
	text-indent:-9999px;
	background:url(ultimas-do-blog.png) left center no-repeat;
}

a#twitter {
	float:left;
	position:relative;
	width:940px;
	height:50px;
	margin-left:20px;
	text-indent:-9999px;	
	background:url(ultimas-do-twitter.png) left center no-repeat;	
}

.tweets {
	float:left;
	position:relative;
	width:975px;
	margin-left:60px;
	margin-bottom:10px;
}

.tweets a {
	text-decoration:none;
	color:#3B8D3F;
}

.tweets ul {
	float:left;
	position:relative;
	width:975px;
	display:inline;
}

.tweets ul li {
	float:left;
	position:relative;
	width:260px;
	margin-right:35px;
	display:inline;
}

.tweets a:hover { text-decoration:underline; }

/*
************************* CONTAINTER
*/

.container {
	float: left;
	width:100%;
	/*min-height:1300px;*/
	position: relative;
}
.container-bg{
	min-height:1300px;
}
.container-interno-full-width{
	width:100%;
}
.container h1 {
	float:left;
	position:relative;
	width:302px;
	height:125px;
	z-index:9;
	margin:68px 0 0 185px;	
	background:url(logo-medialine.png) left top no-repeat;
}

.container h1 a {
	float:left;
	position:relative;
	width:302px;
	height:125px;
}

h1.logo-home { margin:38px 0 0 50px; }

/*
************************** HOME **************************
*/

#home {
	width:2000px;
	background:url(home.jpg) no-repeat top left;
	margin:0 0 0 -135px;
}

#home-to-perfil { width:2245px; background:url(home-to-perfil.jpg) no-repeat top left; }

div.ultimos-trabalhos {
	width:580px;
	margin-top:30px;
	margin-bottom:15px;
	margin-left:-41px;
}

div.ultimos-trabalhos img { float:left; position:relative; }

div.ultimos-trabalhos ul {
	float:left;
	position:relative;
	display:inline;
	margin:20px 0 0 0;
	width:580px;
}

div.ultimos-trabalhos ul li {
	float:left;
	position:relative;
	display:inline;
	width:153px;
	margin:0 40px 0 0;
}

div.ultimos-trabalhos ul li h3 {
	float:left;
	position:relative;
	width:153px;
	margin-top:-15px;
	margin-left:3px;
	font:12px Arial, Helvetica, sans-serif;
	color:#1F3614;
	font-weight:bold;
}

div.ultimos-trabalhos ul li p {
	float:left;
	position:relative;
	width:153px;
	margin-left:5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
}

div.ultimos-trabalhos ul li a {
	float:left;
	position:relative;
	width:92px;
	height:12px;
	margin:5px 0 0 5px;
	background:url(btn-visite-site.png) left top no-repeat;
}

div.ultimos-trabalhos h2 {
	width:580px;
	height:31px;
	background:url(ultimos-trabalhos.png) left top no-repeat;
}

div.direita { 
	width:402px;
	height:100%;
	margin:51px 0 0 135px;	
}

div.esquerda {
	width:538px;
	margin:39px 0 0 5px;
	height:100%;
}

div#flash-icones { width:402px; height:627px; }
div#flash-cases { width:538px; height:363px; }
div#flash-interna { width:721px; height:239px; }
div#flash-lateral { width:306px; height:216px; }

#perfil div.flash-interna,
#solucoes div.flash-interna,
#portfolio div.flash-interna,
#clientes div.flash-interna,
#trabalhe-conosco div.flash-interna,
#fale-conosco div.flash-interna
{
	float:left;
	position:relative;
	margin-top:39px;
	margin-left:-95px;
}

/*
********************* PERFIL ********************* 
*/

#perfil {
	width:1300px;
	background:url(perfil.jpg) no-repeat top left;
}

#perfil h2 {
	float:left;
	position:relative;
	width:891px;
	height:51px;
	margin-top:-37px;
	margin-left:185px;
	background:url(perfil.png) left top no-repeat;
}

#perfil div.img {
	width:890px;
	height:267px;
	background:url(observa-cria-comunica.png) left top no-repeat;
	margin:27px 0 0 185px;
}

#perfil div.texto {
	width:580px;
	margin:20px 0 0 185px;
	font:12px Arial, Helvetica, sans-serif;
}

#perfil div.texto p { color:#FFF; margin-bottom:13px; }
#perfil div.texto h3 { color:#1F3614; margin-bottom:13px; font-size:14px; font-weight:bold; }

#perfil div.texto-lateral {
	float:left;
	position:relative;
	width:285px;
	margin-top:20px;
	margin-left:40px;	
}

#perfil div.texto-lateral h3 {
	color:#1F3614;
	font-weight:bold; 
	font:16px Arial, Helvetica, sans-serif;
}

#perfil div.texto-lateral p { color:#FFF; margin-bottom:13px; font:12px Arial, Helvetica, sans-serif; }

#perfil-to-portfolio { width:1572px; background:url(perfil-to-portfolio.jpg) no-repeat top left; }
#perfil-to-portfolio2 { width:1572px; background:url(perfil-to-portfolio2.jpg) no-repeat top left; }


/*
********************* SOLUCOES ********************* 
*/

#solucoes {
	width:1300px;
	background:url(perfil.jpg) no-repeat top left;
}

#solucoes h2 {
	float:left;
	position:relative;
	width:891px;
	height:51px;
	margin-top:-37px;
	margin-left:185px;
	background:url(solucoes.png) left top no-repeat;
}

#solucoes div.texto {
	width:680px;
	margin:20px 0 0 37px;
	font:12px Arial, Helvetica, sans-serif;
}

#solucoes div.texto p { color:#FFF; margin-bottom:13px; }
#solucoes div.texto h3 { color:#1F3614; margin-bottom:13px; font-size:14px; font-weight:bold; }


#solucoes ul.solu {
	float:left;
	position:relative;
	width:155px;
	margin:20px 0 0 185px;
}

#solucoes ul.solu li {
	float:left;
	position:relative;
	background:#1F3614;
	padding:6px 0 6px 7px;
	margin:0 0 13px 0;
	width:148px;
	font:14px Arial, Helvetica, sans-serif;
}

#solucoes ul.solu li a {
	text-decoration:none;
	font:14px Arial, Helvetica, sans-serif;
	color:#A5DD39;
}

#solucoes ul.solu li a:hover, #solucoes ul.solu li a.ativo  {
	color:#FFF;
}

#solucoes div.texto ul.features {
	float:left;
	position:relative;
	font:12px Arial, Helvetica, sans-serif;	
	color:#FFF;
}

#solucoes div.texto ul.features li {
	position:relative;
	font:12px/20px Arial, Helvetica, sans-serif;	
	color:#FFF;
}

#solucoes div.solucoes-texto {
	display:none;
}
/*
********************* PORTFOLIO ********************* 
*/

#portfolio {
	width:1300px;
	background:url(perfil.jpg) no-repeat top left;
}

#portfolio p.tit {
	width:890px;
	float:left;
	position:relative;
	margin:15px 0 10px 185px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

#portfolio h2 {
	float:left;
	position:relative;
	width:891px;
	height:51px;
	margin-top:-37px;
	margin-left:185px;
	background:url(portfolio.png) left top no-repeat;
}

#portfolio ul.lista {
	float:left;
	position:relative;
	width:248px;
	margin:0 0 0 185px;
}

#portfolio ul.lista li {
	float:left;
	position:relative;
	width:241px;
	padding:4px 0 4px 7px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

#portfolio ul.lista li.titulo {
	margin:22px 0 0 0;
	background:#1F3614;
	font:14px Arial, Helvetica, sans-serif;
	color:#A5DD39;
}

#portfolio ul.lista li a {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}

#portfolio ul.lista li a:hover { text-decoration:underline; color:#000; text-decoration:none; }

#portfolio div.cliente {
	float:left;
	position:relative;
	margin:22px 0 0 47px;
	width:585px;
	height:424px;
}

#portfolio div.cliente div.descri {
	float:right;
	position:absolute;
	width:242px;
	color:#FFF;
	border-right:4px solid #304005;
	background:url(bg-descri.png);
	text-align:right;
	top:290px;
	right:-34px;
	padding:15px;
}
#portfolio div.cliente div.descri a {
	color:#FFF;
}

div.descri h4 {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div.descri p { font:12px/15px Arial, Helvetica, sans-serif; }

#portfolio-to-clientes { width:1442px; background:url(portfolio-to-clientes.jpg) no-repeat top left; }
#portfolio-to-clientes2 { width:1704px; background:url(portfolio-to-clientes2.jpg) no-repeat top left; }


/*
********************* CLIENTES ********************* 
*/

#clientes {
	width:1300px;
	background:url(perfil.jpg) no-repeat top left;
}

#clientes p.tit {
	width:890px;
	float:left;
	position:relative;
	margin:15px 0 10px 185px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}


ul.fotos {
	float:left;
	position:relative;
	display:inline;
	width:850px;
	margin:27px 0 0 235px;
}

ul.fotos li {
	float:left;
	position:relative;
	width:150px;
	height:110px;
	margin:0 10px 10px 0;
	display:inline;
	background:url(moldura.png) left top no-repeat;
}

ul.fotos li a {
	float:left;
	position:relative;
	width:150px;
	height:110px;
}

#clientes h2 {
	float:left;
	position:relative;
	width:91px;
	height:24px;
	margin-top:-37px;
	margin-left:185px;
	background:url(clientes.png) left top no-repeat;
}

#clientes-to-trabalhe { width:1500px; background:url(clientes-to-trabalhe.jpg) no-repeat top left; }
#clientes-to-trabalhe2 { width:1646px; background:url(clientes-to-trabalhe2.jpg) no-repeat top left; }


/*
********************* TRABALHE CONOSCO ********************* 
*/


#trabalhe-conosco {
	width:1300px;
	background:url(perfil.jpg) no-repeat top left;
}

#trabalhe-conosco h2 {
	float:left;
	position:relative;
	width:893px;
	height:53px;
	margin-top:-37px;
	margin-left:185px;
	background:url(trabalhe-conosco.png) left top no-repeat;
}

form#trabalhe {
	float:left;
	position:relative;
	width:575px;
	margin:20px 0 0 185px;
}

form#trabalhe fieldset {
	float:left;
	position:relative;
	width:306px;
}

form#trabalhe p {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

form#trabalhe label.titulo {
	float:left;
	position:relative;
	width:575px;
	padding-bottom:12px;
	margin:15px 0;
	font:15px Arial, Helvetica, sans-serif;
	color:#FFF;
	background:url(separador.png) left bottom no-repeat;
}

form#trabalhe fieldset label.lbl-maior {
	float:left;
	position:relative;
	width:306px;
	margin:10px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

form#trabalhe fieldset input.maior {
	float:left;
	position:relative;
	width:292px;
	padding:4px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

form#trabalhe div.esq,
form#trabalhe div.dir {
	float:left;
	position:relative;
	width:150px;
}

form#trabalhe div.esq {
	clear:left;
	margin-right:6px;
}

form#trabalhe fieldset label.lbl-menor {
	float:left;
	position:relative;
	width:135px;
	margin:10px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

form#trabalhe fieldset input.menor {
	float:left;
	position:relative;
	width:135px;
	padding:4px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

form#trabalhe fieldset select.menor {
	float:left;
	position:relative;
	width:60px;
	padding:3px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

form#trabalhe fieldset select.maior {
	float:left;
	position:relative;
	width:145px;
	padding:3px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

form#trabalhe fieldset input[type=file] {
	float:left;
	position:relative;
	width:135px;
	padding:4px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

form#trabalhe fieldset input[type=submit] {
	float:left;
	position:relative;
	clear:both;
	width:86px;
	height:31px;
	margin:20px 0 0 0;
	text-align:center;
	border:0;
	cursor:pointer;
	background:url(enviar.png) left top no-repeat;
}

form#trabalhe fieldset input:hover[type=submit] {
	background:url(enviar.png) left bottom no-repeat;
}


div.vagas-abertas {
	float:left;
	position:relative;
	width:285px;
	margin:22px 0 0 32px;
}

div.vagas-abertas h4 {
	float:left;
	position:relative;
	clear:both;
	width:225px;
	height:43px;
	padding:8px 0 0 6px;
	font:32px Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#1F3614;
	font-weight:normal;
}

div.spacer {
	float:left;
	position:relative;
	margin:10px 0;
	width:282px;
	height:1px;
	background:url(spacer-trabalhe.png) left top no-repeat transparent;
}

div.vagas-abertas h5 ,
div.vagas-abertas h6, 
div.vagas-abertas p {
	float:left;
	position:relative;
	clear:both;
	width:280px;
	font:12px Arial, Helvetica, sans-serif;
}

div.vagas-abertas h5 { font-size:13px; color:#FFF; }
div.vagas-abertas h6 { font-weight:bold; color:#1f3614; margin:3px 0 0 0; }
div.vagas-abertas p { color:#FFF; margin:3px 0 0 0; }

#trabalhe-to-fale { width:1500px; background:url(trabalhe-to-fale.jpg) no-repeat top left; }
#trabalhe-to-fale2 { width:1643px; background:url(trabalhe-to-fale2.jpg) no-repeat top left; }


/*
********************* FALE CONOSCO ********************* 
*/

#fale-conosco {
	width:1300px;
	background:url(perfil.jpg) no-repeat top left;
}

#fale-conosco iframe {
	float:left;
	position:relative;
	margin:20px 0 0 60px;
	border:2px solid #54AB55;
}

#fale-conosco .endereco {
	float:left;
	position:relative;
	margin:20px 0 0 60px;
}

.endereco p {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

.endereco h6 {
	font:16px/20px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

.endereco h5 {
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

.endereco h5 a {
	text-decoration:none;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#1F3614;
}

.endereco h5 a:hover { text-decoration:underline; }

#fale-conosco h2 {
	float:left;
	position:relative;
	width:893px;
	height:52px;
	margin-top:-37px;
	margin-left:185px;
	background:url(contato.png) left top no-repeat;
}

form#fale {
	float:left;
	position:relative;
	width:306px;
	margin:20px 0 0 185px;
}

form#fale fieldset {
	float:left;
	position:relative;
	width:306px;
}

form#fale p {
	width:306px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

form#fale label.titulo {
	float:left;
	position:relative;
	width:306px;
	margin:0 0 15px 0;
}

form#fale div#orcamentos span.checkbox {
	float:left;
	position:relative;
	width:306px;
	margin-bottom:3px;
}

form#fale div#orcamentos label.maior {
	width:250px;
	margin:0 0 0 3px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;	
}

form#fale fieldset label.lbl-maior {
	float:left;
	position:relative;
	width:306px;
	margin:10px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

form#fale fieldset input.maior {
	float:left;
	position:relative;
	width:292px;
	padding:4px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#fale fieldset select.maior {
	float:left;
	position:relative;
	width:303px;
	padding:4px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#fale div.esq,
form#fale div.dir {
	float:left;
	position:relative;
	width:150px;
}

form#fale div.esq {
	clear:left;
	margin-right:6px;
}

form#fale fieldset label.lbl-menor {
	float:left;
	position:relative;
	width:135px;
	margin:10px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

form#fale fieldset input.menor {
	float:left;
	position:relative;
	width:135px;
	padding:4px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#fale fieldset textarea {
	float:left;
	position:relative;
	width:292px;
	padding:4px;
	height:170px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#fale fieldset select.menor {
	float:left;
	position:relative;
	width:60px;
	padding:3px;
	border:2px solid #54AB55;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#fale fieldset input[type=submit] {
	float:left;
	position:relative;
	clear:both;
	width:86px;
	height:31px;
	margin:20px 0 0 0;
	text-align:center;
	border:0;
	cursor:pointer;
	background:url(enviar.png) left top no-repeat;
}

form#fale fieldset input:hover[type=submit] {
	background:url(enviar.png) left bottom no-repeat;
}


/*
************************* FOOTER *************************
*/

div#rodape {
	width:830px;
	clear:both;
	height:43px;
	padding:20px 55px;
	margin:50px 0 0 160px;
	background:url(roda.png) left top repeat-x;
	padding-bottom:50px;
}

div#rodape p {
	float:left;
	position:relative;
	width:340px;
	margin:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
}

div#rodape p a {
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#B5F33A;
}

div#rodape p a:hover { text-decoration:underline; }

div#rodape h4 {
	margin-top:7px;
	margin-right:15px;
	font:25px Arial, Helvetica, sans-serif;
	color:#FFF;
}

div#rodape h5 {
	float:left;
	position:relative;
	width:320px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:7px 0 0 10px;
	color:#1F3614;	
}

div#rodape span.localizacao {
	width:46px;
	height:46px;
	margin:0 10px 0 30px;
	background:url(mapa.png) left top no-repeat;
}

address { width:840px; }

div#rodape ul.roda {
	margin-top:-10px;
}

div#rodape ul.roda li, div#rodape ul.roda li a {
	float:right;
	position:relative;
	width:22px;
	height:22px;
	display:inline;
}

div#rodape ul.roda li.rss { background:url(rss.png) left top no-repeat; }
div#rodape ul.roda li.twitter { background:url(twitter.png) left top no-repeat; }