﻿ *{  
   margin:0;  
   padding:0;  
}  
@font-face
{
font-family: FontTokyo;
src: url(fonts/Forgotte.ttf);
}
html
{
     margin:0px;
      
}
body
{
 
     background-color: transparent; 
    text-align:left;
      font-family:FontTokyo;
 
 
 
 
}
 #container_wrapper
 {
         width:1150px;
        
        top:0px;
      height:100%;
    min-height:100%;
      
    position:static;
    margin-left:auto;  
    margin-right:auto; 
    background-color:transparent;
    margin-top:0px;
 }
#wrapper
{ 
    width:1150px;  /* menu with + content width */
   
     text-align:left;
    margin-top:0px;
         background-color:transparent;

      bottom:0px;
   top:0px;
      height:100%;
    min-height:100%;
  
   
   
    
    }
#divlogo
{ 
    height:100px;
     width:130px;
     
      margin-top:0px;
      position:relative;
      background-color:#c5c6c6;
      vertical-align:bottom;
      cursor:hand;
       cursor:pointer;
       text-align:center;
     
      
}
#divTakeoverLeft
{
     position:absolute;
       margin-left:0;
       left:0;
       float:left;
        width:140px;
    height:850px;   
     background-color:white;
    
    }
    
 #divTakeoverTop
 {
     position:absolute;
       margin-left:22%;
        width:906px;
    height:180px;
     background-color:white;
     }
     
 #clearmenu
 {
     position:relative;
    float:left;
    height:10px;
    width:120px;
 }
  
#divmenu
{ 
         
    height:100%;
       
    float:left;
    width:130px;

    background-color:#d82024;
    color:White;
 text-align:left;
   margin-top:0px;
  font-size:19px;
   top:0px;
   
    
}
 
#divmenu a
{ 
     width:125px;
    font-weight:bold;
    float:left;
   padding-left:5px;
    color:White;
    text-transform:uppercase;
    text-decoration:none;
    webkit-transition: background-color 100ms linear;
     -moz-transition: background-color 100ms linear;
     -o-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}
#divmenu a:hover
{ 
     
    float:left;
width:125px;
    color:Black;
  
   -webkit-transition: background-color 100ms linear;
     -moz-transition: background-color 100ms linear;
     -o-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}
 
#divcontent
{
   
    position:relative;
    float:left;
    width:690px;
     min-height:445px;
        height:auto;
     margin-left :10px; 
    margin-top:100px;
     background-color: #c5c6c6;
     color:White;
     padding-left:10px;
     padding-top:10px;
     padding-bottom:10px;
     overflow:hidden;
}
 #divAuxHeaderPage
 { background-color:#d82024;
     width:155px;
    height:155px;
     
    color:White;
    float:left;
    position:absolute;
  display:inline-block;
  margin-bottom:0px;

  
  vertical-align:text-bottom;
  
 }
  #divAuxHeaderPageText
  {
        position:absolute;
        bottom:0px;
        left:5px;
           font-size:30px;
           font-weight:bold;
      }
    .divContainerSmallHeaderPage
    {
          width:100%;
    height:35px;
    float:right;
 position:relative;
   margin-right:5px;
    }
  .divSmallHeaderPage
  {
      background-color:#d82024;
     width:65px;
    height:15px;
 text-transform:uppercase;
color:White;
 float:right;
 position:relative;
padding:5px;
 margin:6px;
  }

.divSmallHeaderPage a
{
    text-decoration:none;
    color:White;
}

.divHeaderPage
{
   background-color:#d82024;
    width:162px;
   height:162px;
  float:left;
position:relative;
margin-right:10px;
margin-top:5px;
    }

.imgTumb
{
    background-color:transparent;
    width:162px;
   height:162px;
    padding-top:5px;
    padding-bottom:5px;
 display:inline-block;
 margin-right:10px;
    }
  
 
/*.imgTumb:hover { opacity: 0.5; background:red; z-index:1;  color:Red;}*/
 
.overlay {float:left; position:relative;   }

.overlay span {
    background: red;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
 position:absolute;
    right: 0;
    top: 0;
      margin-top:5px;
    
     margin-right:10px;
         width:162px;
    height:162px;
   
}

.overlay:hover span { opacity: 0.5; }

#imgGaleriaBig
{
      background-color:White;
    width:640px;
     height:480px;
      border:2.5px solid     #c5c6c6;;
     
}
.divFoto
{
      width:640px;
     height:480px;
     
   
}
.ModalPopupBackground
{
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.7;
    width:100%;
    height:100%;
}

.ModalPopup
{
    width:640px;
     height:480px;
    background:tranparent;
   
}

#divHeader
{
    position:relative;
    background-color:Black;
    width:660px;
 text-transform:uppercase;
    padding:10px;
    height:40px;
    font-size:35px;
    color:White;
    padding-top:30px;
   font-weight:bold;
    }
    #divSubContentRed a {  color:White; text-transform:none; }
#divSubContentRed
{
    
      margin-top:10px;
      font-weight:bold;
    background-color:#d82024;
       width:640px;
 padding-right:25px;
 padding-top:25px;
 padding-bottom:25px;
 padding-left:15px;
 vertical-align:middle;
 
}
#divSubContentRedVisitar
{
    
     margin-top:10px;
      font-weight:bold;
    background-color:#d82024;
       width:640px;
 padding-right:25px;
 padding-top:25px;
 padding-bottom:25px;
 padding-left:15px;
 vertical-align:middle;
 
}
#divSubContent a { color:White; text-transform:none; text-decoration:underline; }
#divSubContent
{
    margin-top:10px;
    background-color:#000;
      width:640px;
 padding:20px;
       
}
#divHeaderMerch
{
    position:relative;
    background-color:Black;
  width:650px;
    padding:10px;
    height:40px;
    font-size:40px;
    color:White;
   
    }
 #divDescMerch
{
       margin-right:10px;
       margin-top:10px;
    position:relative;
    background-color:Black;
    width:320px;
    padding:10px;
    height:230px;
    font-size:20px;
    color:White;
    float:right;
     
    }
 #divImgMerch
 {    
       margin-top:10px;
       position:relative;
       margin-right:10px;
      width:330px;
    height:250px;
    
    
    font-size:10px;
    color:White;
    float:left;
    vertical-align:middle;
     
     }
 #divImgMerch img
 {
      width:100%;
     height:250px;
 }
#divOtherProds
{
     margin-top:10px;
    height:120px;
    width:100%;
    position:relative;
    
     float:left;
}
.imgTumbMerch
{
    background-color:#ebebeb;
   width:120px;
    height:120px;
     
 display:inline-block;
  
    }
  
 
 
.overlayMerch {float:left; position:relative;   }

.overlayMerch span {
    background: red;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
 position:absolute;
    right: 0;
    top: 0;
 
  width:120px;
    height:120px;
   
}

.overlayMerch:hover span { opacity: 0.5; }

.imgMerchMid
{
     width:430px;
    height:400px;
}



#slideshow
{
    position:relative;
    float:left;
    background:white;
    height:250px;
    width:510px;
    }
    
    
    
    
    

#indexabout
{
   
       position:relative;
    float:left;
    margin-top:10px;
   height:185px;
   width:250px; 
      margin-right:10px;
/*  background-image:url(../Conteudos/about.png);*/
  background-repeat:no-repeat;
  background-size:100% 100%;
   cursor:hand;
       cursor:pointer;
       
    } 
    
#bandasoriginais
{
    margin-top:10px;
       position:relative;
    float:left;
  
  height:185px;
   width:250px; 
   /*   background-image:url(../Conteudos/bandasoriginais.png);*/
  background-repeat:no-repeat;
  background-size:100% 100%;
   cursor:hand;
       cursor:pointer;
        margin-right:10px;
    }

    
 
  .overlayIndex {float:left; position:relative;   }

  .overlayIndex span {
    background: red;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
 position:absolute;
    right: 0;
    top: 0;
      margin-top:10px;
    height:185px;
   width:250px; 
      margin-right:10px;
   
}


  .overlayIndex:hover span { opacity: 0.5; }
  #visitar img { height:185px;
    width:160px;}
  #visitar
{   
    position:relative;
    float:left;
   margin-top:10px;
height:185px;
    width:160px;
     
   cursor:hand;
       cursor:pointer;
           margin-right:10px;
       
    }
    
   .overlayIndexVisitar {float:right; position:relative;   }

  .overlayIndexVisitar span {
    background: red;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
 position:absolute;
    right: 0;
    top: 0;
          margin-top:10px;
height:185px;
    width:160px;

   
}

  .overlayIndexVisitar:hover span { opacity: 0.5; }
 
.indexDiv
{
    position:absolute;
    float:left;
 bottom:0px;
 padding:5px;
   
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
   width:150px;
 height:auto;
    }
    
    
    

#agendamini
{
       position:relative;
    float:left;
     margin-left:10px;
    height:250px;
    width:160px;
    color:White;
       margin-right:10px;

    }
    
#agendamini a
{
    text-decoration:none;
    text-transform:none;
    color:White; 
   
}
#agendamini .imgTop
{
    height:25px;
      width:160px;
     margin-bottom:5px;
      margin-top:0px;
    
}
#agendamini .imgBot
{
    height:25px;
       width:160px;
     margin-top:1px;
       margin-bottom:0px;
}
#agendaMiniItem
{
     
       margin-bottom:-12px;
     height:60px;
       width:155px;
    background:black;   
 padding-left:5px;
        
}
#agendaMiniItem:hover 
{  
    background-color: #d8040e;
   
 /*    -webkit-transition: background-color 100ms linear;
     -moz-transition: background-color 100ms linear;
     -o-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
     
     */
  
	/*background: -moz-linear-gradient(bottom,  #000000 0%, #d8040e 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#000000), color-stop(100%,#d8040e));
	background: -webkit-linear-gradient(bottom,  #000000 0%,#d8040e 100%);
	background: -o-linear-gradient(bottom,  #000000 0%,#d8040e 100%);
	background: -ms-linear-gradient(bottom,  #000000 0%,#d8040e 100%);
	background: linear-gradient(to top,  #000000 0%,#d8040e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#d8040e',GradientType=1 );
	*/
	-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}
 
#agendaMiniItem .TituloEvento
{
    font-size:18px;
    font-weight:bold;
}

#agendaMiniFooter
{
    margin-top:5px;
    background-color:#000;
   height:25px;
    width:100%;
    text-align:center;
    cursor:hand;
       cursor:pointer;
        font-size:18px;
    }
    
 #agendaMiniFooter a
{
    text-decoration:none;
    color:White;
}



#AgendaTituloDetalhes
{
    float:left;
    position:relative;
    width:350px;
    height:200px;
    background-color:Black;
     padding:10px;
     margin-right:10px;
   
    }
#AgendaImagemDetalhes
{
    float:right;
    position:relative;
    width:300px;
    height:220px;
    margin-right:10px;
    
    }
 #AgendaImagemDetalhes img
{
      width:300px;
    height:220px;
}
#AgendaDescricaoDetalhes
{
    padding:10px;
    margin-top:10px;
    float:left;
    position:relative;
    width:660px;
    height:200px;
    background-color:#d8040e;
       margin-right:10px;
         font-weight:bold;
    }
   #divredessociais
   {
       position:absolute;
       float:left;
       margin-left:560px;
       width:auto;
       min-width:150px;
       height:20px;
         margin-top:65px;
         text-align:right;
   } 
   div.auxDivRedes
   { position:relative;
   }
    #auxDivRedes img a
    {
        position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
    }
    #auxDivRedes img b
    {
       position: absolute;
	left: 0;
	top: 0;
    }
#divcontent2
{
   
  min-height:auto;
     position:relative;
    float:left;
     min-height:445px;
    width:690px;
     height:auto;
 margin-left :10px; 
    margin-top:100px;
 
     color:White;
     
     overflow:hidden;
}
  #agendaNext input
    {font-weight:bold;  font-family:FontTokyo; font-size:16px;}
#agendaNext
{
   width:90px;
    height:25px;
               opacity: 0.8;
        
          position:absolute;
          float:left;
         float:left;
         left:0px;
         margin-left:302px;
          top:10px;
           font-weight:bold;
        
    }
    #agendaPrev input
    {font-weight:bold;  font-family:FontTokyo; font-size:16px;}
#agendaPrev 
{
     width:90px;
    height:20px;
                  opacity: 0.8; 
         position:absolute;
         float:left;
         left:0px;
         margin-left:10px;
          top:10px;
         font-weight:bold;
        
    }
#filtrogenero
{
     width:187px;
    height:20px;
      
     position:absolute;
         float:right;
        top:10px;
         right:0px;
            opacity: 0.8;
         text-align:left;
         vertical-align:middle;
         text-transform:uppercase;
          background-color:white;
}

#filtrogenero select
        {
             font-family:FontTokyo;
            color:black;
            margin:0px 0px 0px 0px !important;
            padding:0px 0px 0px 0px !important;
                width:187px;
    height:20px;
    border:none;
   background-color:White;
         opacity: 0.8;
     font-size:16px;
        }
  
#agendaActual
{
     width:182px;
    height:17px;
    background-color:#d40e1e;   
     position:absolute;
         float:left;
          top:10px;
         left:108px;
         font-size:16px;
         text-align:left;
         vertical-align:middle;
         padding:2px;
         text-transform:uppercase;
         font-weight:bold;
    }
.AgendaChangeMes
{
      width:90px;
    height:20px;
 padding-left:2px;
         text-align:left;
         vertical-align:middle;
           border:none;
           cursor:pointer;
           text-transform:uppercase;
           font-size:14px;
}







#divNext
{
      width:50px;
    height:50px;    
    position:absolute;
    float:right;
    background-image:url(../Conteudos/next.png);
        margin-left:0px;
         background-repeat:no-repeat;
         margin-top:40%;
         right:5px;
}

#divPrev
{
    width:50px;
    height:50px;
    position:absolute;
    float:left;
    background-image:url(../Conteudos/prev.png);
        margin-right:0px;
        background-repeat:no-repeat;
        margin-top:40%;
        left:20px;
}


#divClose
{
     width:60px;
    height:60px;
    position:absolute;
    float:right;
    margin-right:-30px;
     
    background-image:url(../Conteudos/close.png);
    background-repeat:no-repeat;
      right:0px;
     margin-top:10px;
}
 
#divGaleriaDesc
{
    
      width:auto;
    height:auto;
    min-width:200px;
    text-align:center;
    color:White;
    font-size:25px;
    background-color:Black;
    bottom:0px;
    position:absolute;
   font-weight:bold;
    margin-bottom:-10px;
 float:left;
 margin-left:35%;
 
    
    }
    
    #tblContacto input 
    {
        background-color:#CDCDCD;
        border:none;
        
    } 
    #tblContacto select 
    {
        background-color:#CDCDCD;
        border:none;
        
    } 
    #tblContacto textarea 
    {
        background-color:#CDCDCD;
        border:none;
        
    }
     #tblContacto .btnContact 
    {
        background-color:#d82024;
        border:none;
        color:White;
        padding:5px;
    }