/**
 * @copyright	Copyright (C) 2005 - 2016 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */


/*
CORES : 

Rodapé - 444444;
Texto - 7A7A7A
*/



*{
    font-family: Light;
    margin:0;
    line-height: 2.0em;
	color: #666;
}


p, a{
    font-family: Light;
    font-size: 18px;
    color:#7A7A7A;
}


.titulo1{
    font-family: Light;
    font-size: 60%;
    color:#fff;
}
.titulo2{
    font-family: Light;
    font-size: 70%;
    color:#fff;
    line-height:110%;
}

.normal{
    font-family: Light;
    font-size: 18px;
    color:#7A7A7A;
    
}

.small{
    font-family: Light;
    font-size: 18px;
    color:#7A7A7A;
    
}
.bold{
    font-family: Heavy;
    font-size: 18px;
    color:#7A7A7A;
}


.inverse, .inverse>*, .inverse>*>*{
    color: #fff;
}

.w80{
    margin-left: 10%;
    width:80%
}

.LightPreto{
    font-family: Light;
    color:#000;    
}

.Branco {
    font-family: Heavy;
    color:#fff;
}

.BrancoObliquo{
    font-family: HeavyOblique;
    color:#fff;
}

.Cinza{
    font-family: Heavy;
    color:#7A7A7A;
}
.CinzaObliquo{
    font-family: HeavyOblique;
    color:#7A7A7A;
}

h3 {
  	font-size: 200%;
	color: #000;
}

h4 {
	font-weight: bold;
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #333;
}

a:link, a:visited {
	/*color: #1B57B1; text-decoration: none;*/
    color: #C8A062;
    text-decoration: none;
	font-weight: normal;
}
a:hover {
	/*color: #00c;	text-decoration: underline;*/
    color: #C8A062 text-decoration: none;
	font-weight: normal;
}

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }






/********************************************************************************/
/* Custom, iPhone Retina */ 
/********************************************************************************/
@media only screen and (min-width : 220px) {
    h1{
    	font-size: 100%;
    }
    h2{
    	font-size: 60%;
    }
    h3{
    	font-size: 50%;
    }
    
    p, .normal, .bold, a{
        font-size: 10px;
    }
    .small{
        font-size: 8px;
    }
    .titulo1{
        font-size: 60%;
    }
    .titulo2{
        font-size: 120%;
    }
    
   
}

/********************************************************************************/
/* Extra Small Devices, Phones */ 
/********************************************************************************/
@media only screen and (min-width : 480px) {
    
    h1{
    	font-size: 120%;
    }
    h2{
    	font-size: 80%;
    }
    h3{
    	font-size: 70%;
    }
    p, .normal, .bold, a{
        font-size: 12px;
    }
    .small{
        font-size: 10px;
    }
    .titulo1{
        font-size: 120%;
    }
    .titulo2{
        font-size: 180%;
    }
    
  
}

/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 992px) {
    
    h1{
    	font-size: 160%;
    }
    h2{
    	font-size: 100%;
    }
    h3{
    	font-size: 90%;
    }
    p, .normal, .bold, a{
        font-size: 14px;
    }
    .small{
        font-size: 12px;
    }
    .titulo1{
        font-size: 160%;
    }
    .titulo2{
        font-size: 300%;
    }
    
  
}

/********************************************************************************/
/* Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1200px) {
    
    h1{
    	font-size: 200%;
    }
    h2{
    	font-size: 140%;
    }
    h3{
    	font-size: 110%;
    }
    
    p, .normal, .bold, a{
        font-size: 16px;
    }
    .small{
        font-size: 14px;
    }
    .titulo1{
        font-size: 180%;
    }
    .titulo2{
        font-size: 360%;
    }
    
  
}

/********************************************************************************/
/* EXTRA Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1600px) {
 
    h1{
    	font-size: 240%;
    }
    h2{
    	font-size: 180%;
    }
    h3{
    	font-size: 120%;
    }
    p, .normal, .bold, a{
        font-size: 18px;
    }
    .small{
        font-size: 16px;
    }
    
    .titulo1{
        font-size: 200%;
    }
    .titulo2{
        font-size: 400%;
    }
    
}