@import "fbz.reset.css";

body { font: 100% Verdana, Geneva, sans-serif; font-size: 11px; background: url(../../img/design/bg.gif) 0 0 repeat #FFFFFF; margin: 0; padding: 0; text-align: center; color: #666; line-height: 120%; }
div { overflow: hidden; _height: 100%; }

a { text-decoration: none; color: #91A324; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { line-height: 120%; font-family: Tahoma, Geneva, sans-serif; color: #91A324; font-weight: bold; }
select, fieldset, textarea { color: #666; font-size: 11px; }

.left { float: left; }
.right { float: right; }

#container { width: 980px; margin: 0 auto; text-align: left; }

#header { }
  #header #header-1 { height: 99px; }
    #header #header-1 .left { width: 260px; padding: 15px 0 0 0; }
    #header #header-1 .right { width: 710px; }
      #header #header-1 .right #header-1a { height: 69px; }
        #header #header-1 .right #header-1a ul { float: right; }
          #header #header-1 .right #header-1a ul li { float: left; display: inline-block; line-height: 20px; font-size: 10px; color: #6A747C; font-weight: bold; }
          #header #header-1 .right #header-1a ul li.logado { background: url(../../img/design/header_corner_white.gif) 0 0 no-repeat; padding-left: 0; }
            #header #header-1 .right #header-1a ul li.logado span { background-color: #FFF; line-height: 20px; display: block; margin-left: 10px; padding-right: 10px; }
          #header #header-1 .right #header-1a ul li.sair { background-color: #B2B7BB; }
            #header #header-1 .right #header-1a ul li.sair a { color: #FFF; padding: 0 10px; }
      #header #header-1 .right #menu { display: block; height: 30px; }
	    #header #header-1 .right #menu li { float: left; display: inline; height: 30px; }
		  #header #header-1 .right #menu li a { display: block; height: 30px; width: auto; line-height: 30px; font-family: Tahoma, Geneva, sans-serif; font-size: 17px; color: #FFF; font-weight: bold; background: url(../../img/design/nav_tab_left.gif) 0 -60px no-repeat; padding: 0 0 0 15px; margin: 0 20px 0 0; }
		    #header #header-1 .right #menu li a span { background: url(../../img/design/nav_tab.gif) right -60px no-repeat; display: block; padding: 0 50px 0 0;  }
		  #header #header-1 .right #menu li a:hover { text-decoration: none; background-position: 0 0;  }
		    #header #header-1 .right #menu li a:hover span { background-position: right 0;  }
		  #header #header-1 .right #menu li a.active { background-position: 0 -30px !important; }
		    #header #header-1 .right #menu li a.active span { background-position: right -30px !important;  }
  #header #header-2 { background: url(../../img/design/header_barra_bg.gif) 0 0 repeat-x; height: 40px; }

#mainContent {  background-color: #FFF; }
  
  #mainContent #sidebar { float: left; background: url(../../img/design/sidebar_background.png) 0 0 repeat-x; width: 120px; padding: 15px; }
    #mainContent #sidebar .foto-rosto { width: 120px; height: 130px; margin: 0 0 15px 0; }
    #mainContent #sidebar h3 { font-size: 16px; margin: 0 0 12px 0; }
    #mainContent #sidebar .meusdados { display: block; overflow: hidden; margin: 0 0 12px 0; }
    #mainContent #sidebar ul { font-size: 10px; line-height: 100%; }
      #mainContent #sidebar ul li { padding: 0 0 5px 0; }
        #mainContent #sidebar ul li strong { display: block; color: #91A324; }

  #mainContent #conteudo { float: right; padding: 15px 15px 30px 0; width: 800px; }
    #mainContent #conteudo h1 { font-size: 28px; margin-bottom: 12px; }
    #mainContent #conteudo h2 { font-size: 20px; margin-bottom: 10px; }

	#mainContent .msg { width: auto; margin: 3px 0 10px 0; }
	  #mainContent .msg p { background-color: #FFC; font-size: 16px; font-weight: bold; color: #0C0; padding: 6px; line-height: 140%; }
	  #mainContent .msgerror { }
	    #mainContent .msgerror p { color: #F00; }
	
	#mainContent .botao { background: url(../../img/design/green_button_left.png) 0 0 no-repeat; height: 30px; padding: 0 0 0 10px; width: auto; }
	  #mainContent .botao input { background: url(../../img/design/green_button_right.png) right 0 no-repeat; height: 30px !important; padding: 0 35px 0 0 !important; border: none !important; margin: 0; display: inline-block !important; width: auto !important; color: #FFF !important; font-size: 18px !important; cursor: pointer; }

	#mainContent ul.boxmenu { display: block; overflow: hidden; }
	  #mainContent ul.boxmenu li { float: left; display: inline-block; }
		#mainContent ul.boxmenu li a { float: left; display: block; line-height: 20px; height: 20px; background: url(../../img/design/box_tabs.gif) 0 0 no-repeat; padding: 0 0 0 5px; margin: 0 5px 0 0; font-size: 11px; color: #EEE; text-decoration: none; }
		  #mainContent ul.boxmenu li a span { background: url(../../img/design/box_tabs.gif) right 0 no-repeat; padding: 0 20px 0 0; line-height: 20px; display: block; }
		#mainContent ul.boxmenu li a:hover { background-position: 0 -40px; color: #FFF; }
		  #mainContent ul.boxmenu li a:hover span { background-position: right -40px; }
		#mainContent ul.boxmenu li a.active { background-position: 0 -20px !important; color: #FFF !important;; }
		  #mainContent ul.boxmenu li a.active span { background-position: right -20px !important; }
	#mainContent .boxbase { clear: left; background-color: #F2F2F2; padding: 10px; }

	#mainContent .pgLogin { }
	  #mainContent .pgLogin form { padding: 12px 0 0 0; width: 310px; }
	    #mainContent .pgLogin form label { display: block; font-size: 18px; line-height: 100%; line-height: 28px; color: #666; margin: 10px 0 0 0; }
	    #mainContent .pgLogin form .text { display: block; font-size: 24px; width: 300px; border: solid 1px #CCC; padding: 2px; }
	    #mainContent .pgLogin form select.text { width: 308px; }
	    #mainContent .pgLogin form .botao { margin: 15px 0 0 0; }

	#mainContent .pgHome { }
	  #mainContent .pgHome #homeLeft { float: left; width: 450px; }
	  #mainContent .pgHome #homeRight { float: right; width: 330px; }
	  
	#mainContent .pgHome #homeLeft #comrec { padding: 0 0 10px 0; }
	  #mainContent .pgHome #homeLeft #comrec .mais { display: none; }
	  #mainContent .pgHome #homeLeft #comrec .vermais { display: block; margin: 6px 0 0 0; outline: none; }
	  #mainContent .pgHome #homeLeft #comrec .comentario { padding: 0 0 2px 0; }
	    #mainContent .pgHome #homeLeft #comrec .comentario .left { width: 42px; }
	      #mainContent .pgHome #homeLeft #comrec .comentario .left img { width: 42px; height: 32px; }
	    #mainContent .pgHome #homeLeft #comrec .comentario .right { width: 400px; }
	      #mainContent .pgHome #homeLeft #comrec .comentario .right p { }
	        #mainContent .pgHome #homeLeft #comrec .comentario .right p span { color: #BBB; }
	        #mainContent .pgHome #homeLeft #comrec .comentario .right p small { font-size: 10px; }
	        #mainContent .pgHome #homeLeft #comrec .comentario .right p a { font-weight: bold; }

	#mainContent .pgHome #homeLeft .base { padding: 0 0 10px 0; }
 	    #mainContent .pgHome #homeLeft .base .boxitem { padding: 10px; }
 	      #mainContent .pgHome #homeLeft .base .recados .recado { border-bottom: solid 1px #DDD; padding: 0 0 10px 0; margin: 0 0 10px 0; }
 	        #mainContent .pgHome #homeLeft .base .recados .recado .header { padding: 0 0 6px 0; }
 	          #mainContent .pgHome #homeLeft .base .recados .recado .header .left { color: #7A8A1E; font-size: 14px; }
 	          #mainContent .pgHome #homeLeft .base .recados .recado .header .right { color: #959CA1; font-size: 10px; }
 	        #mainContent .pgHome #homeLeft .base .recados .recado p { font-size: 11px; line-height: 110%; }
 	          #mainContent .pgHome #homeLeft .base .recados .recado p a { color: #7A8A1E; }
 	      #mainContent .pgHome #homeLeft .base .recados .paginacao { }
 	        #mainContent .pgHome #homeLeft .base .recados .paginacao p { text-align: center; color: #666; }
 	          #mainContent .pgHome #homeLeft .base .recados .paginacao p a { padding: 0 10px; color: #91A324;  }
	  #mainContent .pgHome #homeLeft .boxitem { display: none; }
	  #mainContent .pgHome #homeLeft #mural { display: block; }
	  #mainContent .pgHome #homeLeft #escrever { }
	    #mainContent .pgHome #homeLeft #escrever form { }
	      #mainContent .pgHome #homeLeft #escrever form label { display: block; line-height: 140%; }
	      #mainContent .pgHome #homeLeft #escrever form .text { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; margin: 0 0 10px 0; }
	      #mainContent .pgHome #homeLeft #escrever form select.text { margin: 2px 0 6px 0; width: 300px; }
	      #mainContent .pgHome #homeLeft #escrever form textarea.text { margin: 2px 0 12px 0; height: 50px; width: 400px; padding: 2px; }

	  #mainContent .pgHome #acessos { padding: 0 0 10px 0; }
	    #mainContent .pgHome #acessos ul { }
	      #mainContent .pgHome #acessos ul li { display: inline-block; float: left; width: 76px; margin: 0 6px 4px 0; }
	        #mainContent .pgHome #acessos ul li a { display: block; text-align: left; white-space: nowrap; color: #666; text-decoration: none; }
	        #mainContent .pgHome #acessos ul li a:hover { color: #91A324; }
	          #mainContent .pgHome #acessos ul li a img { width: 76px; height: 82px; margin: 0 0 2px 0; }

	  #mainContent .pgHome #albuns { padding: 0 0 10px 0; }
	    #mainContent .pgHome #albuns ul { }
	      #mainContent .pgHome #albuns ul li { display: block; margin: 0 6px 0 0; padding: 0 0 4px 0; clear: both; overflow: hidden; }
	        #mainContent .pgHome #albuns ul li .left { width: 52px; }
	          #mainContent .pgHome #albuns ul li .left a { display: block; text-align: left; white-space: nowrap; color: #666; text-decoration: none; }
	          #mainContent .pgHome #albuns ul li .left a:hover { color: #91A324; }
	            #mainContent .pgHome #albuns ul li .left a img { width: 52px; height: 40px; margin: 0 0 2px 0; }
	        #mainContent .pgHome #albuns ul li .right { width: 265px; }
	          #mainContent .pgHome #albuns ul li .right p { font-size: 11px; }
	          #mainContent .pgHome #albuns ul li .right p.tit { font-size: 12px; font-weight: bold; }

	  #mainContent .pgHome #fotos { padding: 0 0 10px 0; }
	    #mainContent .pgHome #fotos ul { }
	      #mainContent .pgHome #fotos ul li { display: inline-block; float: left; width: 76px; margin: 0 6px 4px 0; }
	        #mainContent .pgHome #fotos ul li a { display: block; text-align: left; white-space: nowrap; color: #666; text-decoration: none; }
	        #mainContent .pgHome #fotos ul li a:hover { color: #91A324; }
	          #mainContent .pgHome #fotos ul li a img { width: 76px; height: 57px; margin: 0 0 2px 0; }
	        #mainContent .pgHome #fotos ul li .fcomments { margin: -15px 0 0 60px; }

	  #mainContent .pgHome #videos { padding: 0 0 10px 0; }
	    #mainContent .pgHome #videos ul { }
	      #mainContent .pgHome #videos ul li { display: inline-block; float: left; width: 76px; margin: 0 6px 4px 0; }
	        #mainContent .pgHome #videos ul li a { display: block; text-align: left; white-space: nowrap; color: #666; text-decoration: none; }
	        #mainContent .pgHome #videos ul li a:hover { color: #91A324; }
	          #mainContent .pgHome #videos ul li a img { width: 76px; height: 57px; margin: 0 0 2px 0; }

	#mainContent .pgDados { }
	  #mainContent .pgDados .base { }
	    #mainContent .pgDados .base label { display: block; line-height: 20px; }
	    #mainContent .pgDados .base .text { color: #999; font-size: 12px; border: solid 1px #CCC; padding: 1px; width: 300px; }
	    #mainContent .pgDados .base small { color: #BBB; font-size: 10px; display: block; line-height: 14px; margin-bottom: 3px; }
	    #mainContent .pgDados .base .botao { margin: 15px 0; }
	  #mainContent .pgDados #form1 { }
	    #mainContent .pgDados #form1 .text { padding: 2px; font-size: 16px; margin: 0 0 6px 0; }
	  #mainContent .pgDados #form2 { }
	    #mainContent .pgDados #form2 .text { padding: 2px; font-size: 16px; margin: 0 0 6px 0; }
	  #mainContent .pgDados #form3 { }
	    #mainContent .pgDados #form3 label { display: block; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; padding: 0 0 2px 24px; }
	    #mainContent .pgDados #form3 .text { padding: 2px; margin: 0 0 10px 0; width: 400px; }
	      #mainContent .pgDados #form3 label span { color: #BBB; }
	  #mainContent .pgDados #form4 { }
	    #mainContent .pgDados #form4 .text { padding: 2px; font-size: 16px; margin: 0 0 6px 0; }
	  #mainContent .pgDados #form5 { }
	    #mainContent .pgDados #form5 h3 { font-size: 16px; margin: 0 0 6px 0; }
	    #mainContent .pgDados #form5 form { display: block; clear: both; }
	    #mainContent .pgDados #form5 p { margin: 0 0 6px 0; }
	      #mainContent .pgDados #form5 p .atencao { font-weight: bold; color: #F00; }
	    #mainContent .pgDados #form5 .text { padding: 2px; font-size: 16px; margin: 0 0 6px 0; }
	    #mainContent .pgDados #form5 .botao { text-align: left; }
	    #mainContent .pgDados #form5 .linhap { border-top: solid 1px #CCC; height: 10px; line-height: 10px; }


	#mainContent .pgTurma { }
	  #mainContent .pgTurma #lista { }
	    #mainContent .pgTurma #lista .usuario { width: 100px; height: 150px; float: left; margin: 0 10px 10px 0; }
	      #mainContent .pgTurma #lista .usuario .foto { width: 100px; height: 110px; }
	        #mainContent .pgTurma #lista .usuario .foto img { width: 100px; height: 110px; }
	      #mainContent .pgTurma #lista .usuario .dados { padding: 3px 0 0 0; }
	        #mainContent .pgTurma #lista .usuario .dados h3 { font-size: 16px; }
	  #mainContent .pgTurma #agenda { display: none; }
	    #mainContent .pgTurma #agenda .letras { padding: 0 0 15px 0; }
	      #mainContent .pgTurma #agenda .letras p { font-size: 14px; font-weight: bold; }
	        #mainContent .pgTurma #agenda .letras p a { color: #91A324; padding: 0 2px; line-height: 130%; }
	        #mainContent .pgTurma #agenda .letras p a.active { background-color: #FF9; }
	        #mainContent .pgTurma #agenda .letras p a.cinza { color: #CCC; }
	    #mainContent .pgTurma #agenda .usuario { height: 90px; margin: 0 0 6px 0; padding: 0 0 6px 0; border-bottom: solid 1px #CCC; }
	      #mainContent .pgTurma #agenda .usuario .foto { width: 70px; height: 65px; float: left; margin: 0 12px 0 0; }
	        #mainContent .pgTurma #agenda .usuario .foto img { width: 70px; height: 65px; }
	      #mainContent .pgTurma #agenda .usuario .dados { padding: 3px 0 0 0; float: left; width: 698px; }
	        #mainContent .pgTurma #agenda .usuario .dados h3 { font-size: 16px; margin: 0 0 4px 0; }
	        #mainContent .pgTurma #agenda .usuario .dados .left { }
	        #mainContent .pgTurma #agenda .usuario .dados .left1 { width: 250px; margin: 0 8px 0 0; clear: left; }
	        #mainContent .pgTurma #agenda .usuario .dados .left2 { width: 336px; margin: 0 8px 0 0; }
	        #mainContent .pgTurma #agenda .usuario .dados .left3 { width: 95px; }
	          #mainContent .pgTurma #agenda .usuario .dados .left3 ul { }
	            #mainContent .pgTurma #agenda .usuario .dados .left3 ul li { display: inline-block; float: left; margin: 0 3px 3px 0; }
	              #mainContent .pgTurma #agenda .usuario .dados .left3 ul li a { display: block; overflow: hidden; width: 20px; height: 20px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }


	#mainContent .pgUsuario { }
	  #mainContent .pgUsuario h3 { font-size: 18px; margin: 0 0 10px 0; }
	  #mainContent .pgUsuario #usuLeft { float: left; width: 500px; }
	    #mainContent .pgUsuario #usuLeft #telefones { width: auto; background: url(../../img/design/usuario_telefone.png) 0 0 no-repeat; margin: 0 0 20px 0; padding: 0 0 0 50px; }
	      #mainContent .pgUsuario #usuLeft #telefones p { font-size: 14px; line-height: 120%; margin-bottom: 12px; }
	    #mainContent .pgUsuario #usuLeft #endereco { width: auto; background: url(../../img/design/usuario_endereco.png) 0 0 no-repeat; margin: 0 0 20px 0; padding: 0 0 0 50px; }
	      #mainContent .pgUsuario #usuLeft #endereco p { font-size: 14px; line-height: 120%; }
	    #mainContent .pgUsuario #usuLeft #relacionamento { width: auto; height: 40px; background: url(../../img/design/usuario_coracao.png) 0 0 no-repeat; margin: 0 0 20px 0; }
	      #mainContent .pgUsuario #usuLeft #relacionamento .foto { display: block; overflow: hidden; height: 40px; width: 32px; float: left; padding: 0 10px 0 50px; }
	        #mainContent .pgUsuario #usuLeft #relacionamento .foto img { height: 40px; width: 32px; }
	      #mainContent .pgUsuario #usuLeft #relacionamento p { display: block; float: left; font-size: 16px; line-height: 20px; }
	    #mainContent .pgUsuario #usuLeft #time { width: auto; height: 40px; background: 0 0 no-repeat; margin: 0 0 20px 0; }
	      #mainContent .pgUsuario #usuLeft #time p { display: block; float: left; font-size: 16px; line-height: 20px; padding: 0 0 0 50px; }
	    #mainContent .pgUsuario #usuLeft #aniversario { width: auto; height: 40px; background: url(../../img/design/usuario_niver.png) 0 0 no-repeat; margin: 0 0 20px 0; }
	      #mainContent .pgUsuario #usuLeft #aniversario p { display: block; float: left; font-size: 16px; line-height: 20px; padding: 0 0 0 50px; }
	    #mainContent .pgUsuario #usuLeft ul.social { display: block; overflow: hidden; margin: 12px 0 12px 0; }
	      #mainContent .pgUsuario #usuLeft ul.social li { display: block; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; padding: 0 0 1px 0; }
	        #mainContent .pgUsuario #usuLeft ul.social li a { display: block; overflow: hidden; line-height: 20px; padding: 0 0 0 24px; color: #666; }
	          #mainContent .pgUsuario #usuLeft ul.social li a span { display: none; }
	    #mainContent .pgUsuario #usuLeft .ultimavez { margin: 40px 0 0 0; color: #999; }
	  
	  #mainContent .pgUsuario #usuRight { float: right; width: 270px; }
	    #mainContent .pgUsuario #usuRight #usurecado { margin: 0 0 12px 0; }
	      #mainContent .pgUsuario #usuRight #usurecado .text { border: solid 1px #CCC; width: 250px; height: 30px; font-size: 12px; color: #999; }
	      #mainContent .pgUsuario #usuRight #usurecado p { color: #AAA; font-size: 10px; line-height: 110%; padding: 4px 0; }
	    #mainContent .pgUsuario #usuRight ul.fotos { display: block; overflow: hidden; margin: 0 0 12px 0; }
	      #mainContent .pgUsuario #usuRight ul.fotos li { display: inline-block; float: left; width: 60px; height: 48px; margin: 0 6px 4px 0; }
	        #mainContent .pgUsuario #usuRight ul.fotos li a { display: block; text-align: left; white-space: nowrap; color: #666; text-decoration: none; }
	        #mainContent .pgUsuario #usuRight ul.fotos li a:hover { color: #91A324; }
	          #mainContent .pgUsuario #usuRight ul.fotos li a img { width: 60px; height: 48px; margin: 0 0 2px 0; }

	#mainContent .pgVideos { }
	
	  #mainContent .pgVideos .left { width: 450px; }
	    #mainContent .pgVideos .left #video { padding: 0 0 20px 0; }
	      #mainContent .pgVideos .left #video h3 { font-size: 16px; margin: 0 0 10px 0; }
	      #mainContent .pgVideos .left #video .info { padding: 15px 0; border-bottom: solid 1px #CCC; margin: 0 0 15px 0; }
	        #mainContent .pgVideos .left #video .info p { }
	          #mainContent .pgVideos .left #video .info p a { font-weight: bold; }
	      #mainContent .pgVideos .left #video #comentarios { }
	        #mainContent .pgVideos .left #video #comentarios ul { display: block; overflow: hidden; }
  	          #mainContent .pgVideos .left #video #comentarios ul li { display: block; overflow: hidden; clear: both; padding: 0 0 4px 0; }
  	            #mainContent .pgVideos .left #video #comentarios ul li a.foto { float: left; width: 60px; display: block; overflow: hidden; }
  	              #mainContent .pgVideos .left #video #comentarios ul li a.foto img { width: 60px; height: 65px; }
  	            #mainContent .pgVideos .left #video #comentarios ul li p { float: right; width: 380px; }
  	              #mainContent .pgVideos .left #video #comentarios ul li p small { font-size: 9px; color: #999; display: block; padding: 6px 0 0 0; }
	        #mainContent .pgVideos .left #video #comentarios form { display: block; overflow: hidden; padding: 20px 0 0 0; }
	          #mainContent .pgVideos .left #video #comentarios form label { display: block; line-height: 20px; }
	          #mainContent .pgVideos .left #video #comentarios form .comentar { border: solid 1px #CCC; font-size: 12px; padding: 1px; width: 425px; line-height: 130%; }
	          #mainContent .pgVideos .left #video #comentarios form .botao { margin: 10px 0 0 0; }
	  
	  #mainContent .pgVideos .right { width: 350px; }
	    #mainContent .pgVideos .right ul.listavideos { display: block; overflow: hidden; margin: 0 0 12px 0; }
	      #mainContent .pgVideos .right ul.listavideos li { display: inline-block; float: left; width: 75px; height: 62px; margin: 0 6px 4px 0; }
	        #mainContent .pgVideos .right ul.listavideos li a { display: block; text-align: left; white-space: nowrap; color: #666; text-decoration: none; }
	        #mainContent .pgVideos .right ul.listavideos li a:hover { color: #91A324; }
	          #mainContent .pgVideos .right ul.listavideos li a img { width: 75px; height: 62px; margin: 0 0 2px 0; }
	    #mainContent .pgVideos .right .boxitem { display: none; }
	    #mainContent .pgVideos .right #recentes { display: block; }
	    #mainContent .pgVideos .right #usuvideos { }
	      #mainContent .pgVideos .right #usuvideos .header { padding: 0 0 10px 0; }
	        #mainContent .pgVideos .right #usuvideos .header select { padding: 2px; font-size: 14px; border: solid 1px #CCC; }
	    #mainContent .pgVideos .right #meus { }
	      #mainContent .pgVideos .right #meus ul { }
	        #mainContent .pgVideos .right #meus ul li { width: auto; display: block; float: none; }
	          #mainContent .pgVideos .right #meus ul li a.video { width: 75px; float: left; display: block; }
	          #mainContent .pgVideos .right #meus ul li p { width: 240px; float: right; display: block; line-height: 18px; }
	            #mainContent .pgVideos .right #meus ul li p a.excluir { color: #F00; }
	    #mainContent .pgVideos .right #enviar { }
	      #mainContent .pgVideos .right #enviar label { display: block; line-height: 20px; }
	      #mainContent .pgVideos .right #enviar .text { width: 300px; font-size: 14px; padding: 2px; border: solid 1px #CCC; }
	      #mainContent .pgVideos .right #enviar p { margin: 0 0 10px 0; line-height: 110%; }
	        #mainContent .pgVideos .right #enviar p small { color: #999; font-size: 9px; }

	
	.fcomments { position:absolute; font-size: 9px; background-color: #FFF; color: #000; height: 12px; width: 12px; text-align: center; clear: both; text-indent:-9999px; background: url(../../img/design/icon_comments.png) 0 0 no-repeat; z-index: 100; *display: none !important; }


    #mainContent .pgFotos { }
      #mainContent .pgFotos h3 { font-size: 16px; margin: 0 0 12px 0; }

      #mainContent .pgFotos #foto { xdisplay: none; padding-bottom: 30px; min-height: 500px; }
        #mainContent .pgFotos #foto #fotobase { width: 600px; float: left; text-align: center; }
          #mainContent .pgFotos #foto #fotobase .fotoap { padding: 0 0 5px 0; }
            #mainContent .pgFotos #foto #fotobase .fotoap a { display: block; width: 100px; text-align: left; }
            #mainContent .pgFotos #foto #fotobase .fotoap a.right { text-align: right; }
          #mainContent .pgFotos #foto #fotobase .foto { }
            #mainContent .pgFotos #foto #fotobase .foto img { max-width: 600px; }
          #mainContent .pgFotos #foto #fotobase .info { padding: 12px 0; }
            #mainContent .pgFotos #foto #fotobase .info p.desc { text-align: center; font-size: 14px; font-style: italic; margin: 0 0 12px 0; }

	      #mainContent .pgFotos #foto #comentarios { text-align: left; border-top: solid 1px #CCC; padding: 12px 0 0 0; }
	        #mainContent .pgFotos #foto #comentarios ul { display: block; overflow: hidden; }
  	          #mainContent .pgFotos #foto #comentarios ul li { display: block; overflow: hidden; clear: both; padding: 0 0 4px 0; }
  	            #mainContent .pgFotos #foto #comentarios ul li a.foto { float: left; width: 37px; display: block; overflow: hidden; }
  	              #mainContent .pgFotos #foto #comentarios ul li a.foto img { width: 37px; height: 40px; }
  	            #mainContent .pgFotos #foto #comentarios ul li p { float: right; width: 554px; }
  	              #mainContent .pgFotos #foto #comentarios ul li p small { font-size: 9px; color: #999; display: block; padding: 6px 0 0 0; }
	        #mainContent .pgFotos #foto #comentarios form { display: block; overflow: hidden; padding: 20px 0 0 0; }
	          #mainContent .pgFotos #foto #comentarios form label { display: block; line-height: 20px; }
	          #mainContent .pgFotos #foto #comentarios form .comentar { border: solid 1px #CCC; font-size: 12px; padding: 1px; width: 425px; line-height: 130%; }
	          #mainContent .pgFotos #foto #comentarios form .botao { margin: 10px 0 0 0; }


		#mainContent .pgFotos #foto #fotonav { width: 180px; float: right; }
          #mainContent .pgFotos #foto #fotonav ul.thumbs { display: block; overflow: hidden; }
            #mainContent .pgFotos #foto #fotonav ul.thumbs li { float: left; width: 58px; height: 42px; margin: 0 2px 2px 0; display: block; overflow: hidden; }
              #mainContent .pgFotos #foto #fotonav ul.thumbs li .fcomments { margin: 28px 0 0 43px; }
              #mainContent .pgFotos #foto #fotonav ul.thumbs li a { float: left; display: block; overflow: hidden; outline: none; cursor: pointer; }
                #mainContent .pgFotos #foto #fotonav ul.thumbs li a img { width: 58px; height: 42px; cursor: pointer; }
              #mainContent .pgFotos #foto #fotonav ul.thumbs li a.active { border: solid 5px #91A324 !important; }
                #mainContent .pgFotos #foto #fotonav ul.thumbs li a.active img { margin: -5px !important; }

            #mainContent .pgFotos #foto #fotonav ul.thumbs li.muitas { width: 43px; height: 32px; }
                #mainContent .pgFotos #foto #fotonav ul.thumbs li.muitas a img { width: 43px; height: 32px; }
                #mainContent .pgFotos #foto #fotonav ul.thumbs li.muitas .fcomments { margin: 19px 0 0 28px; }


		#mainContent .pgFotos #foto #fotonav a.maisalbuns { display: block; overflow: hidden; margin: 10px 0 0 0; font-weight: bold; text-align: center; }
          #mainContent .pgFotos #foto #fotonav .plusbase { display: none; }
            #mainContent .pgFotos #foto #fotonav .plusbase ul { display: block; overflow: hidden; }
              #mainContent .pgFotos #foto #fotonav .plusbase ul li { display: block; }
                #mainContent .pgFotos #foto #fotonav .plusbase ul li a { }

      #mainContent .pgFotos .boxbase { }
        #mainContent .pgFotos .boxbase .boxitem { display: none; }
          #mainContent .pgFotos .boxbase .boxitem ul.fotos { overflow: hidden; display: block; margin: 0 0 10px 0; }
            #mainContent .pgFotos .boxbase .boxitem ul.fotos li { float: left; width: 105px; height: 80px; }
              #mainContent .pgFotos .boxbase .boxitem ul.fotos li a { width: 100px; height: 75px; display: block; float: left; }
                #mainContent .pgFotos .boxbase .boxitem ul.fotos li a img { width: 100px; height: 75px; background: #CCC; }
              #mainContent .pgFotos .boxbase .boxitem ul.fotos li .fcomments { margin: 60px 0 0 85px; }
		
        #mainContent .pgFotos .boxbase #recentes { }
        #mainContent .pgFotos .boxbase #albuns { }
          #mainContent .pgFotos .boxbase #albuns select { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; }
          #mainContent .pgFotos .boxbase #albuns .level1 { display: block; padding: 0 0 15px 0; }
          #mainContent .pgFotos .boxbase #albuns .level2 { display: none; padding: 0 0 15px 0; }
          #mainContent .pgFotos .boxbase #albuns .level3 { display: none; }
        #mainContent .pgFotos .boxbase #minhas { }
          #mainContent .pgFotos .boxbase #minhas p { }
            #mainContent .pgFotos .boxbase #minhas p a.active { font-weight: bold; color: #F00; }
          #mainContent .pgFotos .boxbase #minhas select { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; margin: 0 0 15px 0; }
          #mainContent .pgFotos .boxbase #minhas .fotosdel { }
            #mainContent .pgFotos .boxbase #minhas .fotosdel a { width: 96px; height: 71px; border: solid 2px #F00 !important; }
              #mainContent .pgFotos .boxbase #minhas .fotosdel a img { width: 96px; height: 71px; }
        #mainContent .pgFotos .boxbase #enviar { }
          #mainContent .pgFotos .boxbase #enviar .header select { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; }
          #mainContent .pgFotos .boxbase #enviar .header .criar { font-size: 14px; line-height: 20px; padding: 0 6px; }
          #mainContent .pgFotos .boxbase #enviar .header .novoalbum { padding: 10px 0; display: none; }
            #mainContent .pgFotos .boxbase #enviar .header .novoalbum label { display: block; line-height: 20px; }
            #mainContent .pgFotos .boxbase #enviar .header .novoalbum .text { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; margin: 0 0 10px 0; }
         #mainContent .pgFotos .boxbase #enviar p { margin: 10px 0; }
        #mainContent .pgFotos .boxbase #gerenciar { }
          #mainContent .pgFotos .boxbase #gerenciar .header select { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; }
          #mainContent .pgFotos .boxbase #gerenciar .header .criar { font-size: 14px; line-height: 20px; padding: 0 6px; }
          #mainContent .pgFotos .boxbase #gerenciar .header .novoalbum { padding: 10px 0; display: none; }
            #mainContent .pgFotos .boxbase #gerenciar .header .novoalbum label { display: block; line-height: 20px; }
          #mainContent .pgFotos .boxbase #gerenciar .text { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; margin: 0 0 10px 0; width: 350px; }
          #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum { display: none; margin: 10px 0 0 0; padding: 10px 0; border-top: solid 1px #CCC; }
            #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum label { display: block; line-height: 20px; }
            #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .text { font-size: 18px; border: solid 1px #CCC; color: #999; padding: 2px; margin: 0 0 10px 0; }
            #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .galbum { border-bottom: solid 1px #CCC; padding: 0 0 10px 0; margin: 0 0 10px 0; }
              #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .galbum .deletar { display: block; width: 200px; font-size: 14px; color: #F00; line-height: 20px; margin: 8px 0 0 0; }
            #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos { }
              #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .botao { margin: 10px 0 0 0; }
              #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafotos { }
                #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafoto { padding: 0 0 5px 0; }
                  #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafoto img { float: left; width: 80px; height: 60px; }
                  #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafoto .dados { float: right; width: 686px; height: 60px;  }
                    #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafoto .dados textarea { font-size: 14px; border: solid 1px #CCC; color: #999; padding: 2px; height: 34px; width: 400px; }
                    #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafoto .dados p { font-size: 10px; display: block; overflow: hidden; line-height: 18px; color: #999; }
                      #mainContent .pgFotos .boxbase #gerenciar .gerenciaralbum .gfotos .listafoto .dados p .deletar { color: #F00; }





#footer { height: 50px; background: url(../../img/design/footer_bg.png) 0 0 repeat-x #E5E6E6; }
  #footer p { line-height: 20px; padding: 16px 15px 0 15px; width: 200px; color: #999; }
  #footer p.right { text-align: right; }


#dialog { display: none; }

.ui-widget-overlay { background: #666666 url(img/design/dialog_overlay.png) repeat scroll 50% 50%; position: absolute; top: 0; left: 0; opacity: 0.5; }
.ui-dialog { background-color: #FFF; }
.ui-dialog-titlebar { background: url(../../img/design/header_barra_bg.gif) 0 0 repeat-x; height: 40px; text-align: right; padding: 0 10px; }
.ui-dialog-titlebar-close { color: #FFF; display: block; width: 50px; display: none; }
.ui-dialog-content { padding: 16px 0 0 0; line-height: 150%; }
.ui-dialog-buttonpane { background: url(../../img/design/footer_bg.png) 0 0 repeat-x #E5E6E6; padding: 10px 10px; text-align: right; }