/* 

	Balanço das Empresas Públicas 2008/2009 - Secretaria da Fazenda do Estado de São Paulo

	2009

 */

 

 /* v1.0 | 20080212  Reset CSS by Eric Meyer */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; vertical-align: baseline; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; background: transparent; font-size: 100%; }

body 			{ line-height: 1; } 

ol, ul 			{ list-style: none; } 

blockquote, q 	{ quotes: none; } 

ins 				{ text-decoration: none; }

del 				{ text-decoration: line-through; }

:focus 			{ outline: 0; }

table 			{ border-collapse: collapse; border-spacing: 0; }



/* GLOBAL */

body {

	background-color: #fff;

	color: #000;

	text-align: center;

	font-family: Arial, Verdana, Helvetica, Sans-serif;

	font-size: 62.5%;

}



/* PAGE */

#page { 

	width: 960px;

	margin: 0 auto;

	position: relative;

	text-align: left;

}



/* HEADER */

#header {

  height: 55px;

  width: 960px;

  margin-bottom: 24px;

  background: url(../img/bg_header.gif) no-repeat;

}

#header #navAccess {

   display: none;

}

#header h1#logo {

   display: block;

   text-indent: -9999px;

}

#header p#logoFazenda {

   position: absolute;

   top: 5px;

   right: 5px;

   background: url(../img/logoFazenda.gif) no-repeat;

   line-height: 66px;

}

#header p#logoFazenda a {

   display: block;

   width: 193px;

   height: 45px;

   text-indent: -9999px;

}



/* EXTRA */

#extra {

   height: 120px;

   margin-bottom: 11px;

   background:url(../img/logosp_01.gif) no-repeat top left; 

   padding-left: 325px;

}

#extra h2.section {

   margin-bottom: 12px;

   background: url(../img/bg_apresentacao.gif) no-repeat;

   line-height: 33px;

   text-indent: -9999px;

}

#extra p {

   margin-bottom: 20px;

   line-height: 18px;

   font-size: 1.4em;

   text-align: justify;

}



/* CONTENT */

#content {  width: 960px; }



#content h3 {

   font-size: 16px;

   color: #666;

   letter-spacing: -1px;

   margin-bottom: 24px;

   padding: 12px 0;

   border-top: 1px solid #ccc;

   border-bottom: 1px solid #ccc;

}



#navSection {

   background: url(../img/bg_navSection.gif) repeat-y;

   height: 546px;

   margin-bottom: 20px;

}

#navSection ul.nav {  list-style: none; }

#navSection ul.nav li {

   width: 312px;

   height: 66px;

   margin-bottom: 12px;

   float: left;

}

#navSection ul.nav li.item01, #navSection ul.nav li.item02, #navSection ul.nav li.item04, #navSection ul.nav li.item05, #navSection ul.nav li.item07,

#navSection ul.nav li.item08, #navSection ul.nav li.item10, #navSection ul.nav li.item11, #navSection ul.nav li.item13, #navSection ul.nav li.item14,

#navSection ul.nav li.item16, #navSection ul.nav li.item17, #navSection ul.nav li.item20 { margin-right: 12px; }

#navSection ul.nav li a {

   font-size: 1.1em;

   padding-left: 139px;

   padding-right: 23px;

   padding-top: 5px;

   display: block;

   line-height: 1.2em;

   text-decoration: none;

   color: #000;

   height: 60px;

}

#navSection ul.nav li a strong {

   display: block;

   font-size: 1.2em;

   font-weight: bold;

   color: #000;

   margin-bottom: 5px;

}

#navSection ul.nav li a:hover { text-decoration: underline; }



#navSection ul.nav li.item01 a { background: url(../img/logo_cdhu.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item02 a { background: url(../img/logo_cpos.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item03 a { background: url(../img/logo_emtu.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item04 a { background: url(../img/logo_cesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item05 a { background: url(../img/logo_cpp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item06 a { background: url(../img/logo_imprensa-oficial.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item07 a { background: url(../img/logo_cetesb.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item08 a { background: url(../img/logo_cptm.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item09 a { background: url(../img/logo_ipt.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item10 a { background: url(../img/logo_codasp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item11 a { background: url(../img/logo_dersa.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item12 a { background: url(../img/logo_metro.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item13 a { background: url(../img/logo_cdss.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item14 a { background: url(../img/logo_emae.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item15 a { background: url(../img/logo_prodesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item16 a { background: url(../img/logo_cosesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item17 a { background: url(../img/logo_emplasa.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item18 a { background: url(../img/logo_sabesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item19 a { background: url(../img/logo_nossacaixa.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item20 a { background: url(../img/logo_tursp.gif) 10px 5px no-repeat; }



/* Hover para IE6 */

#navSection ul.nav li.item01 a:hover { background: url(../img/logo_cdhu.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item02 a:hover { background: url(../img/logo_cpos.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item03 a:hover { background: url(../img/logo_emtu.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item04 a:hover { background: url(../img/logo_cesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item05 a:hover { background: url(../img/logo_cpp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item06 a:hover { background: url(../img/logo_imprensa-oficial.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item07 a:hover { background: url(../img/logo_cetesb.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item08 a:hover { background: url(../img/logo_cptm.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item09 a:hover { background: url(../img/logo_ipt.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item10 a:hover { background: url(../img/logo_codasp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item11 a:hover { background: url(../img/logo_dersa.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item12 a:hover { background: url(../img/logo_metro.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item13 a:hover { background: url(../img/logo_cdss.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item14 a:hover { background: url(../img/logo_emae.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item15 a:hover { background: url(../img/logo_prodesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item16 a:hover { background: url(../img/logo_cosesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item17 a:hover { background: url(../img/logo_emplasa.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item18 a:hover { background: url(../img/logo_sabesp.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item19 a:hover { background: url(../img/logo_nossacaixa.gif) 10px 5px no-repeat; }

#navSection ul.nav li.item20 a:hover { background: url(../img/logo_tursp.gif) 10px 5px no-repeat; }



/* POPUP */

.mostraPopup { display: none; }



#simplemodal-container .figure {

   border-right: 1px solid #004572;

   width: 190px;

   height: 337px;

   float: left;

   display: block;

}

#simplemodal-container .figure img { padding-top: 120px; }



#simplemodal-container .info {

   text-align: left;

   width: 350px;

   float: right;

   padding: 30px 30px 0 10px;

}

#simplemodal-container .info h3 {

   font-size: 2.2em;

   color: #004572;

   margin-bottom: 0;

}

#simplemodal-container .info p.description {

   font-style: italic;

   color: #004572;

   font-size: 1.2em;

   line-height: 1.4em;

   margin-bottom: 20px;

}

#simplemodal-container .info p {

   font-size: 1.2em;

   color: #000;

   line-height: 1.6em;

   text-align: justify;

   margin-bottom: 15px;

}

#simplemodal-container .info p a {  color: #004572; }

#simplemodal-container .info p.document { height:63px; }

#simplemodal-container .info p.document {

    background: url(../img/ico_pdf.gif) no-repeat; 

    padding-left: 68px;

}

#simplemodal-container .info p.document a:hover { text-decoration: underline; }

#simplemodal-container .info p.document strong {  display: block; margin-bottom: 5px; }

#simplemodal-container .info p.document a {

   font-size: 1.4em;

   font-weight: 700;

   text-decoration: none;

   background: url(../img/ico_square.gif) no-repeat top right;

   padding-right:20px;

 }

#simplemodal-container .info p.document a.archive3 {  background: none;  } 



/* FOOTER */

#footer { 

   clear: both;

   background-color: #004572; 

   height: 40px;

}

#footer p {

   font-size: 1.1em;

   line-height: 40px;

   color: #999;

   text-align: right;

   padding-right: 105px; 

}

#footer #logoFooter {

   position: absolute;

   right: 0;

   bottom: 8px;

}