﻿*
{
     margin: 0;
}

html, body
{
    height: 100%;
}


body
{
     margin: 0;
     padding: 0;
     text-align:center;   
     font: 12px Arial, Helvetica, sans-serif;
     background: #1f1a17 url(../Images/body_bg.gif) repeat-y left;
     color:#aaa; 
}




p
{
    text-align:justify;
    line-height:18px;
}

img
{
    border:0;
}


/***** Estructure ********/

#global_container
{
    display: table;
    width: 100%;
    height: 100%;    
}

#global_container_row1
{
    display: table-row;
}

#global_container_row1 .cell
{
    display: table-cell;   
    text-align:center; 
    background: url(../Images/corner.jpg) no-repeat right top;
}

#global_container_row2
{
    display: table-row;
}

#global_container_row2 .cell
{
    display: table-cell;
    height: 20px;
}

#container
{
    width:100%;
    min-width:1100px;
    text-align:left;
}


#header
{
    width:100%;
    height:80px;   
    text-align:left;
}

#header .logo h1 a
{
    float: left;
    width:380px;
    height:72px;
    background:url(../Images/logo.jpg) no-repeat center center;
    margin: 8px 10px 20px 27px;
}

.clear
{
    clear:both;
}

#side_bar
{
    width:18%;
    min-width:220px;    
    float: left;   
    padding-top:30px;   
}

#main
{
    float:left;  
    margin:0 auto;    
    width:80%;
    
}


#footer
{    
    height: 15px;
    width: 100%;
    font-size:85%;
}

#footer a:link, a:visited
{
    color:#222;
    text-decoration:none;
}

#footer a:hover
{
    color:#666;
}

#footer .fcol1
{
    float:left;
    width:48%;
    padding-left:1%;
    text-align:left;
}

#footer .fcol2
{
    float:right;
    width:48%;
    color:#a6a6a6;
    text-align:right;
    padding-right:1%;
}




/*MENU*/

ul#menu
{
    width: 200px;    
    background: #fff;
    margin:0 0 0 20px;
    padding: 0;
    list-style-type: none;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 11pt;
}

ul#menu li
{
    /*border-bottom: 1px solid #A4A0F5;*/
}

ul#menu li a:link, ul#menu li a:visited
{
    display: block;
    height: 1%;
    text-decoration: none;    
    color: #000;  
    padding:5px 0px 5px 5px;
}

ul#menu li a:hover
{
    color: #888;    
}

ul#menu #current a:link
{
    background-color:#1f1a17;
    background-image:url(../Images/menu_hover.gif);
    background-repeat:no-repeat;
    background-position:left;
    color:#fff;  
    text-align:right;  
    width:95%;
    padding-right:7%;
}

/*******************************************************************************

/*FORM
---------------------------------------------*/
#form
{
    margin:30px auto;   
    width:550px
}

.formlabel
{
   float: left;    
   width:80px;
}

.formbuttons
{
   padding:10px;
   text-align:right;
}

.formmsgs
{
    padding-top:5px;
}

.formtr
{
    padding:4px 0 4px 0;
}

.button
{
    width:70px;
    background-color:#000;
    color:#ddd;
}


.thumbs
{
    margin:0px;
    padding:0 0 0 0;
}


.ddd
{
    font-size:90%;
    padding-left:10px;
    
}

.tel
{
    font-size:130%;
    font-weight:bold;
    padding:0 10px 0 3px;
    color:#fff;
}

.tituloAlbuns
{
    margin:1px 0 2px 0;
    padding-left:3px;
    margin-left:15px;
    border-left:solid 10px #a1a1a1;
    text-align:left;
}

.parceiro
{
    margin:5px;
}

.nomeParceiro
{
    font-weight:bold;
    font-variant:small-caps;
    font-size:11pt;
}



.myh4
{
    font-size: 14pt; 
    font-weight: bold; 
    text-align: center; 
    padding-bottom: 15px;
}

.myh5
{
    font-size: 10pt; 
    font-weight: bold; 
    text-align: center; 
    padding-bottom: 15px;
}


/********** BYFELIPE BUTTON ***********/

.byfelipe
{
    padding-left:305px;
    margin:20px 0;
    
}

.byfelipe h1 a
{
    float:left;
    width: 130px;      
    height:45px; 
    background: url(../Images/byFelBtn.jpg) no-repeat center center;       
}


.byfelipe h1 a:hover
{
    float:left;
    width: 130px;      
    height:45px; 
   background: url(../Images/byFelBtn_hover.jpg) no-repeat center center;        
}



a
{
   color:#e2e2e2;
   font-weight:bold;
   text-decoration:none;  
}

a:link, a:visited
{
   color:#e2e2e2;
   font-weight:bold;
   text-decoration:none;
}



a:hover
{
    text-decoration:underline;
    color:#fff;
}

hr
{
    border:none;
    height:10px;
    width:100%;
    background:url(../Images/hr.png) no-repeat center center;
}


.contacts
{
    width:220px;
    padding-top:30px; 
    text-align:center;
}