@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(imagens/bg.png);
	background-repeat: no-repeat;
	background-color: #25428a;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.base-home{
   position:relative;
   width: 940px;
   height:539px;  
}

.base-nana{
   position:relative;
   width: 940px;
   height:539px;
   background-image:url(../imagens/bg_nana.png);
   background-repeat:no-repeat;
   
}

.base-cabecao{
   position:relative;
   width: 940px;
   height:539px;
   background-image:url(../imagens/bg_cabecao.png);
   background-repeat:no-repeat;
   
}

.base-dermon{
   position:relative;
   width: 940px;
   height:539px;
   background-image:url(../imagens/bg_dermon.png);
   background-repeat:no-repeat;
   
}

.base-kelly{
   position:relative;
   width: 940px;
   height:539px;
   background-image:url(../imagens/bg_kelly.png);
   background-repeat:no-repeat;
   
}

.base-oliver{
   position:relative;
   width: 940px;
   height:539px;
   background-image:url(../imagens/bg_oliver.png);
   background-repeat:no-repeat;
   
}

.base-tirinha{
   position:relative;
   width: 940px;
   height:539px;
   background-image:url(../imagens/bg_tirinhas2.jpg);
   background-repeat:no-repeat;
   
}

.home{
	position:absolute;
	top:0px;
	right:40px;
	z-index:2;
	width:120px;
	height:150px;
	overflow:hidden;
}

.home-tirinha{
	position:absolute;
	top:0px;
	left:40px;
	z-index:2;
	width:150px;
	height:220px;
	overflow:hidden;
}

.menu{
	position:absolute;
	top:440px;
	right:40px;
	z-index:2;
	width:420px;
	height:100px;
	overflow:hidden;
}

.menu-nana{
	width:72px;
	height:100px;
	overflow:hidden;
	background-image:url(../imagens/bg_menu.png);
	background-position: 0px 100px;
	float:left;
}

.menu-nana:hover{
	background-position: 0px 0px;
}

.menu-cabecao{
	width:72px;
	height:100px;
	overflow:hidden;
	background-image:url(../imagens/bg_menu.png);
	background-position: -72px 100px;
	float:left;
}

.menu-cabecao:hover{
	background-position: -72px 0px;
}

.menu-dermon{
	width:132px;
	height:100px;
	overflow:hidden;
	background-image:url(../imagens/bg_menu.png);
	background-position: -144px 100px;
	float:left;
}

.menu-dermon:hover{
	background-position: -144px 0px;
}


.menu-kelly{
	width:72px;
	height:100px;
	overflow:hidden;
	background-image:url(../imagens/bg_menu.png);
	background-position: -276px 100px;
	float:left;
}

.menu-kelly:hover{
	background-position: -276px 0px;
}

.menu-oliver{
	width:72px;
	height:100px;
	overflow:hidden;
	background-image:url(../imagens/bg_menu.png);
	background-position: -348px 100px;
	float:left;
}

.menu-oliver:hover{
	background-position: -348px 0px;
}

.curiosidade{
	position:absolute;
	top:389px;
	right:484px;
	z-index:2;
	width:173px;
	height:150px;
	overflow:hidden;
	text-align:right;
	cursor:pointer;
}

.curiosidade-nana{
	position:absolute;
	top:312px;
	right:370px;
	z-index:2;
	width:167px;
	height:150px;
	overflow:hidden;
	text-align:right;
}

.curiosidade-cabecao{
	position:absolute;
	top:340px;
	left:270px;
	z-index:2;
	width:134px;
	height:114px;
	overflow:hidden;
	text-align:right;
}

.curiosidade-dermon{
	position:absolute;
	top:250px;
	right:390px;
	z-index:2;
	width:171px;
	height:145px;
	overflow:hidden;
	text-align:right;
}

.curiosidade-kelly{
	position:absolute;
	top:250px;
	left:250px;
	z-index:2;
	width:167px;
	height:150px;
	overflow:hidden;
	text-align:right;
}

.curiosidade-oliver{
	position:absolute;
	top:290px;
	right:370px;
	z-index:2;
	width:136px;
	height:137px;
	overflow:hidden;
	text-align:right;
}

.foto{
	position:absolute;
	top:341px;
	right:208px;
	z-index:2;
	width:136px;
	height:81px;
	overflow:hidden;
	cursor:pointer;
}

.foto-pop{
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:900px;
	height:500px;
	overflow:hidden;
	background-image:url(../imagens/bg_pop.png);
	padding:20px;
}

.foto-G{ width:757px; height:500px; margin:0px; padding:0px; overflow:hidden; float:right;}

.foto-P{ width:123px; height:500px; margin:0px; padding:0px;  overflow:hidden; float:left;}

.foto-P1, 
.foto-P2, 
.foto-P3,
.foto-P4,
.foto-P5,
.foto-P6{ 
    
	width:123px; 
	height:82px; 
	overflow:hidden;
	cursor:pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.foto-P1:hover, 
.foto-P2:hover, 
.foto-P3:hover,
.foto-P4:hover,
.foto-P5:hover,
.foto-P6:hover{ 
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


.video{
	position:absolute;
	top:341px;
	right:40px;
	z-index:2;
	width:136px;
	height:81px;
	overflow:hidden;
	cursor:pointer;
}

.video-pop{
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:940px;
	height:539px;
	overflow:hidden;
	background-image:url(../imagens/bg_pop.png);
}

.bt-fechar{
	position:absolute;
	top:10px;
	right:10px;
	z-index:11;
	width:40px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
}