@charset "utf-8";

/* CSS Document */



body{

	margin:0;

	padding: 0;

	width: 100%;

	height: 100%;

	background:#0C83BD;

	font-family:Verdana, Arial, sans-serif;

	font-size: 11px;

	color:#ffffff;

}

html{

	width: 100%;

	height: 100%;

}



img, div, input { behavior: url("iepngfix.htc") }

/* Container centralizador */

#containerCenter{

	/*position: relative;*/

	width:764px;



	margin:0px auto;

	clear:both;

	color: #ffffff;

}

#containerConteudoTop{

	width:764px;

	min-height:80px;

	position:absolute;

	top:5px;

	background:#990;

	height:80px;

	background:url(../images/menuTop.png) no-repeat;

}

#containerConteudoMenuIndex{

	width:764px;

	min-height:390px;

	position:absolute;

	bottom:0px;

	/*background:url(../images/navIndex2.png) no-repeat;*/

	height:390px;



}

#containerConteudoMenuIndex a,a:hover,a:visited{

	text-decoration:none;

	border:none;

	outline:none;

	

}

#containerConteudoMenuIndex img{

	text-decoration:0px;

	border:0px;

	

	}

#containerConteudoRodape{

	width:764px;

	min-height:361px;

	position:absolute;

	bottom:0px;

	background:url(../images/bgpt2Index.jpg) no-repeat;

	height:361px;

}

#containerBannerPro{

	width:300px;

	min-height:200px;

	position:absolute;

	background: #9C0;

	height:200px;

	right:10px;

	top:30%;

}

#containerMenuLeft{

	width:100px;

	min-height:200px;

	position:absolute;

	background: #309;

	height:200px;

	left::0px;

	top:30%;

}

/**/

#menu {

	list-style: none;

	padding: 0;

	margin: 0;

	width: 764px;

	height: 60px;

	position: relative;

}

#menu span {

	display: none;

	position: absolute;

}

#menu a {

	display: block;

	text-indent: -900%;

	position: absolute;

	outline: none;

}

#menu a:hover {

	background-position: left bottom;

}

#menu a:hover span{

	display: block;

}

#menu .compor {

	width: 72px;

	height: 30px;

	

	right: 305px;

	top: 17px;

}

#menu .compor span {

	width: 74px;

	height: 30px;

	background:url(../images/menutophover.png) no-repeat -104px 2px;

	left: 0px;

	top: 0px;

}

#menu .passaTempo {

	width: 110px;

	height: 30px;

	

	right:189px;

	top: 17px;

}

#menu .passaTempo span {

	width: 110px;

	height: 30px;

	background:url(../images/menutophover.png) no-repeat -182px 2px;

	left: 0px;

	top: 0px;

}

#menu .paisEdu {

	width: 153px;

	height: 30px;

	

	right:28px;

	top: 17px;

}

#menu .paisEdu span {

	width: 153px;

	height: 30px;

	background:url(../images/menutophover.png) no-repeat -300px 2px;

	left: 0px;

	top: 0px;

}

#menu .aventuras {

	width: 97px;

	height: 30px;

	

	right:385px;

	top: 17px;

}

#menu .aventuras span {

	width: 97px;

	height: 30px;

	background:url(../images/menutophover.png) no-repeat 1px 2px;

	left: 0px;

	top: 0px;

}

/*janelas flutuantes*/

#backgroundPopup{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:100%;

width:100%;

top:0;

left:0;

background:#000000;

border:1px solid #cecece;

z-index:1;

}

#popupContact{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:450px;

width:764px;

background:url(../images/bg_passaTempo.png) no-repeat;

z-index:2;

padding:12px;

font-size:13px;

}

#popupContact h1{

text-align:left;

color:#6FA5FD;

font-size:22px;

font-weight:900;

border-bottom:1px dotted #D3D3D3;

padding-bottom:2px;

margin-bottom:20px;

}

#popupContactClose{

font-size:14px;

line-height:14px;

right:6px;

bottom:0px;

position:absolute;

color:#6fa5fd;

font-weight:700;

display:block;

}

#popupContactClose img{

	border:none;

	cursor:pointer;

}

#button{

text-align:center;

margin:100px;

}

#item0Passatempo{

		position:absolute;

		top:100px;

		left:130px;

}

#conteinerLogo{
    
    position:relative;
    top:5px;
    width:764px;
    height:80px;
    background:url(../images/logoPam.png);

}

#containerConteudoEditorDownload{
    width:764px;
    min-height:450px;
    position:absolute;
    top:90px;
    background:url(../images/bgEditorDownload.png) no-repeat;
    height:450px;

}

#containerConteudoEditorDownload #containerBotoes{
    width:440px;
    min-height:115px;
    position:absolute;
    height:115px;
    top:100px;
    left:173px;
	text-align:center;

}

#containerConteudoEditorDownload #containerBtnVoltar{
    width:129px;
    min-height:56px;
    position:absolute;
    height:56px;
    bottom:0px;
    right:0px;

}