﻿

@font-face {
    font-family:'PTSansRegular';
    src : url(../fonts/PTSans.ttf);
}
@font-face {
    font-family: 'PTSansBold';
    src: url(../fonts/PTSansBold.ttf);
}

*{
    margin:0;
    padding:0;
    -webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
    font:87.5% 'PTSansBold';
    background-color:#fff;
     margin:0;
    padding:0;
}
.container-fluid {
    margin:0;
    padding:0;
}

.head{
     margin:0;
    height:45px;
    background:#c8951a;
   
    max-width:100%;
    padding:10px 90px;
	line-height: 25px;
   
}
.footer{
     margin:0;
    height:30px;
    background:#c8951a;
   
    max-width:100%;
    padding:10px 90px;
	line-height: 11px;
   
}

.head #titulo {
    font-family:'PTSansRegular';
    font-size:1.05em;
    color:#fff;
    display:inline;
   

}
.head #titulo span{
    font-family:'PTSansBold';
    font-weight:bold;
}

.head #icones{
    list-style-type:none;
    padding:0;
    margin:0;
    color:#fff;
    float:right;
    text-decoration:none;
    display:none;
}
.head #icones li {
    display:inline;
    margin:0 .30em;
}


.head #list-link {
    list-style-type:none;
    padding:0;
    margin:0;
    color:#fff;
    float:right;
    font-family:'PTSansRegular' ;
    font-size:1.05em;
    text-decoration:none;
 
}
.head #list-link li {
    display:inline;
}
.head #list-link li #IconUpdates{
    background-color:#ff0000;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    font-size:12px;
    padding:2px;
    margin-top:-2em;
    cursor:pointer;
    border-radius:4px;
}

.head #list-link li #Ajuda{
    margin:0 2em 0 1.2em;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}
.head #list-link li #Conta{
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}

.head #list-link li #Ajuda:hover, 
.head #list-link li #Conta:hover
{
    color:#000;
}
.head #list-link li #IconUpdates:hover{
    background-color:#fff;
    color:#000;
    font-weight:bold;
}

.row #LogoMenu{
    width:200px;
    float: left;
    padding-left: 20px;
    background: #F9F9F9;
    height: 100%;
   
}

.row #LogoMenu nav ul{
    list-style-type:none;
/*     padding-left:3.2em; */
    
    
}
.row #LogoMenu nav ul li{
     padding:0 0 1.0em 0;
}
.row #LogoMenu nav ul li a{
    color:#333333;
    text-decoration:none;
    font-family:'PTSansRegular' ;
    font-size:15px;
	font-weight: normal;
   
}

.row #LogoMenu nav ul li a:hover{
    color:#c8951a;
  
}

#res-menu{
    display:none;
}


.active{
      font-weight:bold!important;
    color:#c8951a;
}

.row main{
    width:53%;
     /*border:1px solid #000;*/
    float:left;
   
}
.row #actualiza{
width: 25%;
    max-width: 270px;
    float: right;
    padding: 2.5em 0 0 1.2em;
    padding-right: 20px;
    background: #F9F9F9;
    height: 100%;
}
 .row #actualiza h2{
     color:#5c5c5c;
     font-family:'PTSansRegular' ;
     font-size:1.6em;
     padding-bottom:35px;
 }
.row #actualiza ul{
    list-style-type:none;

}
.row #actualiza ul li{
    padding-bottom:1.25em;
}

.row #actualiza ul li h4{
    font-family: 'PTSansRegular' ;
    font-size:1.05em;
    color:#999;
    margin:0;
    padding:0;
}

.row #actualiza ul li span{
    color:#000;
    font-family:'PTSansBold' ;
    font-weight:bold;
    font-size:1em;
    text-align:left;
}

.row #actualiza ul li span:hover{
    color:#c8951a;
    cursor:pointer;
}
.row footer{
    clear:both;

    width:100%;
   
}
.row footer span{
     font-family:'PTSansRegular';
    font-size:1.05em;
    color:#fff;
    display:inline;
    
  
}
.row footer span:last-child{
    float: right;
}
#home_div{
    margin:0;
 padding:20px 0 0 20px;
}
#home_div #titulo{
    color:#5c5c5c;
    font-family:'PTSansRegular';
    font-size:1.6em;
    padding-bottom:35px;
    font-weight:bold;
}

#btn_menu, 
label[for="btn_menu"]
{
    display:none;
}

#res_actualiza{
    display:none;
}

#res_actualiza{
    display:none;
}

@media screen and (max-width:960px){

   #seta-menu{
       display:none;
   }

   #seta-branca{
       position:absolute;
       top:40px;
       color:#fff;
       right:161px;
       display:none;
       
   }
    .head{
        height:45px;
        padding:10px 90px;
    }

    footer.head  span,
    .head #titulo,
    .head #list-link li #Ajuda,
    .head #list-link li #Conta
    {
        font-size:1.05em;
    }
    .row #LogoMenu nav ul li a,
    .accordion_head{
        font-size:1em;
    }
    #home_div #titulo{
        font-size:1em;
    }

    .row #actualiza{
        display:none;
        visibility:hidden;
    }

    .row main{
        width:68%

    }

    .head #list-link{
        display:none;
    }

    .head #icones
    {
        display:block;
    }

    /*
    .head #icones ul li #realnews{
        color:#fff;
        text-decoration:none;
        cursor:pointer;
    }
*/

     #res_actualiza{
        width:100%;
        background-color:#fff;
        position:absolute;
        top:46px;
        padding: 25px 30px;
        z-index:2;
    }

    #res_actualiza h2{
        font-family: 'PTSansRegular';
        font-size:1.25em;
        color:#5c5c5c;
        padding-bottom:35px;
    }
   
    #res_actualiza ul{
        list-style-type:none;
    }
    #res_actualiza ul li{
        padding-bottom:24px;
    }
    #res_actualiza ul li h4{
        font-family:'PTSansRegular';
        font-size:1.05em;
        color:#999999;
        padding:0;
        margin:0;
    }

    #res_actualiza ul li span{
        color:#000;
        font-family: PTSansBold;
        font-size:1em;
        padding:0;
        margin:0;
    }

    #res_actualiza{
        display:none;
    }
   
}
@media screen and (max-width:650px) {
	
	.DivAbsolutetoRelative
	{
		position:relative!important;
		left:0px!important;
	}
	
	
	
	.ConteudoDados > div
	{
		width:100%!important;	
		display:block!important;
		margin-left: 0px!important;
	}
		
	.ConteudoDados > div > div
	{
		width:100%!important;	
		margin-left: 0px!important;
		margin-top:5px;
	}
	
	input[type="text"]{  
	width:100%!important;
			margin-left: 0px!important;
	}
	input[type="file"]{  
	width:100%!important;
	}
	textarea
	{  
	width:100%!important;
			margin-left: 0px!important;
	}
	select
	{  
	width:100%!important;
			margin-left: 0px!important;
	}
	.TopicoTitulo
	{
		font-size:12px!important;
	}
	
	.rowcentertop
	{
		display:inherit!important;
	}
	footer
	{
	padding: 6px 6px!important;
	height: 50px!important;
	}
	footer span
	{
		width:100%!important;
		line-height:20px!important;
	}
	.Conteudo_Centro
	{
		width:100%!important;
		margin-left: 0px!important;
	}
	

    #seta-branca{
       position:absolute;
       top:40px;
       color:#fff;
       right:133px;
       display:none;
       
   }

     label[for="btn_menu"]{
        display:inline-block;
    }

    .row #LogoMenu{
        margin-left:-9999em;
    }
    .row main {
        width:90%;
        margin:auto auto;
        padding-left:5%;
    }

      .res-active{
          color:#333;
       }
       .res-desactive{
           color:#fff;
       }

    .head #icones li label[for="btn_menu"]{  
           
        font-size:18px;
        cursor:pointer;
        height:40px;
        font-weight:bold;
    }

   

    .row footer{
        height:50px;
    }

    .row footer span,
    .row footer span:last-child{
        margin:0 auto;
        text-align:center;
        float:none;
        display:block;
    }
    
   #seta-menu{
       display:none;
       color:#333;
       position:absolute;
       top:39px;
       right:46.5px;
       
   }
   
   .off{
       display:none;
   }

   .show{
       display:inline-block;
   }
    
   .head{
        height:45px;
        padding:10px 40px;
    }

   .head #titulo{
       font-size:1em;
   }


}

 #res-menu{
        position:absolute;
        top:45px;
        right:0;
        z-index:1;      
        transition: all 1s;
        width:100%;
    }

    #res-menu ul{    
        width:100%;
		height: 100%;
        list-style-type:none;
        background-color: #333333; 
        text-align:center;
		overflow-y:auto;		


    }
    #res-menu ul li{
        width:100%;
    
        margin:0;
        height:40px;
         padding-top:10px;
    }

    #res-menu ul li a{   
       
        color:#fff;
        text-decoration:none;
        font-family:PTSansRegular;
        font-size:1em;
        vertical-align:central;
    
    }
    /*
    #res-menu ul li{
        color:#fff;
        background:#ccc;
    }*/
    #res-menu ul li:hover{
        background-color:#4d4d4d;
        color:#000;
        z-index:999;
       
    }
	
	
	
	

   

    
