/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

body {
	font-family:Tahoma, Geneva, sans-serif;
	overflow-x:hidden;
	width:100%;
}
.size-thumbnail {
	padding: 10px;
	margin: 5px;
}
ul.twitter, li.twitter, li.twitter-item {
	margin:0;
	padding:0;
}
.fundo_interna {
	width:100%;	
	position:absolute;	
	height:100%;
	z-index:-2;
}
    .fundo_interna .branco {
       background:white;
       width:65%;
       height:100%;
       float:left;
       position:absolute;       
    }
    .fundo_interna .cinza {
       background:transparent;
       width:100%;
       height:100%;
       float:right;
       margin-top:50px;
       position:absolute;
       z-index:-3
    }    
h1,h2,h3,h4,h5 {
	font-family:'Source Sans Pro', sans-serif; 
}
span.apresentam {
	float:left;	
	margin-bottom:5px;
	font-size:0.8em;
	font-weight:bold;		
}
span.apresentam img,
span.apresentam span {
   line-height:-50px ;
   float:left;
   padding:0 3px;      
}
.background {position:fixed;z-index:-99; width:100%; min-width:1200px} .background img {width:100%;} 
#header {
    background:url(../images/header.jpg) repeat-x;
}
/* TOPO */
	#header #topo .proxima_apresentacao {
		position:absolute;
		left: 505px;
		text-align:right;
		top: 100px;
	}
    	#header #topo .proxima_apresentacao .proxima {
    	    font-style:italic;
    	}
    	#header #topo .proxima_apresentacao ul {
    	    margin-top:-5px !important;
    	    border:none;
    	}
    	#header #topo .proxima_apresentacao ul li {
    	   	padding:0 !important;
    	    border:none;
    	}  
	#header #topo {
		height:205px;
		background:white;
	}
	#header #topo .logo {
		float:left;
	}
	#header #topo .direcao {
		padding:44px 0 0 170px;
		float:left;
	}
	#header #topo .radio {
		float:right;
		width:272px;
		position:absolute;
		height:500px;
		top:0;
		margin-left:688px;
		z-index:1;
	}
	  #header #topo .radio .box_radio, #header #topo .radio .box_tv, #header #topo .radio .box_agenda  {
	      background:url(../images/fundo_submenu.png);
	      min-height:50px;
	      margin-bottom:20px;
	      padding:10px 10px 10px 10px;
	  }
	  #header #topo .radio .box_agenda h5 {
	      margin-bottom:7px
	  }
	  #header #topo .radio .box_tv p {
	      color:white;
	      padding-left:20px;
	      padding-right:10px;
	      margin:0;
	      line-height:1.1em;
	      font-size:0.85em
	  }
	  #header #topo .radio .box_tv p .titulo_video {
	      color:#d8aa21;
	  }
	  #header #topo .radio div h5 {
	      color:white;
	      padding:0 5px 0 20px;
	  }
	  #header #topo .radio .veja_tambem h5  {
	      padding:2px 10px 2px 25px;
	      border-bottom:1px solid black;
	      margin-bottom:10px;
	      background:black;
	      opacity:0.7;
	  }
	  #header #topo .radio .veja_tambem {
	      background:white;
	      min-height:50px;
	      margin-bottom:20px;
	      padding-bottom:10px	     
	  }
	  #header #topo .radio .veja_tambem a span {
	      font-weight:bold;
	      display:block;	      
	  }
	  #header #topo .radio .veja_tambem a  {
	      display:block;
	      margin:2px;
	      padding:0 0 5px 0;
	      border-bottom:1px dashed gray;
	      width:90%;
	      text-decoration:none;
	      margin:10px 0 5px 10px;
	      line-height:1.3em;
	      color:gray;
	      -webkit-transition: all .3s linear;
           -moz-transition: all .3s linear;
           -o-transition: all .3s linear;
           transition: all .3s linear; 
	  }
	  
	  #header #topo .radio .veja_tambem a:hover {
	     background:#eee;
	  }
	
/* MENU */
#header #menu  {
position:relative;
height:37px;
background:url(../images/fundo_menu.png) repeat;
padding-top:5px;
border-bottom:1px solid black;
font-family:'Source Sans Pro', sans-serif;
	
}
	/* MENU PRIMEIRO NIVEL */
	#menu ul {list-style:none; margin:0;text-align:left}
	#menu ul > li {display:inline-block; border-left:2px solid black; list-style:none;}
	#menu ul > li:first-child {border: none}
	#menu ul > li > a {font-size:17px;display:block;text-decoration:none;padding:0 21px; color:#ffffcc; line-height:37px;margin-right:-3px}
	
	
	/* MENU SEGUNDO NIVEL */
	#menu li ul {position:absolute;background:url(../images/fundo_submenu.png);z-index: 99;display:none;}
	#menu li ul li { display: block; float: none; margin:0;border:none;z-index: 999px; }
	#menu li ul li a { border:none !important; font-size:16px; padding:0px 60px 3px 15px;margin:0}
	#menu li ul li a:before { content:'·';padding:0 10px 0 0}
	#menu li ul li a:hover { background:url(../images/fundo_submenu.png)}
	
	/* MARCAÇÃO DO MENU COM CORES */
	        #menu ul > li > a {background-repeat:repeat-x;background-position:0 7px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
	    /* verde */
    	    #menu ul > li.verde > a {background-image:url(../images/menu/verde.png); }    	    
    	    #menu ul > li.verde:hover > a,
    	    #menu ul > li.verde.current-menu-item > a,
    	    #menu ul > li.verde.current-menu-parent > a
    	        {color:white;background-position:0;}
	    /* vermelho */
    	    #menu ul > li.vermelho > a {background-image:url(../images/menu/vermelho.png);} 
    	    #menu ul > li.vermelho:hover > a,
    	    #menu ul > li.vermelho.current-menu-item > a,
    	    #menu ul > li.vermelho.current-menu-parent > a 
    	          {color:white;background-position:0;}
        /* amarelo */
            #menu ul > li.amarelo > a {background-image:url(../images/menu/amarelo.png);} 
            #menu ul > li.amarelo:hover > a,
            #menu ul > li.amarelo.current-menu-item > a,
            #menu ul > li.amarelo.current-menu-parent > a
                   {color:white;background-position:0;}
        /* azul */
            #menu ul > li.azul > a {background-image:url(../images/menu/azul.png);} 
            #menu ul > li.azul:hover > a,
            #menu ul > li.azul.current-menu-item > a,
            #menu ul > li.azul.current-menu-parent > a
                  {color:white;background-position:0;}     
        /* roxo */
            #menu ul > li.roxo > a {background-image:url(../images/menu/roxo.png);} 
            #menu ul > li.roxo:hover > a,
            #menu ul > li.roxo.current-menu-item > a,
            #menu ul > li.roxo.current-menu-parent > a,
            #menu ul > li.roxo.current-post-ancestor >a
                  {color:white;background-position:0;}   	

/* SHARE */
.share { 
	margin:20px 0;
    float:none;
    text-align:right;
    padding:0 314px 0 0; 
    height:30px;    	
}	
    .share div {
        background:url(../images/fundo_submenu.png);
        float:right;
        height:30px; 
    }
        .share div div {
            padding-left:40px;            
            -webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear; 
            overflow:hidden; 
            width:0px;            
                        
        }
        /* BUSCA */
        .share div div.busca {
            background:url(../images/busca.png) no-repeat;                                 
        }
        .share div div.busca:hover {
            width:260px;
        }        
        .share div div.busca input {
            display:inline;
            padding:6px;
        }  

        /* REDES */    
        .share div div.redes {
            background:url(../images/share.png) no-repeat;
        }
        .share div div.redes:hover {
            width:75px
        }
        .share div.redes span{
           background:white;
           display:inline-block;
           height:30px;
        }
        /* CONTATO */    
        .share div div.contato {
            background:url(../images/contato.png) no-repeat; 
            color:white;
            text-align:left;
            line-height:30px;                      
        }
        .share div div.contato span {
            padding-left:10px;
        }
        .share div div.contato.aberto {
            width:265px           
        }
        .share div.formulario_contato {
            position:absolute;
            margin:30px 0 0 167px;
            height:0px;
            width:0px;
            padding:0px;
            margin:30px 0 0 625px;
            overflow:hidden;
			 -webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear; 
        }
        .share div.formulario_contato .wpcf7 {
            padding: 0;
            width: 100%;
            height: 100%;
            background:none;
            text-align:center;            
        }
        .share div.formulario_contato .wpcf7 .wpcf7-response-output {
            margin-top:-20px;
            height:100%;
            width:70%;
            color:white;
            
        }
        .share div.formulario_contato .wpcf7 p {
            margin:0;
        }
        .share div.formulario_contato.aberto {
            height:265px;
            padding:10px;
            margin:30px 0 0 386px;
            width:240px;
            z-index: 99;
        }
        .share div.formulario_contato input, textarea {
            margin:0px 0px 5px 0;
            width:230px
        }
        .share div.formulario_contato textarea {
            height:80px
        }
        .share div.formulario_contato input[type=submit] {
            background:#d1ac41;
            border:none;
            width:237px; 
         }
/* CONTEUDO */
.conteudo {
    padding:0 314px 0 0;
    color:#333333;  
}
.conteudo .breadcrumbs {
    padding-top: 10px;
}
	.conteudo .box { border-radius:2px }
	.conteudo h4 {padding:0 10px;font-weight:700;background:white;font-size:1.2em;margin:0;opacity:0.85}
	/* BOX DUPLO */
	
	.box_duplo {
	    padding:0 0 20px 0;
	    float:left
	}
	    .box_duplo_box img {
	        width:302px;
	    }
	    .box_duplo_box {
	        width:308px;
	        padding:0 0;
	        float:left;
	        background:url(../images/fundo_artigos.png);
	        margin-right:30px;
	    }
	    .box_duplo_box.ultimo {
	        margin:0;
	    }
	    .box_duplo_box .titulo {
	        font-weight:bold;
	        padding:5px
	    }
	    .box_duplo_box .descricao {
	        padding:5px
	    }
	    .box_duplo_box a {
	        color:#b45909;
	        font-weight:bold;
	    }
	    .box_duplo_box img {
	        margin:20px 3px 0 3px;
	    }
	/* VEJA TAMBEM */
	.conteudo .box_principal, .conteudo .veja_tambem {
	    	background:url(../images/fundo_artigos.png);
			height:auto;
			margin:0 auto;
			padding:0;
			margin-bottom:20px;
									
	 }
	 .conteudo .box_principal img {
	       width:100%;	       
	       margin-bottom:-3px;
	 }
	 .conteudo .box_principal, .conteudo .veja_tambem h4 {
	    color:white;
	    border:2px solid black;
	 }
	 .conteudo .veja_tambem h4 {
	     background:black;
	     color:white; 
	 }	 
	 .conteudo .veja_tambem {
	        border:2px solid black;
	        max-width:646px;	       
	 }
	 .conteudo .veja_tambem div div {
	     padding:5px 10px;
	     vertical-align:top;
	 }
	 .conteudo .veja_tambem .materia {
	     width:40%;
	     display:inline-block;
	     margin:5px 10px 20px 0;	     
	 }
	 .conteudo .veja_tambem .materia.primeiro {
	    border-right:2px dashed gray; 
	    margin:5px 10px 20px 0;
	    padding-right:25px;
	 }
	 .conteudo .veja_tambem .materia .titulo {
	     display:block;
	     font-weight:bold;
	 }
    .conteudo .veja_tambem .materia .corpo {
        font-size:0.9em;
        line-height:1.2em;
        margin:0;        



    }
    .conteudo .veja_tambem .materia a {
        color:#b45909;
        text-decoration:none;
        font-weight:bold;
    }
    
    
    /* PARCEIRO */   
    .conteudo .parceiro_news_compre {
        position:relative;
        z-index:99;
    } 
    .conteudo .parceiro_news_compre > div {
        width:30%;
        margin:0 21px 0 0;
        display:inline-block;
        background:black;
        border-left: 2px solid black; 
        border-right: 2px solid black;
        text-align:center;
        height:126px;
        float:left;        
    }
    .conteudo .parceiro_news_compre > div > div {
        background:white;
        line-height:1.2em;
        padding:2px;
        height:82px;                
    }
    .conteudo .parceiro_news_compre > div > div form {
       padding:10px;                
    }
    .conteudo .parceiro_news_compre > div > div p {
        font-size:.7em;
        text-align:left; 
        margin:0;      
    }
    .conteudo .parceiro_news_compre > div > div input[type=text] {
        margin:10px 0 0 0;
        padding:2px;
        width:130px;
        float:left;
    }
    .conteudo .parceiro_news_compre > div > div input[type=submit] {
        margin:10px 0 0 0 !important;
        background:#d0ab41;
        color:white;
        padding:2px;
        margin:0
    }
    .conteudo .parceiro_news_compre div.ultimo {
        margin-right:0;
    }
    .conteudo .parceiro_news_compre div h5 {
        color:white;
        padding:5px 5px 5px 10px; 
        font-weight:bold;
        text-align:left
    }
    
    
/* MATERIA  */
 
.corpo_materia {
    padding: 10px 10px 100px 0;
    color:#555555;
    min-height:200px;    
    background:white;
}
.corpo_materia .materia a {text-decoration:none;} .corpo_materia .materia a:hover {text-decoration:underline} 
.corpo_materia a.link_corpo {text-decoration:none;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear; transition: all .3s linear;display:block;}
.corpo_materia a.link_corpo:hover{ background-color:#eee } 

.corpo_materia .corpo {
    padding:0 0 10px 0;    
}
.corpo_materia .corpo .alinhado_esquerda {
    margin:0 20px 0 0;
}
.corpo_materia .corpo .alinhado_esquerda p {
    padding:0; 
    margin:0;   
}
.corpo_materia .corpo p {
    padding:0 0 0 130px;    
}
.corpo_materia img {
    width: auto;
    height:auto;
    max-width:646px;   
}
.corpo_materia img.alignleft, .corpo_materia iframe.alignleft  {
    width:auto;
    float:left;
    margin:0 10px 10px -130px;

}
    .corpo_materia h1.titulo,  .corpo_materia .data {
        color:#555555;          
    }
    .corpo_materia .autor {
        color:silver;
    }
    .corpo_materia .corpo blockquote p {
        float:left;
        border:none;
        display:block;
        width:30%;
        margin:0 20px 0 -150px;         
        color:#d3ac21;
        
    }

 /* INDICE */
.corpo_materia.indice .attachment-indice{
    float:left;
    width:110px;
    height:100px;
    margin:5px 10px 0 0; 
}
.corpo_materia.indice p {
    padding:0;
    text-align:justify;
    margin:5px 0 0 0;
}

/* COMENTARIOS */

#respond .box-label {
    float:left;
    padding:0 80px 0 0;  
}
#respond textarea {
    width:510px;
    margin:0 0 10px 0;
}   
/* FOOTER */

#footer {
    position: relative;
	/* mudança rodapé 27/08/15 - toda estrura teve que ser alterada 
    background: url(../images/fundo_footer.jpg) black repeat-x;     
	*/   
	background: url(http://petrobrasinfonica.com.br/wp-content/themes/opes_responsive/images/fundo_footer.jpg) black repeat-x;   
}
    #footer .fundo_footer {
        border-top:4px solid black;
        height: 465px;
        margin-top:-50px;
        padding-top:110px;
/* mudança rodapé 27/08/15 - toda estrura teve que ser alterada 		
        background:url(../images/footer.jpg) no-repeat;
		*/
		background:url(http://petrobrasinfonica.com.br/wp-content/themes/opes_responsive/images/footer.jpg) no-repeat;
    }
    #footer .box {
        float:left;
        margin: 70px 27px 0 0;
    }
    #footer .box h5 {
        font-size:1em;
        margin-bottom:10px;
        font-weight:bold;
        color:gray;                 
    }       
        #footer .box.primeiro {
            width:35px;
        }
        #footer .box.segundo {
            width:140px;
        }
        #footer .box.terceiro {
            width:130px;
        }
        #footer .box.quarto {
            width:272px;           
        }
        #footer .box.quarto img {
            margin:0 20px 3px 0; 
        }

        #footer .box.quinto {
            width:270px;
			/* mudança rodapé 27/08/15 - toda estrura teve que ser alterada 
            margin:45px 0 0 0 !important;   
			*/         
			margin:95px 0 0 0 !important;   
        }
            #footer .box.quinto div.img_twitter {
                background:url(../images/redes_sociais.png) no-repeat;
                width:36px;
                background-position:0 0;
                height:36px;
                margin-top:-30px;
                z-index:9999;
                position:absolute;
            }
            #footer .box.quinto .bloco_twitter, .bloco_twitter  {
                border-bottom:1px solid silver;
                padding:2px 0 10px 0;
                margin:0 0 10px 0
            }
            #footer .box.quinto .bloco_twitter img, .bloco_twitter img  {
                float:left;
                margin:0 10px 0 0 ;
            }
            #footer .box.quinto .bloco_twitter .nome, .bloco_twitter .nome  {
                font-weight:bold;
            }
            #footer .box.quinto .bloco_twitter .endereco, .bloco_twitter .endereco {
                font-size:0.7em;
                color:gray;
            }
             #footer .box.quinto .bloco_twitter .texto, .bloco_twitter .texto {
                font-size:0.8em;            
            }
            #footer .box.quinto .bloco_redes a  {
                text-decoration:none;
                height:36px;
                display:block;
                float:left;
                color:transparent;
                               }
            #footer .box.quinto .bloco_redes a.img_twitter {
                background:url(../images/redes_sociais.png) no-repeat;
                width:36px;
                background-position:0 0;                            
            } 
                #footer .box.quinto .bloco_redes a.img_twitter:hover {
                   background:url(../images/redes_sociais_bk.png) no-repeat; 
                }
            #footer .box.quinto .bloco_redes a.img_facebook {
                background:url(../images/redes_sociais.png) no-repeat;  
                width:43px;
                background-position:-38px 0;            
            }
                 #footer .box.quinto .bloco_redes a.img_facebook:hover {
                      background:url(../images/redes_sociais_bk.png) no-repeat;
                      background-position:-38px 0; 
                 }
            #footer .box.quinto .bloco_redes a.img_google {
                background:url(../images/redes_sociais.png) no-repeat;  
                width:43px;
                background-position:-82px 0;            
            }
                #footer .box.quinto .bloco_redes a.img_google:hover {
                    background:url(../images/redes_sociais_bk.png) no-repeat; 
                    background-position:-82px 0; 
                }
            #footer .box.quinto .bloco_redes a.img_youtube {
                background:url(../images/redes_sociais.png) no-repeat;  


                width:85px;
                background-position:-120px 0;            
            } 
             #footer .box.quinto .bloco_redes a.img_youtube:hover {
                background:url(../images/redes_sociais_bk.png) no-repeat; 
                background-position:-120px 0;    
             }    
    #footer .fundo_footer .menu_expandido {
        height:140px;
        width:100%;
 /* mudança rodapé 27/08/15 - toda estrura teve que ser alterada 
        top:300px;
		*/
		top: 530px;
        position:absolute;
        color:white;         
    }
         #footer .fundo_footer .menu_expandido h2 {
            color:white;
            font-size:1.1em;
            margin:0 !important;
            padding:0 !important;
            line-height:1.2em
         }
         #footer .fundo_footer .menu_expandido a {
             color:white;
             text-decoration:none;             
         }
         #footer .fundo_footer .menu_expandido a:before {
             content:'- ';
         }
         #footer .fundo_footer .menu_expandido h2 a:before {
             content:'';
         }
         #footer .fundo_footer .menu_expandido a:hover {
             text-decoration:underline
         }
          #footer .fundo_footer .menu_expandido > div {
              float:left;
              border-left:1px dashed white;
              padding:5px 10px 0 10px;
              height:130px
          }
          #footer .fundo_footer .menu_expandido > div:first-child {
              border-left:none;             
          }
          #footer .fundo_footer .menu_expandido ul {
              padding:0;
              margin:0;
              font-size:0.7em;              











          }
           #footer .fundo_footer .menu_expandido ul li{
              padding:0;
              margin:0; 
              line-height:1.5em             
          }
          #footer .fundo_footer .menu_expandido > div:last-child ul  {
              font-size:0.8em           
          }
                                    
        
/* TEMPLATE DA AREA DE COMENTÁRIOS / SHARE / LIKE / TWEETER */
.redes_share {
    text-align:right;
    border-top:1px dashed;

    padding-top:5px    
}
.redes_share ul li {
    display:inline;    
        
}
.redes_share ul li:hover {
   cursor:default;         
}
    .redes_share ul li .aparecer {
        max-height:24px;
        display:inline-block;
        width:0;       
        overflow:hidden;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear; 
        
    }
    .redes_share ul li:hover .aparecer {
        width:180px;
    }

/* MONTAGEM DA PÁGINAS TEMPORADAS */
.serie h1:hover,.serie h2:hover,.serie h3:hover,.serie h4:hover,.serie h5:hover {
	cursor:pointer;
}
.serie h2 {
    font-size:250%
}
.serie h2:before, .serie h3:before, .serie h4:before {
   content:'+ ';
}
.serie h2.aberto:before, .serie h3.aberto:before, .serie h4.aberto:before {
   content:'- ';
}
.serie h3 {
    /font-weight:bold;
    font-size:180%;    
} 
.serie h4 {
    padding:0;
}   
.serie .loop_concerto {
    padding-left:15px;
    padding-bottom:20px    
}
.serie .loop_serie {
    padding-left:18px;
}
.serie .loop_obras {
    padding-left:12px;
}	
.serie .solistas, .serie .regentes {
    font-weight:bold;
}
.serie .descricao_regentes {
    margin-left:20px;    
}
/* MONTAGEM DA PÁGINAS MULTIMIDIA */
.multimidia h2:hover {
    cursor:pointer
}
.multimidia h2:before {
    content:'+';
}
.multimidia h2.aberto:before {
    content:'-';
}
.multimidia .loop_fotos, .multimidia .loop_videos  {
    padding-left:28px;    
}	
.multimidia .box_foto  {   
    width:120px;    
    font-size:0.8em;
    display:inline-block; 
    vertical-align:top;
    margin-right:10px;
}    
    .multimidia .box_foto p{
        line-height:15px !important;
        font-weight:bold;
    }
.multimidia .box_video  {   
    width:250px;    
    font-size:0.8em;
    display:inline-block; 
    vertical-align:top;
    margin-right:30px;
}    
    .multimidia .box_video p{
        line-height:15px !important;
        font-weight:bold;
    }