@charset "utf-8";
/* CSS Document */
/* warner - Penelope Charmosa */
html, body, div, img, table, thead, tbody, tr, td, th, fieldset, form, input, h1, h2, h3, h4, h5, p, span, ul, li, a {
	border:	0;
	margin:	0;
	padding: 0;
	top: 0;
	left: 0;	
}

body, html {
	font: 9pt Arial, Helvetica, sans-serif;
	color:#fff;
	background: url(../images/bg_body.jpg) center top repeat-y #821c72;
}
#geral {
    background:url(../images/bg_geral.png) center top no-repeat;
}
#banner {
    display:table;
	width:960px;
	margin:-20px auto 0 auto;
	z-index:-1;
}
/* ####### Background ####### */
#bg-bottom {
    background:url(../images/bg_bottom.png) center bottom no-repeat;
}
#bg-bottom.home {
    background:url(../images/bg_bottom_home.jpg) center bottom no-repeat;
}
#bg-top {
    background:url(../images/background.jpg) center top no-repeat;
}
#bg-top.sigame {
    background:url(../images/bg_top_sigame.jpg) center top no-repeat;
}


.clear {
    clear:both;
}
.orange {
    color:#feb300;
}

/***** INICIO: MENU ADM *****/
ul.menu-adm-topo  {    
	float: right;
	padding: 20px 135px 0 0;
	width: 70px;
	display:table;
}

ul.menu-adm-topo li {
	list-style-type: none;
	padding: 7px 0 0 4px;
	width: 25px;
	height: 25px;
	float: left;
	background-color:#EBFFAE;
	margin: 2px 2px 0 0;
}

ul.menu-adm-topo li a {
    float: left;
	margin: 0 3px;
	text-decoration: none;
}
ul.menu-adm-topo li:hover {
	background-color:#BAF795;
}

ul.menu-adm  {    
	float: right;
}

ul.menu-adm li {
    display: inline;
	list-style-type: none;
}

ul.menu-adm li a {
    float: left;
	width: 18px;
	height: 18px;
	margin: 0 3px;
	text-decoration: none;
}

ul.menu-adm li a.novo {
    background: url(../images/btn_new.gif) no-repeat;
}

ul.menu-adm li a.editar {
    background: url(../images/btn_edit.gif) no-repeat;
}

ul.menu-adm li a.listar {
    background: url(../images/btn_lista.png) no-repeat;
}

ul.menu-adm li a.excluir {
    background: url(../images/btn_del.gif) no-repeat;
}
/* ####### FIM: MENU ADM ######## */


/* ####### Header ######## */
#header {
    width:100%;
	height:73px;
	background:url(../images/bg_top.png) repeat-x;
}
#menu-top {
	width:836px;
	height: 53px;
	margin: auto;
	font-size:8pt;
	padding:20px 0 0 43px;
	z-index:999;
	background:url(../images/img_p.png) no-repeat; 	 
}
#menu-top li {
    display:table;
	float:left;
	font-weight:bold;
	list-style:none;
	text-transform:uppercase;
}
#menu-top li a {
    color:#fff;
	margin:40px 5px 0 5px;
	text-decoration:none;
}
#menu-top li a:hover,
#menu-top li a:active {
    text-decoration:underline;
	color:#ffe501;	
}
#menu-top form {
    display:table;
	float:right;
	margin:-2px 0 0 20px;
} 
#menu-top label {
    font-size:9pt;
}
#cd-email {
    float:left;
	width:130px;
	height:16px;
	padding:0 4px;
	background:url(../images/bg_cadastro_email.gif) no-repeat;
}
.btn-ok {
    float:right;
	width:22px;
	height:16px;
	cursor:pointer;
	margin-left:5px;
	background:url(../images/btn_OK.gif) no-repeat;
}
/* ####### Conteúdo ####### */
#content {
	width:960px;
	margin:auto;
}
#content.ctn-home{
    padding-top:0;
}
#menu-flash {
    width:900px;
	height:792px;
	margin: -33px auto 0;
}
.flash-btns {
	float:left;
	width:900px;
}
#player {
	float:left;
	width:187px;
	height:102px;
	margin:32px 0 0 60px;
	padding: 0 0 110px 7px;
	background:url(../images/player.png) no-repeat;
}
#link-player {
    float:left;
	width:160px;
	height:60px;
	margin:44px 0 0 17px;
}
#btn-novidades {
	float:right;
	width:204px;
	height:241px;
	margin-right:40px;
}
#btn-downloads {
    float:left;
	width:208px;
	height:256px;
	margin-top:-22px;
}
#btn-sigame {
   float:right;
   width:234px;
   height:283px;
   margin-top:-45px;
}
#btn-dicas {
   float:left;
   width:203.5px;
   height:203.5px;
   margin:13px 0 0 112px;
}
#btn-manifesto {
    float:right;
	width:200.5px;
	height:218.1px;
	margin:3px 129px 0 0;
}
#btn-blog{
	float:left;
	width:204;
	height:239px;
	margin:-150px 0 0 343px;
}
#video-player {
    width:760px;
	margin:0 auto 30px;
}
#flickimgs {
    width:790px;
	margin:15px 30px;
}
#player-popup {
    position:relative;
	top:40px;
	left: 620px;
	display:block;
	width:288px;
	height:87px;
    z-index:100;
	cursor:pointer;
	background:url(../images/btn_radio_popup.png) no-repeat;
}
/* ####### Sidebar ####### */
#left-sidebar {
    float:left;
	width:256px;
	padding-top:85px;

}
#left-sidebar p {
    float:right;
	width:195px;
	margin-right:30px;
}
#content-left {
	width:216px;
	padding:0 20px;
	list-style:url(../images/marcador.gif) inside;
	background:url(../images/bg_sidebar-middle.png) repeat-y;
}
#content-left li {
	display: table;
	padding-bottom:22px;
}
#content-left li a {
    display: table;
	width:200px;
	color:#fff;
	font-weight:bold;
	margin:-15px 0 0 16px;
}
#content-left li a:hover {
    color:#ffe501
}
.blog-sidebar-top {
    background:url(../images/blog-sidebar-top.png) no-repeat;
}
.dicas-sidebar-top {
    background:url(../images/dicas-sidebar-top.png) no-repeat;
}
.downloads-sidebar-top {
    background:url(../images/downloads-sidebar-top.png) no-repeat;
}
.novidades-sidebar-top {
    background:url(../images/novidades-sidebar-top.png) no-repeat;
}

/* ####### Conteúdo Centro ####### */
#center {
    float:right;
	width:606px;
	padding:0 50px 30px 24px;
}
#center.socialmidia {
	width:680px;
	padding:0;
	margin-bottom:65px;
}
#center.large {
    float:left;
	width:860px;
	padding:15px 60px 30px 10px;
}
#center h1 {
    font-size: 20pt;
}
#center p {
    margin:20px 0 5px 0;
}
.text-item {
    margin-bottom:40px;
}
.text-item a {
    color:#fff;
}
.comments {
    margin-top:20px;
	padding-left:34px;
	background:url(../images/bg_comment.png) 6px top no-repeat;
}
.comments a {
    color:#fff;
	text-decoration:none;
}
.item-download {
    float:left;
	width:232px;
	border-collapse:collapse;
	margin:20px 10px 0 10px;
}

.item-download ul {
   margin:8px 0 2px;
}
.item-download ul li {
   display:inline;
   list-style:none;
}
.item-download ul li a {
   font-weight:bold;
   color:#fff;
   margin:0 10px;
}
.item-download ul li a:hover {
   color:#ffe501;
}
#comunity {
    width:190px;
	padding:20px 0 30px 0;
}
#comunity-email {
    width:138px;
	height:16px;
	margin:-5px 5px 0 0;
	padding:4px 6px;
	color:#fff;
	background:url(../images/bg_comunity_email.gif) no-repeat;
}
#menu-midias {
    margin:50px 0 30px -10px;
}
#menu-midias li {
   float:left;
   width:220px;
   height:108px;
   margin:5px;
   padding-top:58px;
   list-style:none;
   background:url(../images/bg_social_midia.png) no-repeat;
}
.tit-midia {
   display:block;
   margin:auto;
}
.btn-mais {
   float:right;
   margin:28px 10px 0 0;
}    

/* ####### Formularios ####### */

fieldset.formularios p {
     margin-bottom: 12px;
	 text-align: justify;
}
fieldset.formularios form {
    margin-top: 15px;
}

fieldset.formularios label,
fieldset#form-login label {
    float: left;
	font-size: 12pt;
	margin-right: 5px;
	display:table;
}

fieldset.formularios input,
fieldset#form-login input {
    float: left;
	margin-bottom: 8px;
	margin-right: 10px;
	border: 1px solid #9fb08d;
}

fieldset.formularios input {
    margin-bottom: 12px;
}

fieldset.formularios form table td {
	vertical-align: top;
	height: 30px;	
}

fieldset.formularios form table td h5 {
    float: left;
	display: table;
}


#left-sidebar a {
    font-weight:bold;
	color:#fff;
}

/* ####### Trademarks Pop Up  ####### */
#PopUp {
   visibility:hidden;
   position:absolute;
   width:500px;
   height:160px;    
   text-align:justify;
   top:50%; 
   left:50%;                           
   font:12px Tahoma, Arial, Verdana;     
   color:#fff;                             
   padding:15px;
   background:#ef0292;
   margin:110px 0 0 -250px;
   -moz-border-radius: 20px;
   -khtml-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   border:5px solid #8e0390;
   z-index:10; 
}

#PopUp a {    
   float:right;
   color:#fff;  
}

/* ####### Banner "Quero mais é ser Penelope" ####### */
#banner-popup {
   visibility:visible;
   position:absolute;
   width:480px;
   height:360px;
   top:50%; 
   left:50%;
   margin:-170px 0 0 -270px;
   z-index:10; 
}  

#banner-close {
   position: relative;
   top: 25px;
   left: 515px;
   width: 16px;
   height: 16px;
   z-index: 11;
}
/* ####### Footer ####### */
#footer {
   display: block;
   width: 860px;
   height:120px;
   margin:auto;
}
#logo-link {
   float: left;
}
#logo-warner {
   float:right;
   margin-top: 55px;
}

/* ####### Hacks IE ####### */
#bg-bottom.home {
    background-position/*\**/:center 40px;
}
#player {
	_margin:32px 0 0 30px;
}
#btn-novidades {
	_margin-right:20px;
}
#btn-downloads {
	*margin-top:-12px;
}
#btn-dicas {
   _margin:13px 0 0 57px;
}
#btn-manifesto {
	_margin:3px 62px 0 0;
}
#btn-blog{
	_margin:-150px 0 0 170px;
}