html, body
{
    font-family: 'Open Sans', sans-serif;
    background-color: #eee;
    margin:0;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

#mainwrapper 
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    overflow-y:scroll;
}

#mainwrapper header#pageheader 
{
    position:fixed;
    left:0;
    top:0;
    right:0;
    display:inline-block;
	height:80px;
    line-height:80px;
    background-color:#052742;
    width:100%;
}

img#logo 
{
    position: relative;
    display:inline;
	float:left;
}

nav.navmenu
{
    display:inline-block;
    vertical-align:top;
    float:right;
}

ul.mainmenu
{
    position:relative;
    display:inline-block;
    margin:0;
    padding:0;
    height:100%;
}

ul.mainmenu li
{ 
    padding:0;
    display:inline-block;
    height:100%;
    position:relative;	
}

ul.mainmenu li a 
{
    display:inline-block;
	color:#fff;
    text-decoration:none;
    padding:0 20px 0 20px;    	
    transition:.2s ease-in-out;
}

ul.mainmenu li a:hover
{
    background-color:#db9600;
}

#menuSearch:before
{
    content: '\f002';
    font-family:FontAwesome;
    font-size:20px;
}

#menuConfig:before
{
    content: '\f0c9';
    font-family:FontAwesome;
    font-size:20px;
}

footer#pagefooter 
{
    display:block;
    height:80px;
    background-color:#2f2f2f;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    font-size:13px;
    text-align: center;
    width:100%;
    line-height:80px;
}

footer#pagefooter>div#ftsite>div
{
    line-height:100%;
}

footer#pagefooter>div#ftsite>div>a
{
    text-decoration:underline;
    color:#fff;
    
}

#mainwrapper
{
    display:inline-block;
    width:100%;
    background-color:#fff;  
    padding:0;  	
    text-align: center;    
    margin: 80px 0 0 0;
}

#contentwrapper
{
    text-align:center;
}

#offerswrapper
{
    display:block;
    text-align:center;
}

#offerslist
{
    width:100%;
    margin:auto;
}

.offeritem
{
    width:380px;
    margin-bottom:20px;
    background:white;
    text-align:left;
    height: 280px;
    border:1px solid #eee;
    box-shadow: 0px 7px 19px 0px rgba(119, 119, 119, 0.4);
    -moz-box-shadow: 0px 7px 19px 0px rgba(119, 119, 119, 0.4);
    -webkit-box-shadow: 0px 7px 19px 0px rgba(119, 119, 119, 0.4);
    overflow:hidden;
}

.offeritem>div
{
    padding:20px;
    position:relative;
    height:240px
}

.offeritem>div>header
{
    display:inline-block;
    height:100px;
    width:100%;
}

.offeritem>div>header>h3
{
    margin:0;
    font-family: 'Titillium Bold';
    font-size:18px;
    font-weight:bold;

}

.offeritem>div>header>small
{
    font-family: 'Titillium Regular';
    font-size:14px;
    font-weight:normal;
    display:inline-block;
    margin:0;
    color:rgb(5,39,66);
}

.offeritem>div>header>small:first-child
{
    float:left;
}

.offeritem>div>header>small:last-child
{
    float:right;
    position:relative;
}

.offeritem>div>header>small:last-child:before
{
    content: '\f041';
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    left:-15px;
    top:1px;
}
  

.offeritem>div>hr
{
    border:none;
    display:inline-block;
    margin-left:-10px;
    width:370px;
    height:4px;
    background-image: url('/Content/images/separator-bg.png');
    margin-bottom:25px;
}

.offeritem>div>a
{
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    display:block;
    height:40px;
    line-height:40px;
    background-color:#db9600;
    color:#fff;
    text-align:center;    
    font-size:12px;
    cursor:pointer;
}

.offeritem>div>a:before
{
    content:'LER MAIS';
    font-size:16px;
    font-weight:bold;
    font-family: 'Titillium Bold';
}

.offeritem>div>a:after
{
    content: '\f105';
    font-family:FontAwesome;
    font-size:20px;
    float:right;
    margin-right:10px;
}

.ofind
{
    border:1px solid black;
    width: 100px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;    
    padding:0;
    margin:0;
    font-family: 'Titillium Regular';
    font-size:14px;
    font-weight:lighter;
    -webkit-box-shadow: 0px 0px 30px -10px rgba(117,117,117,1);
    -moz-box-shadow: 0px 0px 30px -10px rgba(117,117,117,1);
    box-shadow: 0px 0px 30px -10px rgba(117,117,117,1);
    
}

.ofindt1
{
    border-color:#052742;
    background-color: #052742;
    color: #052742;
}

.ofindt2
{
    border-color:#db9600;
    background-color: #db9600;
    color: #db9600;
}

.ofindon
{
    color:#fff;
}

.ofindoff
{
    background-color:#fff;
}

.ofindcnt
{
    margin-left:auto;
    margin-right:auto;
}

.ofindlft
{
    float:left;
}

.ofindrgt
{
    float:right;
}

#subnav 
{
    margin:10px auto;
    display:block;
    overflow:hidden;
    text-align: left;
    vertical-align: top;
    height:0;
    position:relative;
    padding:0!important;
    font-size:0;
}

#subnav>select, #subnav>input[type="text"]
{
    height:40px;
    border-top: 1px solid #b5c9db;
    border-left:1px solid #b5c9db;
    border-bottom:1px solid #b5c9db;
    border-right:none;
    display:inline-block;
    font-size:11px;
    font-family: 'Proxima Nova Lt', sans-serif;
    font-weight:normal;
    color:rgb(5,39,66);
    margin:0!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    width:25%;
}

#subnav>select
{
    padding: 0 0 0 10px;
}

#subnav>select>option
{
    color:rgb(5,39,66);
}

#subnav>select>option:first-child
{
    color:rgb(182, 202,218)!important;
}

#subnav>select.firstselected
{
    color:rgb(182, 202,218)!important;
}

#subnav>input[type="text"]
{
    padding: 0 65px 0 15px;
    width:25%;
    border-right:1px solid #b5c9db;
}

#subnav>input[type="text"]::placeholder
{
    color:rgb(182, 202,218)!important;  
}

#subnav>a
{
    position:absolute;
    right:5px;
    top:5px;
    bottom:5px;
    height:30px;
    width:30px;
    background:#b5c9db;
    color:#fff;
    text-decoration:none;
    text-align:center;
    line-height:30px;
}

#subnav>a:before
{
    content: '\f002';
    font-family:FontAwesome;
    font-size:16px;
}

#listinfo
{
    font-family:'Proxima Nova Lt';
    font-weight:400;
    display:inline-block;
    text-align:left;
    font-size:12px;
    color:rgb(168, 170, 183);
    padding: 10px 0 0 0;
}

#progress 
{
    position:fixed;
    display:block;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-image:url(/content/images/modal.png);	
    z-index:999999999;
    width:100%;
    height:100%;	
    text-align:center;
}

#progress:before 
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;	
}

#progress span 
{
    color:#fff;
    vertical-align:middle;
}

#offermodal
{
    position:fixed;
    display:none;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-image:url(/content/images/modal.png);	
    z-index:999999999;
    width:100%;
    height:100%;	
    text-align:center;
}

#offermodal:before 
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;	
}

#offerdetails
{
    display:inline-block;
    width:700px;
    height:500px;
    background-color:#fff;
    vertical-align:middle;
    overflow:hidden;
}

#offerdetails>article
{
    display:inline-block;
    width:700px;
    height:500px;
    position:relative;        
    text-align:left;
}

#offerdetails>article>section
{
    display:inline-block;
    position:absolute;        
    left:30px;
    right:45px;
    top:30px;
    bottom:70px;
    overflow-y:auto;
}

.det-head>div:first-child>h3
{
    margin: 0;
    font-family: 'Titillium Bold';
    font-size: 18px;
    font-weight: bold;
    display:inline;
}

.det-head>div:first-child>small
{
    float: right;
    position: relative;
    margin-top:5px;
    color: rgb(5,39,66);
}

.det-head>div:first-child>small:before
{
    color: rgb(5,39,66);
    content: '\f041';
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    left: -15px;
    top: 1px;
}

.det-head>div:last-child
{
    text-align:right;
    margin:10px 0 20px 0;
}

.det-head>div:last-child>small
{
    float:left;
    color: rgb(5,39,66);
    line-height:30px;
}

.det-head>div:last-child>span
{
    display:inline-block;
}

#det-content
{
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight:normal;
    color: rgb(5,39,66);
}

#offerdetails>article>nav
{
    display:inline-block;
    position:absolute;        
    left:20px;
    right:20px;
    bottom:20px;
    height:50px;  
}

#offerdetails>article>nav>a
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 40px;
    line-height: 40px;
    background-color: #db9600;
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    text-decoration:none;
}

#offerdetails>article>nav>a:before
{
    content:'CANDIDATAR';
    font-size:16px;
    font-weight:bold;
    font-family: 'Titillium Bold';
}

#offerdetails>article>nav>a:after
{
    content: '\f105';
    font-family:FontAwesome;
    font-size:20px;
    float:right;
    margin-right:10px;    
}

#offdetmodalclose
{
    position:absolute!important;
    width:20px!important;
    height:20px!important;
    top:10px!important;
    right:16px!important;
    left:auto!important;
}

#polmodalclose, #termodalclose
{
    position:absolute!important;
    width:20px!important;
    height:20px!important;
    top:10px!important;
    right:12px!important;
    left:auto!important;
}

#offdetmodalclose:before, #polmodalclose:before, #termodalclose:before
{
    content: '\f057';
    font-family:FontAwesome;
    font-size:22px;
    color: rgb(5,39,66);
    cursor:pointer;    
}

#policymodal, #termsmodal
{
    position:fixed;
    display:none;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-image:url(/content/images/modal.png);	
    z-index:999999999;
    width:100%;
    height:100%;	
    text-align:center;  
}

#policymodal:before, #termsmodal:before
{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;	
}

#policytext, #termstext
{
    display:inline-block;
    width:700px;
    height:500px;
    background-color:#fff;
    vertical-align:middle;
    overflow:hidden;
    font-size:12px;
    font-weight:normal;
    font-family: 'Open Sans';
    position:relative;
}

#policytext>div, #termstext>div
{
    position: absolute;
    top:40px;
    left:20px;
    right:15px;
    bottom:20px;
    text-align:justify;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#policytext>div>div, #termstext>div>div
{
    display:block;
}

.modaltext>h2
{
    font-size:14px;
    font-weight:bold;
    font-family: 'Titillium Bold';
    margin:0;
}

.modaltextblock>h2
{
    font-size:16px;
    font-weight:bold;
    font-family: 'Titillium Bold';
    margin:10px 10px 10px 20px;
    padding:0;
    text-align:center;    
}

#subnavmodal
{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color:#fff;   
    z-index:999999999; 
    overflow:hidden;
    text-align:center;
}

#subnavmodal>h2
{
    display:block;
    height:10vh;
    margin:0 0 5vh 0;
    padding:0;
    text-align:center;    
    background-color:#052742; 
    font-family: 'Proxima Nova Lt', sans-serif;
    line-height:10vh;
    font-size:3.5vh;
    color:#fff;
    position:relative;
}

#subnavmodal>select, #subnavmodal>input[type="text"], #subnavmodal>a
{
    width:75vw;
    display:inline-block!important;
    border: 1px solid #b5c9db!important;
    display: inline-block;
    font-size:2.5vh;
    font-family: 'Proxima Nova Lt', sans-serif;
    font-weight: normal;
    color: rgb(5,39,66);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height:10vh;
    line-height:10vh;
    margin: 3vh auto;
}

#subnavmodal>select.firstselected
{
    color: rgb(182, 202,218)!important;
}

#subnavmodal>input[type="text"]
{
    color: #000;
    padding-left:1vw;
}

#subnavmodal>input[type="text"]::placeholder
{
    color:rgb(182, 202,218)!important;  
}

#subnavmodal>a
{
    background-color: #b5c9db;
    color: #fff;
    text-decoration:none;
}

#subnavmodal>a:before
{
    content: 'PESQUISAR';
}


#subnavmodal>a:after
{
    content: '\f105';
    font-family: FontAwesome;
    font-size: 4vh;
    float: right;
    margin-right: 1vw;
}

#navmodalclose
{
    position:absolute;
    width:3vw;
    height:3vh;
    top:0.2vh;
    right:6vw;
}

#navmodalclose:before
{
    content: '\f057';
    font-family:FontAwesome;
    font-size:4vh;
    color: #fff;
    cursor:pointer;    
}

#pager
{
    margin:10px 0 30px 0;
    font-size:0;
}

#pager>button
{
    font-family: 'Titillium Bold';
    font-size: 16px;
    font-weight: bold;
    height:40px;
    line-height:40px;
    border:none;
    color:#fff;
    background-color:#052742;
    margin:0;
    padding:0;
    width:40px;
    border-left: 1px solid #343952;
    cursor:pointer;
}

#pager>button:first-child
{
    border:none;
}

#pager>button:first-child, #pager>button:last-child
{
    background-color:#db9600!important;
    min-width:100px;
}

#pager>button.selected-page
{
    color:#db9600;
}

#pagefooter>div
{
    display:inline-block;
    line-height:80px;
}

#pagefooter>div:first-child>a, #pagefooter>div:last-child>a
{
    color:#fff;
    text-decoration:underline;
}

#pagefooter>div:first-child
{
    float:left;
    padding-left:50px;
}

#pagefooter>div:last-child
{
    float:right;
    padding-right:50px;
}

@media (min-width: 1281px) 
{
    #contentwrapper
    {
        padding:0 100px 0 100px;
    }
    
    #subnav 
    {
        padding:0 100px 0 100px;
    }
    
    img#logo 
    {
        margin:10px 20px 0 100px;
    }

    nav.navmenu
    {
        margin:0 100px 0 0;
    }      
    
    #offerswrapper
    {
        margin:20px 0 0 0;
    }
    
    img#logo 
    {
        background-image:url(/Content/images/logo.png);
        background-repeat:no-repeat;
        display:inline-block;
        width: 251px;
    }    
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) 
{
    #contentwrapper
    {
        padding:0 100px 0 100px;
    }  
    
    #subnav 
    {
        padding:0 100px 0 100px;
    }
        
    img#logo 
    {
        margin:10px 20px 0 100px;
    }

    nav.navmenu
    {
        margin:0 100px 0 0;
    }  
    
    #offerswrapper
    {
        margin:20px 0 0 0;
    }        
    
    img#logo 
    {
        background-image:url(/Content/images/logo.png);
        background-repeat:no-repeat;
        display:inline-block;
        width: 251px;
    }       
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) 
{
    #contentwrapper
    {
        padding:0 50px 0 50px;
    }
    
    #subnav 
    {
        padding:0 50px 0 50px;
    }    
    
    img#logo 
    {
        margin:10px 20px 0 50px;
    }

    nav.navmenu
    {
        margin:0 50px 0 0;
    }  
    
    #offerswrapper
    {
        margin:20px 0 0 0;
    }    
    
    img#logo 
    {
        background-image:url(/Content/images/logo.png);
        background-repeat:no-repeat;
        display:inline-block;
        width: 251px;
    }       
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) 
{
    #contentwrapper
    {
        padding:0 50px 0 50px;
    }

    #subnav 
    {
        padding:0 50px 0 50px;
    }    

    img#logo 
    {
        margin:10px 20px 0 50px;
    }

    nav.navmenu
    {
        margin:0 50px 0 0;
    }        
    
    #offerswrapper
    {
        margin:20px 0 0 0;
    }    
    
    img#logo 
    {
        background-image:url(/Content/images/logo.png);
        background-repeat:no-repeat;
        display:inline-block;
        width: 251px;
    }   
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) 
{
    #contentwrapper
    {
        padding:0 10px 0 10px;
    }
    
    #subnav 
    {
        padding:0 10px 0 10px;
    }        
   
    img#logo 
    {
        margin:10px 20px 0 10px;
    }

    nav.navmenu
    {
        margin:0 10px 0 0;
    }        
    
    #offerswrapper
    {
        margin:10px 0 0 0;
    }

    img#logo 
    {
        background-image:url(/Content/images/logo-short.png);
        background-repeat:no-repeat;
        display:inline-block;
        width: 135px;
    }   
    
    .offeritem
    {
        width:100%!important;
        height: auto!important;
    }

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 120px) and (max-width: 480px) 
{
    #contentwrapper
    {
        padding:0 10px 0 10px;
    }  
 
    #subnav 
    {
        padding:0 10px 0 10px;
    }    
    
    img#logo 
    {
        margin:10px 20px 0 10px;
    }

    nav.navmenu
    {
        margin:0 10px 0 0;
    }  
    
    #offerswrapper
    {
        margin:10px 0 0 0;
    }
    
    img#logo 
    {
        background-image:url(/Content/images/logo-short.png);
        background-repeat:no-repeat;
        display:inline-block;
        width: 135px;
    }   
    
    .offeritem
    {
        width:100%!important;
        height: auto!important;
    }
    
    #pager>button:first-child, #pager>button:last-child {
        min-width: 50px!important;
    }
    
    #pager>button 
    {
        font-family: 'Titillium Bold';
        font-size: 12px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        border: none;
        color: #fff;
        background-color: #052742;
        margin: 0;
        padding: 0;
        width: 30px;
        border-left: 1px solid #343952;
    }
    
    .ofind 
    {
        width:80px!important;
    }
}

@media (max-width: 700px)
{
    #offerdetails, #offerdetails>article, #termsmodal, #termsmodal>article, #policymodal, #policymodal>article
    {
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }
    
    .det-head>div:first-child>small
    {
        margin-left: 15px;
        float:none;
        line-height:30px;
        height:30px;
        display:block;
    }
    
    .det-head>div:first-child>h3
    {
        display:block;
    }
    
    .det-head>div:last-child
    {
        text-align:center;
    }
    
    .det-head>div:last-child>small
    {
        float:none;
        display:block;
        text-align:left;
        margin:0 0 10px 0;
    }
    
    #ftsite
    {
        display:none!important;
    }
}