@charset "utf-8";
/* CSS Document 
	
	Author: Lucas Abranches
	Empresa: Agência Open
	JUN/2010
	
*/

/*normatizacao*/
*{margin:0; padding:0; list-style:none; border:none; outline:none;}
html{overflow:hidden;}
#geral{width:990px; height:620px; display:block; position:absolute; top:50%; left:50%; margin:-300px 0 0 -495px;}
body{background:url(../img/bg_body.jpg) no-repeat center top; font:13px arial; color:#414042;overflow:hidden;}

.quebra{width:1px; display:block; clear:both; height:1px;}
.quebra20{width:1px; display:block; clear:both; height:20px;}
.quebra40{width:1px; display:block; clear:both; height:40px;}
.quebra60{width:1px; display:block; clear:both; height:60px;}

/*estrutura*/
#conteudo
{
	width:940px;
	height:540px; 
	display:block; 
	margin:0 auto; 
	background:url(../img/bg_conteudo.png) no-repeat top center; 
	padding:33px 24px; 
}
#conteudo p
{
	width:810px; 
	margin:15px 0 0 70px;
}
li
{
	list-style-type:square;
	list-style-position:inside;
	margin:10px 0;
}
h2
{
	font:18px arial;
	margin:15px 0 15px 70px;
}
h1.logo
{
	width:920px;
	height:48px;
	padding-bottom:20px;
	font:1px arial; 
	text-indent:-7000px;
	border-bottom:solid 2px #f29120;
	background:url(../img/mrv_logotype.png) left center no-repeat;
	margin:10px;
	display:block;
}


/*MENU*/

#menu 
{
	width:975px; 
	height:69px; 
	display:block; 
	margin:0 auto; 
	clear:both;
	margin-top:-60px;
	position:relative;
	z-index:100;
	padding-left:5px;
}

#menu a
{
	height:52px; 
	display:block; 
	float:left; 
	background:url(../img/bg_menu.png) no-repeat;
	text-indent:-6000px;
	margin-left:-11px;
}
#menu a.especial
{
	width:176px;
	height:69px; 
	background:url(../img/bg_manualenable.png) no-repeat !important;
	margin:0 0 0 -14px;
	position:relative;
	top:-17px;
}

#menu a.enable{margin-top:-10px;}

#menu a.menu01{width:173px; background-position:-3px 0;}
#menu a:hover.menu01{background-position:-3px -54px;}

#menu a.menu02{width:173px; background-position:-186px 0;}
#menu a:hover.menu02{background-position:-186px -54px;}

#menu a.menu03{width:173px; background-position:-367px 0;}
#menu a:hover.menu03{background-position:-367px -54px;}

#menu a.menu04{width:173px; background-position:-548px 0;}
#menu a:hover.menu04{background-position:-548px -54px;}

#menu a.menu05{width:173px; background-position:-729px 0;}
#menu a:hover.menu05{background-position:-729px -54px;}

#menu a.menu06{width:173px; background-position:-910px 0;}
#menu a:hover.menu06{background-position:-910px -54px;}


/*HOME*/
h1.logo_home
{
	width:703px;
	height:134px;
	font:1px arial; 
	text-indent:-7000px;
	background:url(../img/mrv_logotype_home.png) no-repeat;
	display:block;
	margin:130px 0 0 70px;
}
#box_video_home
{
	display:inline;
	position:absolute;
	margin:-200px 0 0 475px;
}

/*A MARCA MRV*/

#marca_mrv{margin-left:50px;}
#marca_mrv h2{width:400px; margin:15px 0;}
#marca_mrv p{width:400px; margin:15px 0;}
#marca_mrv .box_amarcamrv
{
	width:350px;
	float:right; 
	margin:-230px 20px 0 0; 
	text-align:left; 
	padding-bottom:10px; 
	border-bottom:solid 2px #f29120;
}

/*DOWNLOADS*/

#conteudo .geral_item_download{width:800px; margin-left:70px; display:table;}
#conteudo .item_download
{
	width:160px;
	display:inline;
	margin:10px 20px;
	float:left;
	text-align:center;
}
#conteudo .item_download label
{
	width:160px;
	height:30px;
	display:block;
	font:bold 12px arial;
	text-align:center;
}
#conteudo .item_download img{position:relative; z-index:1;}
#conteudo .item_download a
{
	width:114px;
	height:29px;
	display:block;
	background:url(../img/bt_download.png) no-repeat;
	margin:0 auto;
	margin-top:-8px;
	position:relative;
	z-index:100;	
}
#conteudo .item_download a:hover{background-position:0 -29px;}

/*EVOLUÇÃO*/
#conteudo .img_evolucao{display:block; margin:0 auto; margin-top:40px;}

/*INDIQUE*/
#conteudo .formulario_indique
{
	width:450px;
	display:block;
	clear:both;
	margin:20px 0 0 70px;
}
#conteudo .formulario_indique label
{
	font:16px arial;
	color:#6d6e71;
	display:block;
	margin:15px 0 0 0;
}
#conteudo .formulario_indique input
{
	width:438px;
	height:32px;
	background:url(../img/bg_input438.png) no-repeat;
	padding:1px 4px;
	font:14px arial;
	color:#808594;	
}
#conteudo .formulario_indique input:hover{background-position:0 -34px;}
#conteudo .formulario_indique .bt_indique
{
	width:130px;
	height:40px;
	background:url(../img/bt_indicar.png) no-repeat;
	padding:0;
	font:1px arial;
	display:block;
	float:right;
	margin:10px 8px 0 0;
	cursor:pointer;
}
#conteudo .formulario_indique input:hover.bt_indique{background-position:0 -41px;}
#conteudo .logo_indique{position:absolute; margin:-160px 0 0 590px;}


/*MANUAL*/
#conteudo .migalha
{
	width:246px; 
	height:60px; 
	background:url(../img/bg_paginacao.png) no-repeat; 
	position:absolute; 
	margin:-80px 0 0 720px;
}

#conteudo .migalha a{width:30px; height:35px; display:inline-block; float:left; text-indent:-6000px; background:url(../img/bg_setas_paginacao.png) no-repeat; }
#conteudo .migalha a.voltar{margin:10px 0 0 90px;}
#conteudo .migalha a.avancar{margin:10px 15px 0 0px; background-position:-30px 0; float:right;}

#conteudo .migalha a:hover.voltar{background-position:0 -38px;}
#conteudo .migalha a:hover.avancar{background-position:-30px -38px;}


#conteudo .migalha a.voltar_desativado{margin:10px 0 0 90px; background-position:0 -76px;}
#conteudo .migalha a.avancar_desativado{margin:10px 15px 0 0px; background-position:-30px -76px; float:right;}


#conteudo .migalha h1{width:40px; float:left; display:block; font:26px arial; margin:12px 0 0 10px;}
#conteudo .migalha span{font:bold 14px arial; margin:20px 0 0 10px; float:left;}


#navigation{float:left; width:180px; padding-left:10px; _margin-top:-20px;}
#navigation ul li
{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li img{float:left; margin:10px 5px 0 0;}
#navigation ul li a
{
	width:160px;
	font:13px arial; 
	color:#231f20; 
	padding:4px 0;
	_margin-top:-16px;
	text-decoration:none;
	display:block;
	background:url(../img/bg_item_menu.png) no-repeat bottom;
}

#navigation ul li a:hover{background:#eee url(../img/bg_item_menu.png) no-repeat bottom;
}

#navigation ul li a span
{
	clear:both;
	font:11px arial;
	color:#999;
	display:block;
}

#navigation a.submenu1
{
	width:160px;
	font:13px arial; 
	color:#231f20; 
	padding:4px 0 4px 20px;
	_margin-top:-16px;
	text-decoration:none;
	display:block;
	background:#eee url(../img/bg_item_menu.png) no-repeat bottom;	
}
#navigation a.submenu1 h5{width:10px; height:10px; margin:5px 0 0 -15px; background:url(../img/ico_marcacao.png) no-repeat; float:left; font:1px tahoma;}
#navigation ul li ul{display:none;}

#navigation a.menu_construcao{width:157px;height:16px;font:1px tahoma;text-indent:-6000px;display:block;background:url(../img/bg_titles_manual.png) no-repeat; margin:5px 0 !important; padding:0; display:table;}
#navigation a:hover.menu_construcao{background:url(../img/bg_titles_manual.png) no-repeat;}

#navigation a.menu_usosaplicacoes{width:157px;height:16px;font:1px tahoma;text-indent:-6000px;display:block;background:url(../img/bg_titles_manual.png) no-repeat 0 -29px;margin:5px 0; padding:0; display:table;}
#navigation a:hover.menu_usosaplicacoes{background:url(../img/bg_titles_manual.png) no-repeat 0 -29px;}

#navigation a.menu_usosaplicacoes:hover{background:url(../img/bg_titles_manual.png) no-repeat 0 -29px;}
#navigation a:hover.menu_usosaplicacoes:hover{background:url(../img/bg_titles_manual.png) no-repeat 0 -29px;}

#navigation a.menu_coresversoes{width:157px;height:16px;font:1px tahoma;text-indent:-6000px;display:block;background:url(../img/bg_titles_manual.png) no-repeat 0 -58px;margin:5px 0; padding:0; display:table;}
#navigation a:hover.menu_coresversoes{background:url(../img/bg_titles_manual.png) no-repeat 0 -58px;}

#navigation a.menu_coresversoes{width:157px;height:16px;font:1px tahoma;text-indent:-6000px;display:block;background:url(../img/bg_titles_manual.png) no-repeat 0 -58px;margin:5px 0; padding:0; display:table;}
#navigation a:hover.menu_coresversoes{background:url(../img/bg_titles_manual.png) no-repeat 0 -58px;}

#navigation a.menu_papelaria{width:157px;height:16px;font:1px tahoma;text-indent:-6000px;display:block;background:url(../img/bg_titles_manual.png) no-repeat 0 -89px;margin:5px 0; padding:0; display:table;}
#navigation a:hover.menu_papelaria{background:url(../img/bg_titles_manual.png) no-repeat 0 -89px;}


#conteudo_manual
{
	width:720px; 
	height:450px; 
	display:table;
	float:left; 
	margin:-11px 0 -18px 0; 
	background:url(../img/bg_left_conteudomanual.png) no-repeat left;
	padding-left:20px;
	_margin-top:-25px;
}

#conteudo_manual h2
{
	width:240px; 
	float:left; 
	margin:15px 0 0 30px;
	z-index:100;
	position:relative;
}

#conteudo_manual h2 span
{
	font:normal 14px arial !important; 
	display:block;
}

#conteudo_manual p.p_250{width:250px; float:left; clear:both; margin:20px 0 0 30px; position:relative; z-index:100;}
#conteudo_manual img.img_manual_middle{margin:0 auto; margin-top:20px; display:block; clear:both;}

#left_conteudo_manual
{
	width:330px;
	height:450px; 
	float:left; 
	background:#eee; 
	margin-left:-2px;
}

#left_conteudo_manual h2{margin:20px 0 10px 30px;}

#left_conteudo_manual div.conteudo_bar
{
	width:270px;
	margin-left:30px;
	clear:both;
}

#left_conteudo_manual .conteudo_bar p
{
	width:250px; 
	clear:both; 
	margin:10px 0;
}

#left_conteudo_manual div.conteudo_bar ul
{
	width:250px;
	margin:10px 0;
	clear:both;
}

#left_conteudo_manual div.conteudo_bar ul li{width:250px;}

#right_conteudo_manual
{
	width:370px;
	height:450px;
	float:left; 
	background:url(../img/bg_right_conteudomanual.png) no-repeat left;
	text-align:center;
	margin-left:1px;
}

/*bar*/
.conteudo_bar{width:320px !important;height:330px; clear:both;}
.jScrollPaneContainer{position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack{position:absolute;cursor: pointer;right: 0;top: 0;height: 100%; background:url(../img/bg_bar.png) no-repeat center top;}
.jScrollPaneDrag{position: absolute;cursor: pointer;overflow: hidden;background:url(../img/ico_bar.png) no-repeat center top; height:82px !Important;}


/*recomendacoes*/
ul.box_logos_recomendacoes
{
	padding:0;
	margin:10px 0 10px 10px;
	display:table;
}

ul.box_logos_recomendacoes li
{
	width:150px;
	float:left;
	display:block;
	list-style:none;
	margin:15px;
}

/*cartaodevisita*/
#conteudo_manual .cartaodevisita p{width:280px; margin:0;}

/*facebox*/
/*
.Acerto {background: url(alert_certo.gif) left center no-repeat;}
.Aerrado {background: url(alert_errado.gif) left center no-repeat;}
.Aalerta {background: url(alert_alerta.gif) left center no-repeat;}
.Averde {background-color: #DFF1DD;	border: 1px solid #82CA77;color: #666;font-size: 1.2em;padding: 5px 10px;margin-bottom: 10px;text-align: right;}
.Avermelho {background-color: #FFDFE0;border: 1px solid #FF7E80;color: #666;font-size: 1.2em;padding: 5px 10px;margin-bottom: 10px;text-align: right;}
.Aamerelo {	background-color: #f2f3f4;border: 1px solid #336699;color: #666;font-size: 1.2em;padding: 5px 10px;margin-bottom: 10px;text-align: right; width: 95%;}
.Acinza {background-color: #F5F5F5;border: 1px solid #DDD;color: #666;font-size: 1.2em;padding: 5px 10px;margin-bottom: 10px;text-align: right;}
#legenda{font-size: 1.2em;text-align: left;float: left;padding-top: 10px; color:#d88b3d; width: 300px;}
.close_image{float: right; margin-top: 10px;}
#facebox .b {background: url(b.png);}
#facebox .tl {background: url(tl.png) top left;}
#facebox .tr {background: url(tr.png) top right;}
#facebox .bl {background: url(bl.png) bottom left;}
#facebox .br {background: url(br.png) bottom right;}
#facebox {position: absolute;width: 100%;top: 0;left: 0;z-index: 100;}
#facebox .popup {position: relative;}
#facebox table {margin: auto;border-collapse: collapse;}
#facebox .body {background: url(alert_bg.gif) repeat-x #FFF;padding: 10px;color: #336699;}
#facebox .content {border-bottom: 1px solid #DDD;padding-bottom: 10px;color: #336699;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;}
#facebox .footer {text-align: right;}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox h2{font:18px arial; margin:10px 0;}
 */
 
 .pagina-erro {background: none repeat scroll 0 0 #E8E6DA;display: block;float: left;height: 100%;width: 100%;}
.pagina-erro div {background: url("../img/background-erro.jpg") no-repeat scroll center center transparent;display: block;height: 717px;margin: 30px auto 0;width: 100%;}
.mrv-engenharia-pagina-erro {background: url("../img/mrv-pagina-erro.png") no-repeat scroll left top transparent;display: block;float: left;height: 55px;margin: 150px 0 0 220px;text-indent: -5000px;width: 139px;z-index: 2;}
.conteudo-pagina-erro p {clear: both;color: #6C664D;float: left;font: 16px Arial;margin: 10px 0 0;text-align: right;width: 355px;}
.titulo-erro {margin: 25px 0 0 !important;}
.conteudo-pagina-erro img {clear: both;float: left;margin: 5px 0 0 28px;}
.voltar-home {float: left;margin: 50px 0 0 154px;}
.conteudo-pagina-erro {display: block;width: 650px !important;}