/*--------------------------------------------------------------------
LAYOUT "corpo" Style - WMPI(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2009
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/
body { 
	font: 13px Arial, Helvetica, sans-serif; color: #61696b;
	background: #f5f9ff url(../imgs/body-bg.gif) repeat-x left top; 
}
#flashContent{position: relative; width: auto; height: 180px; padding: 0; margin: 0 auto;	z-index: 1;}
#wrapperMaster{position: relative; width: 950px; padding: 0; margin: -119px auto 0 auto; z-index: 5;}


/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#header{
	position: relative;	width:950px; height: 173px;
	background: transparent url(../imgs/header-bg.png) no-repeat left bottom;
}
#header h1{
	position: absolute; top: 0; left: 10px;	width: 139px; height: 161px; z-index: 20;
	background: transparent url(../imgs/brand.png) no-repeat; text-indent: -5555px;
}

/* =Nav. main */
#navMain{
	position: absolute; top: 126px; left:23px; width: 652px;	height:25px; z-index: 10;
	font-size:12px; font-weight: bold; text-transform: uppercase; color: #2f3235;   
	margin:0; padding: 0 1px; /*:BUG: LAVALAMP se nao tiver margin e paddingleft right da erro de css parsing "left" property */
}
#navMain li{float: left;}
#navMain li.backLava{
	position: absolute; width: 10px; height: 25px; z-index: 12; 
	background: transparent url(../imgs/navMain.png) no-repeat right -25px;
}
#navMain li.backLava .leftLava{
  height: 25px; margin-right: 10px;
	background: transparent url(../imgs/navMain.png) no-repeat top left;
}
#navMain li a {
	position: relative; display: block; margin: auto 12px; z-index: 14;	 padding: 0;  
	color: #2f3235; text-decoration: none; height: 25px; border: none; text-align: center;
} 
#navMain li.first{width: 100px; margin-right: 23px; text-indent: -5555px;} 
#navMain li a:hover, #navMain li a:active, #navMain li a:visited {border: none;}
#navMain li.selectedLava a{color: #3e738f; cursor: default;}
/* =Mav tray*/
#navTry{
	position: absolute; top: 118px; right:10px; width: 206px;	height:38px; 
	z-index: 25; overflow: hidden;
}
#navTry li{
	float: left; display: block; height: 38px;
	background-image: url(../imgs/navTray-sombra.png); background-repeat: no-repeat; background-color: transparent;
}
#navTry li a{
	position: relative;	display: block; height: 23px; border: 0; text-indent: -5555px;
	background-image: url(../imgs/navTray.png); background-repeat: no-repeat; background-color: transparent;
}
#navT1, #navT1 a{width: 54px; margin-right: 3px; background-position: 0 0;}
#navT2, #navT2 a{width: 58px; margin-right: 3px; background-position: -57px 0;}
#navT3, #navT3 a{width: 88px; background-position: -118px 0;}
#navT1 a:hover,#navT1 a:focus{background-position: 0 -23px;}
#navT2 a:hover,#navT2 a:focus{background-position: -57px -23px;}
#navT3 a:hover,#navT3 a:focus{background-position: -118px -23px;}
#navTry #navT1 a.on{background-position: 0 -46px; cursor: default;}
#navTry #navT2 a.on{background-position: -57px -46px; cursor: default;}
#navTry #navT3 a.on{background-position: -118px -46px; cursor: default;}


/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#contentWrapper{
	position: relative; width: 930px; min-height: 434px; padding: 0 10px 15px 10px; overflow: hidden;
}
.bg1 #contentWrapper{background: #ffffff url(../imgs/content-bg1.png) no-repeat;}
.bg2 #contentWrapper{background: #ffffff url(../imgs/content-bg2.png) no-repeat;}

/* =Pesquisa */
#formPesquisar fieldset{
	position: absolute; top:6px; right: 10px; width: 137px; height: 22px; z-index: 20;
	background: transparent url(../imgs/formPesquisar-bg.png) no-repeat;
}
#formPesquisar legend{display: none;}
#formPesquisar input.textLimpar{
	width: 110px; height: 12px; vertical-align: middle;	border: 0; 
	font: bold 10px/14px Arial, Helvetica, sans-serif; color: #939a9c; margin: 0; padding: 0 5px;
}
#formPesquisar button.btnEnviar{ /* :INFO: tive de usar position pois com o border nao consegui ter consistencia entre browsers*/
	position: absolute; right: 1px; top: 1px;
	text-indent: -5555px; overflow: hidden; vertical-align: middle; 
	width: 18px; height: 18px; margin: 0; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/icon-seta.png) no-repeat left top;
}
#formPesquisar button.btnEnviar:hover, #formPesquisar button.btnEnviar:focus{background: transparent url(../imgs/icon-seta.png) no-repeat left bottom;}


/*-------------------------------------------------------------------------
=CONTENT  ESQUERDA
-------------------------------------------------------------------------*/
#contentEsq{position: relative; float: left; width: 280px; min-height:300px; padding: 75px 20px 0 0;}
#contentEsq img{padding: 0 0 0 17px;}
.about #contentEsq p img{position: relative; left: 40px; top: 80px; padding: 0;}
.about #contentWrapper #contentEsq a{border: 0; background: none; padding: 0;}
.terms #contentEsq{background: transparent url(../imgs/terms-bg.png) no-repeat 20px 44px;}
.product #contentEsq{background: transparent url(../imgs/product-bg.png) no-repeat 20px 44px;}
.support #contentEsq{background: transparent url(../imgs/support-bg.png) no-repeat 5px 44px;}
.buy #contentEsq{background: transparent url(../imgs/buy-bg.png) no-repeat 20px 44px;}
.try #contentEsq{background: transparent url(../imgs/try-bg.png) no-repeat 20px 44px;}
.faq #contentEsq{background: transparent url(../imgs/faq-bg.png) no-repeat 55px 65px;}
.tech #contentEsq{background: transparent url(../imgs/tech-bg.png) no-repeat 55px 120px;}
.product #navSec, .terms #navSec, .buy #navSec, .try #navSec{padding-top: 185px;}
.faq #navSec{padding-top: 125px;}
.support .box{margin-top: 200px;}

/* =Nav Secundaria nota: n uso line height pois o txt pode quebrar*/
#navSec{
	font-size: 11px; line-height:12px; color: #1e4a69; margin: 0 0 40px 10px;
}
#navSec li{display: block; width: 210px;	background: transparent url(../imgs/navSec-separador.gif) no-repeat left bottom;}
#navSec li.on a{font-weight: bold; cursor: default; background: transparent url(../imgs/navSec-seta.png) no-repeat 0px 7px;}
#navSec a{
	position: relative; width: auto; display: block; margin: 0; padding: 6px 1px 7px 13px; 
	color: #1e4a69; border: 0; text-decoration: none; 
}
#navSec li.on a:hover, #navSec li.on a:focus{color: #1e4a69;}
#navSec a:hover, #navSec a:focus{color: #66b2c4;}


/*-------------------------------------------------------------------------
=CONTENT DIREITA = zona principal de conteudos
-------------------------------------------------------------------------*/
#contentDta{position: relative; float: left; width: 630px; padding-top:75px;}
#contentDta h2{font-weight: bold; font-size: 22px; padding-bottom: 10px; color: #2f3235;}
#contentDta h2 span{font-weight: normal;}
#contentDta h3{font-weight: bold; font-size: 15px; padding: 12px 0 3px 0; color: #3e738f;}
#contentDta h4{font-weight: bold; font-size: 13px; padding: 8px 0 3px 0; color: #3e738f; text-transform: uppercase;}
#contentDta h4 span{text-transform: none;}
#contentDta h5{font-weight: bold; font-size: 13px; padding: 8px 0 3px 0; color: #61696b;}
#contentDta h2, #contentDta h3, #contentDta h4, #contentDta h5, #contentDta h6 {padding-right: 50px;}

#contentDta .code{font: 12px/15px "Courier New", Courier, monospace;}
#contentDta .code p{padding: 1px 0; line-height: 15px;}
#contentDta p, #contentDta ul, #contentDta ol{line-height: 17px; padding: 0 50px 15px 0;}
#contentDta ul p, #contentDta ul h3, #contentDta ul h4, #contentDta ul h5{padding-right: 0;}
#contentDta p + ul, #contentDta p + ol{margin-top: -12px;}
#contentDta p.openMore + ul, #contentDta p.openMore + ol{margin-top: 0;}
#contentDta ul li{padding: 0 0 3px 10px; background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 7px;}
#contentDta ol li{margin: 0 0 3px 18px; list-style: decimal outside none;}

#contentDta img{float: right; padding: 0 0 15px 15px;}
#contentDta .btPic{border-bottom: 1px solid transparent;}

/* =Lista de links de imagens*/
#contentDta ul.linkPics{padding: 15px 0 0 0;}
#contentDta ul.linkPics li{float: left; background: none; padding: 0 15px 0 0; margin: 0;}
#contentDta ul.linkPics li img{float: none;	padding: 0; margin: 0;}
#contentDta ul.linkPics li a{background: none; border: 0; padding: 0; margin: 0;}

/* =foto (caption) com legenda*/
#contentDta .caption{float: right; padding: 3px 50px 15px 15px;}
#contentDta .caption img{float: none!important; padding: 0!important;}
#contentDta .caption span, #contentDta ul.listPics span{display: block; font-size: 11px; color: #1e4a69;  font-weight: bold; padding-left: 8px; line-height: 13px;}

/* =lista de fotos  */
#contentDta ul.listPics{padding: 15px 0 10px 0; overflow: hidden;}
#contentDta ul.listPics img{float: none; margin: 0; padding:0; }
#contentDta ul.listPics li{float: left; background: none; margin: 0; padding: 0 40px 15px 0;}
#contentDta ul.listPics a{background: none; padding: 0; margin: 0; border: 0;}

/* =2colunas*/
#contentDta .columns{width: auto; overflow: hidden; height: 1%; padding: 0 0 10px 0;}
#contentDta .columns .column1{float: left; width: 300px; padding-right: 30px;}
#contentDta .columns .column2{float: left; width: 300px;}

/* = read more*/
#contentWrapper .openMore{
	font-weight: bold; font-size: 12px;	color:#3e738f; display: inline; cursor: pointer;background-image: none; 
}
#contentWrapper .on{color: #66b2c4;}
#contentWrapper .openMore:hover, #contentWrapper .openMore:focus{color: #66b2c4;}


/* = Lista ordenada acordeao + Acordeao*/
dl.acordeao{padding: 6px 50px 15px 0;	margin-left: -20px; line-height: 17px;}
dl.acordeao p, dl.acordeao ul{padding-right: 0!important;}
dl.acordeao dt, #contentWrapper .slide{
	font-weight: bold; color: #1e4a69; text-transform: uppercase;	margin: 10px 0 5px 0; padding:0 0 0 20px; 
	background: transparent url(../imgs/icon-listas-accordion.gif) no-repeat 0px 3px; font-size: 13px;
}
*:first-child+html #contentWrapper .slide{background: none; padding: 0;} /* :HACK: IE7 nao aparece o icon*/
dl.acordeao dt.on, #contentWrapper .slideon{background-position: left bottom;}
dl.acordeao dt span, #contentWrapper .slide span{color: #1e4a69!important;border-bottom: 1px solid #33cccc!important; cursor: pointer!important;}
dl.acordeao dt span:hover, #contentWrapper .slide span:hover{color: #66b2c4!important; border-bottom: 1px solid transparent!important;}
dl.acordeao dt.on span, #contentWrapper .slideon span{color: #66b2c4!important; border: 0!important;}
dl.acordeao dd{margin:0 0 20px 0; padding-left: 20px;} 
#contentDta dl.acordeao ul{padding: 5px 0;}

/* = Lista bibliografia*/
#contentDta ul.bibliog li{background: none; padding: 25px 0 0 0;}
#contentDta ul.bibliog li:first-child{padding: 0;}
#contentDta ul.bibliog h3{color:#1e4a69; font-size: 13px; padding: 5px 0 0 0;}
#contentDta ul.bibliog p{padding: 0;}

/* = Lista blockquote*/
#contentDta blockquote{
	width: 630px; margin: 0 0 15px -20px; color: #1e4a69; text-transform: uppercase;
	font-size: 13px; font-weight: bold; line-height: 18px;
}
#contentDta blockquote p span{text-transform: lowercase;}
#contentDta blockquote p{background: url(../imgs/blockquote-top.png) no-repeat; padding: 10px 20px 6px 20px;}
#contentDta blockquote div{width: 100%; height: 4px; background: url(../imgs/blockquote-bottom.png) no-repeat;}
#contentDta blockquote p a{color: #1e4a69;}

/* =Caixas destaque */
#contentEsq .box{margin-left: 10px;}
.box, .boxAlert{
	position: relative; padding-top: 10px; width: 210px; margin: 25px 0; font-size: 11px; 
	background: transparent url(../imgs/box-bg-topo.png) no-repeat top left;
}
.box div, .boxAlert div{min-height: 100px; padding:0 10px 13px 20px; background: transparent url(../imgs/box-bg-fundo.png) no-repeat bottom left;}
.boxAlert{background: transparent url(../imgs/boxAlert-bg-topo.png) no-repeat top left;}
.boxAlert div{background: transparent url(../imgs/boxAlert-bg-fundo.png) no-repeat bottom left;}
.box h3,.boxAlert h3{color: #66b2c4; font-size: 15px; font-weight: bold; padding:8px 0 6px 0;}
.boxAlert h3{color: #2a2f32;}
.box p,.boxAlert p{line-height: 14px; padding-bottom: 6px;}
.box img, .boxAlert img{float: right;}
.box a, .boxAlert a{color: #4f5557;}
.box ul, .boxAlert ul {margin-left: -10px; padding: 0;}
.box ul li, .boxAlert ul li{padding: 0 0 7px 10px; background: transparent url(../imgs/icon-listas-seta-box.gif) no-repeat 0 5px;}
#contentWrapper .boxDownload img{padding: 5px 0 5px 10px;}

/* =TABELAS */
table{
	color: #2f3235; border: 0; margin:15px 0 30px 0;
	font: normal 13px Arial, Helvetica, sans-serif;
}
.support table{margin:15px 50px 35px 0;}
table th{
	font: bold 12px Arial, Helvetica, sans-serif; color: #3e738f; text-align: left; padding: 5px 10px;
	background: transparent url(../imgs/tabela-buy-bg.png) repeat-x left bottom;
	border-left: 1px solid transparent;
}
table td{padding: 5px 10px; border-left: 1px solid transparent; vertical-align: top;}
table tr{border-bottom: 1px solid #e6edf4; text-align: left;}
table tr.odd{background-color: #fffff3;}

/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
#footer{
	position:relative; clear: both; width: 955px; height: 84px;
	background: transparent url(../imgs/footer-bg.png) no-repeat;
}
#footer h3{
	position: absolute;	top: 20px; left: 20px; width: 55px; height: 25px; 
	background: transparent url(../imgs/id-critical-footer.png) no-repeat;
}
#footer h3 a{display: block; position: absolute; left: 0; right: 0; border: 0;	width: 100%; height: 100%; text-indent: -5555px;}
#footer p.copyr{position: absolute;	top: 18px; left: 84px; font-size: 9px; color: #939a9c;}
#footer p.credits{position: absolute;	top: 64px; right: 25px; font-size: 9px; color: #939a9c;}
#footer p.credits a{color: #939a9c;}
#footer ul.footerNav{
	position: absolute; top: 25px; right: 25px;
	font-size: 9px;	font-weight: bold; text-transform: uppercase; color: #939a9c;
}
#footer ul.footerNav a{border: 0; color: #1e4a69;}
#footer ul.footerNav a:hover, #footer ul.footerNav a:focus{color: #66b2c4;}
#footer ul.footerNav li{display: inline;}
#footer ul.footerNav li:before {content: "| ";}
#footer ul.footerNav li:first-child:before {content: "";}

/*-------------------------------------------------------------------------
 =OVERLAY - LIGHTBOX   
-------------------------------------------------------------------------*/
.overlay{display:none;}
.overlayBox{width:950px;height: auto; margin: 0 auto; font-size: 12px;}
.overlayBox h2{font-size: 14px; padding: 2px 0; text-transform: uppercase;}
.overlayBox h3{font-size: 13px; font-weight: bold; padding: 8px 0 2px 0;}
.overlayBox ul li{padding: 2px 0;}
.overlayBox ul ul{padding: 2px 0 5px 5px;}
.overlayBox .btClose span{display: none;}

/*-------------------------------------------------------------------------
=PRE DEFINICOES e COMUNS A ESTE SITE
------------------------------------------------------------------*/
#contentWrapper a[href^="http:"] {
	background: transparent url(../imgs/icon-link-externo.gif) no-repeat right 2px;
	padding-right: 10px;	
}
#contentWrapper a[href^="http://www.csWMPI.com"], #contentWrapper a[href^="http://www.csWMPI.com/"],
#contentWrapper a[href^="http://www.cswmpi.com"], #contentWrapper a[href^="http://www.cswmpi.com/"],
#contentWrapper a[href^="http://csWMPI.com"], #contentWrapper a[href^="http://cswmpi.com"]{
	background-image: none; padding-right: 0;	
}
#contentWrapper a[href$=".zip"]{
	background: transparent url(../imgs/icon-link-zip.gif) no-repeat right 2px;
	padding-right: 10px;	
}
#contentWrapper a[href$=".pdf"]{
	background: transparent url(../imgs/icon-link-pdf.gif) no-repeat right 1px;
	padding-right: 11px;	
}

a{color: #61696b; text-decoration: none; border-bottom: 1px solid #33cccc;}
a:hover, a:focus{color: #33cccc; border-bottom: 1px solid transparent;}
/* Link seta */
a.btSeta{
	color:#61696b; font-size: 11px; font-weight: bold;text-transform: uppercase; border: 0;
	line-height: 19px; height: 18px; padding:2px 22px 2px 0; vertical-align: middle; 
	background: transparent url(../imgs/icon-seta.png) no-repeat top right; 
}
a.btSeta:hover, a.btSeta:focus{background-position: bottom right; color: #66b2c4!important;}
/* Link download */
.btDownl{
	font-size: 12px; font-weight: bold; line-height: 18px; height: 18px;  margin: 5px 0;
	background: transparent url(../imgs/icon-seta-baixo.png) no-repeat top left;
}
.btDownl a{color:#3e738f;vertical-align: middle; margin-left:22px;padding: 0!important; background: none !important;}
.btDownl a:hover, .btDownl a:focus{color: #66b2c4;}


.nospace{margin: 0;}
.noMouse, .noMouse a{cursor: default;}
.mouse, .mouse a{cursor: pointer !important;}
.bold{font-weight: bold;}
.red{color: #b71234;}
.blue{color: #1e4a69;}
.blue2{color: #33cccc;}
/*-------------------------------------------------------------------------
=ANTI SPAM FIELDS
------------------------------------------------------------------*/
#form_no_sp, #form_no_sp_nl { display: none; }