/* 

    Document   : menu.css
    Created on : 23/09/2009, 13:50:20
    Author     : Vagner - Acao Direta Web Studio
    Description: CSS - Menu Pool Assessoria Empresarial

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

#nav, #nav ul 					{ width:980px; height:40px; float:left; list-style:none; background:url(../imagens/background-menu-dois.png) no-repeat; padding:0; margin-top:95px; }
#nav a 							{ display:block; color:#FFF; text-decoration: none; font-size:15px; }
#nav a:hover					{ color:#E1DA82; }


#nav li 						{ height:35px; line-height:35px; float:left; }
#nav li.home					{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.home a:hover			{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; font-weight:bold; }

#nav li.institu					{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.institu a:hover			{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; font-weight:bold; }
#nav li.institu ul				{ width:170px !important; }
#nav li.institu ul li			{ width:170px !important; }
#nav li.institu ul li a			{ width:auto !important; display:block; text-align:left; text-indent:16px; }

#nav li.negocios				{ width:235px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.negocios a:hover		{ width:235px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; font-weight:bold; }
#nav li.negocios ul				{ width:235px !important; }
#nav li.negocios ul li			{ width:235px !important; }
#nav li.negocios ul li a		{ width:auto !important; display:block; text-align:left; text-indent:16px; }

#nav li.consultorias			{ width:235px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.consultorias a:hover	{ width:235px; font-weight:bold; }
#nav li.consultorias ul			{ width:235px !important; }
#nav li.consultorias ul li		{ width:235px !important; }
#nav li.consultorias ul li a	{ width:auto !important; display:block; text-align:left; text-indent:16px; }

#nav li.produtos				{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.produtos ul				{ width:170px; }
#nav li.produtos ul	li			{ width:170px; }
#nav li.produtos a:hover		{ width:170px; font-weight:bold; }
#nav li.produtos ul li a		{ width:auto !important; display:block; text-align:left; text-indent:16px; }

#nav li.contabilidade			{ width:118px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.contabilidade a:hover	{ width:118px; font-weight:bold; }

#nav li.franquias				{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; text-align:center; }
#nav li.franquias a:hover		{ width:170px; background:url(../imagens/corte-menu-dois.jpg) no-repeat top right; font-weight:bold; }
#nav li.franquias ul			{ margin-left:-36px;  }
#nav li.franquias ul li a		{ width:auto !important; display:block; text-align:left; }

#nav li ul 						{ background:#035392; position: absolute; left: -999em; height: auto; width:160px; font-weight: normal; margin:0; }
#nav li li 						{ padding-right:1em; width:160px; height:20px; background:none; padding:0; }
#nav li ul a 					{ width:160px; height:20px; line-height:20px; font-size:12px; text-indent:5px; }
#nav li ul ul 					{ margin: -1.75em 0 0 14em; margin: -1.7em 0 0 13.95em; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover 	{ background:none; }

ul.nav iframe 					{ position:absolute; left:-0.25em; top:-0.25em; z-index:-1; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }
* html ul.nav li 				{ z-index:201; }

/*fix*/

	


/*
.popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background:#FF7391;
    height: 627px;
    width: 670px;
    border-radius:7px;
    border:1px solid #e5e5e5;
    font-family:'helvetica neue';
    z-index: 999999999999;
    background: url('../imagens/pool-cartao.png');
    -webkit-box-shadow: 0px 0px 5px 5px rgba(110,110,110,0.36);
    -moz-box-shadow: 0px 0px 5px 5px rgba(110,110,110,0.36);
    box-shadow: 0px 0px 5px 5px rgba(110,110,110,0.36);
 }

.popup:hover{zoom:1.3;}
.valid {
    height:30px;
    width:30px;
    background:#fff;
    margin:0 auto;
    margin-top:30px;
    border-radius:5px;
}
#Layer_2 {
    margin:7px;
}
h1 {
    color:white;
    font-family:helvetica;
    font-size:.9em;
    text-align:center;
    font-weight:bold;
    line-height:10px;
    margin-top:26px;
}
p {
    color:white;
    font-family:helvetica;
    font-size:.75em;
    text-align:center;
    line-height:1px;
    text-shadow: 0px 1px 1px #4CB572;
}
.bottom-popup {
    width:100%;
    background:#fff;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-top:32px;
    padding:30px 0 30px 0;
}
a.start {
    margin:-12px 39% 0 0;
    border-radius:40px;
    background:#FF7391;
    padding:6px 20px 6px 20px;
    font-family:'helvetica';
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-size:.10em;
    float:right;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
a.start:hover {
    border-radius:5px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
#Layer_1 {
    float:right;
    margin:10px;
}*/


#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  background-color: #f3f3f3;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 670px !important;
  height: 627px !important;
  display: none;
  z-index: 9999;
  padding: 0px;
  border-radius: 15px;
  text-align: center;
  background: url('../imagens/pool-cartao.png') no-repeat center;
  z-index: 999999999;
}

#boxes #dialog {
  width: 750px;
  height: 300px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}

span#close {
    cursor: pointer;
    position: absolute;
    bottom: 4%;
    color: #37556b;
    text-decoration: underline;
    left: 46%;
}