/*--------------------------------------------------------------------

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: 112px;

	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: 70px; right: 25px; font-size: 9px; color: #939a9c;}
#footer p.credits a{color: #939a9c; text-decoration: none; border: 0; font-weight: bold;}
#footer p.credits a:hover{color: #3c3c3c;}

#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: "";}

#footer ul.share{
	position: absolute; top: 70px; left: 5px;
	padding: 0; overflow: hidden; font-size: 9px; min-width: 350px; z-index: 40;
}
#footer ul.share li{display: inline-block;  background: none; padding: 0; margin: 0 5px 0 0; vertical-align: top;}
#footer ul.share li:first-child{margin-left: 16px;}
#footer ul.share li.fb{width:48px; overflow: hidden;}



/*-------------------------------------------------------------------------

 =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; }