/* ==========================================
TAGS HTML / CLASSES CSS
========================================== */

@import url('https://fonts.googleapis.com/css?family=Oxygen');

html, body{
   height:100%;
   font-family:Oxygen, Helvetive, Arial, sans-serif;
   color:#222222;
   font-size:14px;
}

body.background{
   background-image:url(../img/home/body_bg.jpg);
   background-repeat:no-repeat;
   background-position:center top;
}

a.readmore{
   padding-left: 20px;
   background-image: url(../img/home/readmore.png);
   background-repeat: no-repeat;
   background-position: left center;
   color:#e2a226;
}

a.readmore:hover{
   color:#025098;
}

/* ==========================================
GERAL
========================================== */


#flashMessage{
   display:none;
}

/* ==========================================
HEADER
========================================== */

#header{
   position:relative;
   height:450px;   
}

#header h1{
   position:absolute;
   top:15px;
   width:463px;
   height:212px;
   margin:0;
   padding:0;
}


#header h1 a{
   display:block;
   width:100%;
   height:100%;
   text-indent:-99999px;
   background-image:url(../img/home/mees.png);
   background-repeat:no-repeat;
}

/* ==========================================
MENU
========================================== */

#menu{
   width:100%;
   position:absolute;
   top:248px;
   left:0;
   margin:0 auto;
   white-space:nowrap;
   text-align:center;
   font-size: 16px;
}

#menu ul{
   display:block;
   margin:0 auto;
   padding:0;
   list-style:none;
   white-space:nowrap;
}

#menu ul li{
   display:inline-block;
}

#menu ul li a{
   display:block;
   padding:17px 10px 0 10px;
   height:34px;
   color:#025098;
   text-decoration:none;
}

#menu ul li a:hover{
   color:#da920f;
   background-image:url(../img/comum/menu_hover.png);
   background-repeat:no-repeat;
   background-position:center top;
}

/* ==========================================
CONTENT
========================================== */

#content{
   min-height:400px;
   padding-bottom:20px;
   color:#025098;
   font-size:18px;
}

#content .pagination{
   font-size: 12px;
}

#content .pagination span{
   padding: 3px;
}

#content a{
   text-decoration: none;
}

#content p{
   margin: 0 0 12px 0;
   text-align:justify;
}

#content h1{
   color:#01325f;
   font-size: 28px;
   font-weight: bold;
   letter-spacing: -1px;
}

#content h2{
   color:#01325f;
   font-size: 26px;
   font-weight: bold;
   letter-spacing: -1px;
}

#content h3{
   color:#025098;
   font-size: 22px;
   font-weight: bold;
   letter-spacing: -1px;
}

#content h4{
   color:#01325f;
   font-size: 20px;
}

#content h5{
   color:#01325f;
   font-size: 18px;
}

#content h6{
   color:#01325f;
   font-size: 16px;
}

#content .botao{
   font-size: 12px;
}

#content .botao-voltar{
   margin: 20px 0;
}

/* ==========================================
RODAPE
========================================== */

#rodape{
   border-top:1px solid #1b8e45;
   position:relative;
   height:80px;
}

#rodape-apoio{
   position:absolute;
   top:20px;
   left:570px;
   margin:0;
   padding:0;
   list-style:none;
   display:inline;
}

#rodape-apoio li{
   float:left;
}

#rodape-apoio a{
   display:block;
   float:left;
   height:41px;
   text-indent:-9999px;
   background-repeat:no-repeat;
}

#rodape-apoio-cnpq{
   width:101px;
   background-image:url('../img/comum/cnpq.png');
}

#rodape-apoio-brasil{
   width:101px;
   background-image:url('../img/comum/brasil.png');
}

#rodape-apoio-capes{
   width:63px;
   background-image:url('../img/comum/capes.png');
}

#rodape-apoio-inep{
   width:102px;
   background-image:url('../img/comum/inep.png');
}

#rodape-sobre{
   position:absolute;
   top:22px;
   left:30px;
   color:#6d6f6f;
}

#rodape-sobre a{
   color:#6d6f6f;
}

/* ==========================================
EQUIPE DIGITAL
========================================== */

#equipe-digital{
   width:100%;
   height:43px;
   background-image:url(../img/home/equipedigital_bg.png);
   background-repeat:repeat-x;
}

#equipe-digital div{
   position:relative;
}

#equipe-digital div a{
   position:absolute;
   top:8px;
   right:0;
   display:block;
   width:131px;
   height:29px;
   background-image:url(../img/comum/equipedigital.png);
   background-repeat:no-repeat;
   text-indent:-99999px;
}


/* ==========================================
SITE/VIEWS/SITE/INDEX.CTP
========================================== */

#site-index-apoio{
   min-height:574px;
   background-image:url(../img/home/apoio_bg.png);
   background-repeat:no-repeat;
   background-position:center center;
}

#site-index-apoio h3{
   margin:20px 0 0 30px;
   width:97px;
   height:35px;
   background-image:url(../img/home/apoio.png);
   background-repeat:no-repeat;
   text-indent:-99999px;
}

#site-index-apoio ul{
   list-style:none;
   width:200px;
   margin:0 30px;
   padding:0;
}

#site-index-apoio ul li{
   margin-bottom: 15px;
}

#site-index-apoio ul li a{
   display: block;
   width:100%;   
   text-indent: -99999px;
   background-repeat: no-repeat;
   background-position: center top;
}

#site-index-apoio ul li.apoio-capes a{
   background-image: url(../img/home/apoio_capes.png);
   height: 88px;
}

#site-index-apoio ul li.apoio-ufsc a{
   background-image: url(../img/home/apoio_ufsc.png);
   height: 107px;
}

#site-index-apoio ul li.apoio-ufsm a{
   background-image: url(../img/home/apoio_ufsm.png);
   height: 113px;
}

#site-index-apoio ul li.apoio-pucpr a{
   background-image: url(../img/home/apoio_pucpr.png);
   height: 125px;
}

#site-index-bem-vindo{

}

#site-index-bem-vindo h3{
   margin:0 0 30px 310px;
   width:359px;
   height:84px;
   background-image:url(../img/home/seja_bem_vindo.png);
   background-repeat:no-repeat;
   text-indent:-99999px;
}

/* ==========================================
SITE/VIEWS/SITE/NOTIICAS.CTP
========================================== */
#site-noticias .data{
   color: #aaa;
   font-size: 80%;
}