/*
 * CSS com estilo específico do tema
 *
 * @Autores
 *
 * - Danilo Sartorelli Barbato
 * - Djeison Possamai 
 * - Fernando Henrique Zancopé
 * - Thiago Garcia Tamosauskas
 *
 * @Referencias
 *
 * Lista de padrões, convenções e boas praticas CSS que devem ser seguidas.
 * https: //github.com/necolas/idiomatic-css/tree/master/translations/pt-BR
 *
 * Plugins para ordenar os atributos de CSS.
 * http://csscomb.com/
 *
 * Validador de CSS do W3C.
 * http://jigsaw.w3.org/css-validator/
 * 
 *
 * CORES PADRÃO VESTIBULAR IPA
 *
 * Dourado        - #dc9600
 * Azul Escuro    - #1c3759
 * Azul Claro     - #7287a2
 * Menu           - #545e65
 * Bege claro  - #fcf8ed
 */

/* ==========================================================================
   Geral
   ========================================================================== */

/*   topo   */
   .m-accessibilidade
    {
        display: none;
}
.hiddenStructure
{
    display: none;
}
#btnav
{
    font-size: .8em;
    position: absolute;
    z-index: 9999999999999;
    top: 55px;
    width: 100%;
} 

div#logo {
    margin-top: 10px;
    width: 60%;
    max-width: 300px;
}

div#logo a img {
    width: 100%;
}

header#main-header
{
    height: 55px;
}

header#main-header {
    height: auto;

}


/*Menu*/


#main-navigation li a
{
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
#main-navigation li a:hover
{
    color:#fff;
    background:#aa994f;
}

/*Faixa Home*/

#faixahome
{
    display: none;
}

/* Título de notícias */
h1.documentFirstHeading
{
    font-size: 1.7em;
    line-height: 1.8em;

    color: #073772 ;
}
/* Conteúdos gerais */
#content a:hover,
dl.portlet a:hover
{
    text-decoration: underline !important;

    color: inherit !important;
}
.portletContent a:hover
{
    text-decoration: underline;
}
#content a:hover
{
    text-decoration: underline;
}

/* BOX SERVIÇOS*/
.servicos
{
    color: #fff;
    background: #e5a309;
    margin-top: 30px;
}
.servicos .wrapper {
    max-width: 1170px;
    margin: 0 auto;
}

.servicos .wrapper h2{
    color: #fff;
    text-align: center;
    padding: 30px 0 10px;
        letter-spacing: normal;
}

.servicos ul
{

}

.servicos li {
    font-size: .9em;
    float: left;
    width: 100%;
    margin-bottom: 10px;
     padding: 15px 0;
     display: table-cell;
    font-weight: 600;
    text-align: center;
    border: 1px solid #fff;
 }

.servicos li:hover
{
    background: #fff;
    color:#dc9600;
}

.servicos span
{
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    padding: 20px;
}

.servicos a
{
    color: #fff   !important;
    border: none !important;
}

ul.servicos-opicoes li:hover > a {
    color: #dc9600 !important;
}
.servicos ul
{
    list-style-type: none;
}

/* ==========================================================================
   Notícia
   ========================================================================== */
/* Título de notícias */
h1.documentFirstHeading
{
    font-size: 1.7em;
    line-height: 1.4em;

    color: #404040;
}
/* Imagem e Legenda */
figure.newsImageContainer
{
    position: relative;

    float: left;

    margin: 0 10px 10px 0;
}
.newsImageContainer figcaption
{
    font-size: .8em;
    font-weight: bold;

    position: absolute;
    bottom: 0;

    width: 100%;
    min-height: 19px;
    padding: 5px;

    background-color: rgba(255, 255, 255, .7);
}
#content .newsImageContainer a
{
    color: #000;
}
#content .newsImageContainer a:hover
{
    color: #333 !important;
}
/* Conteúdo */
div#content-core
{
    margin-bottom: 40px;

    color: #414141;
}
div#plone-document-byline
{
    margin-bottom: 20px;
}
/* ==========================================================================
   Cabeçalho do Portal
   ========================================================================== */
div#logo
{
    /*margin-left: -4px;*/
}

#main-navigation li a
{
    color: #fff;
}
#main-navigation li:hover
{
    width: 100% !important;
    background: #aa994f;
    color:#fff;
}
ul.actionMenu
{
    display: none;
}

/* Menu global */

#navigation
{
    display: inline;

    margin: 0;

    list-style: none;

    text-align: left;
}

#navigation ul li
{
    position: relative;

    display: inline-block;

    cursor: pointer;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}
#navigation li.item-nav
{
    position: relative;

    color: #fff;
}
#navigation li.item-nav ul
{
    display: none;
    visibility: hidden;

    padding: 0;
}
#navigation li.item-nav ul li
{
    display: block;
    float: none;

    padding: 3px 10px;

    border-right: none;
}

#navigation li.item-nav span
{
    font-size: 1.2em;
    font-weight: bold;
}

div:hover#btnav ul#navigation
{
    position: relative;
    top: 25px !important;
    display: block;
    margin-left: 0;
    padding-top:0;
    padding-left: 0;
	background: rgba(28, 55, 89, 0.9);
}

#navigation li.item-nav ul
{
    display: none !important;
}

#navigation li:hover ul
{
    display: block !important;
    visibility: visible;
	background: rgba(28, 55, 89, 0.9);
}

#navigation li.item-nav ul li a:hover
{
    color: #fff!important;
}


.plain.sublink
{
    display: none;
}


/* ==========================================================================
   Estilos do page template de error 404
   ========================================================================== */

/* ==========================================================================
   Rodape do Portal
   ========================================================================== */
footer .footerSiteMap
{
    padding-bottom: 15px;
    color: #fff;
    background-color: #303249;
}

footer {
    text-align: center;
}
footer img.image-left {
    float: none;
}

#colophon footer p {
    font-size: 0.9em;
    width: 100%;
    /* position: relative; */
    float: none;
    /* margin-top: 52px; */
    letter-spacing: 1px;
    display: block !important;
}
/* Ajustes Grid */

.capa-vestibular .column.col-md-12,
.capa-vestibular .column.col-md-16
{
    margin-right: -15px;
    margin-left: -15px;
    padding: 0;
}
/* ==========================================================================
   Tiles
   ========================================================================== */

/* Tiles Geral */

.tile
{
    margin-bottom: 15px !important;
}

.tile.capa-vestibular
{
    margin-bottom: 0 !important;
}

.tile img.left
{
    width: 100%;
    height: auto;
}

/* Tile Basic */

#content .cover-basic-tile.tile-content h3 a
{
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 11pt;

    color: #404040;
}

.pg-candidato{
	    max-width: 1170px;
    float: none !important;
    margin: 0 auto !important;
}
.pg-candidato div{
	margin:20px 0;
}

#content .cover-basic-tile.tile-content > p
{
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 14pt;

    color: #404040;
}

#content .cover-basic-tile h3
{
    clear: left;
}


#content .cover-basic-tile.tile-content
{
    border: none !important;
}

#content .cover-basic-tile.tile-content > p
{
    font-size: 1em !important;
}

#content .cover-basic-tile.tile-content
{
    border: none;
}

/*Tile Basico*/

div.position-0
{
    margin-top: 0;
}

.cover-richtext-tile h4
{
    font-size: 1.7em;
    font-weight: bold;

    margin-top: 40px;

    color: #073772;
}

.cover-richtext-tile h4 a
{
    color: #073772 !important;
}



.cover-richtext-tile a.destaqueblue
{
    position: relative;

    float: left;

    margin-right: 20px;
    margin-bottom: 20px;

    cursor: pointer;

    box-shadow: rgba(0,0,0,.2) 3px 5px 5px;

    -webkit-shadow: rgba(0,0,0,.2) 3px 5px 5px;
       -moz-shadow: rgba(0,0,0,.2) 3px 5px 5px;
}

.cover-richtext-tile a.destaqueblue:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    -webkit-transition: all .3s linear;
       -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
         -o-transition: all .3s linear;
            transition: all .3s linear;

    background: rgba(33,78,111, .5);
}

.cover-richtext-tile a.destaqueblue:hover:before
{
    background: transparent;
}

.cover-richtext-tile a.destaque img.image-inline
{
    width: 100% !important;
}

div.cell
{
    padding-bottom: 40px;
}

img.inscri:hover
{
    box-shadow: 0 0 4px 1px yellow;
}


#content .cover-richtext-tile a:link,
#content .cover-richtext-tile a:visited
{
    color: #000;
    border-bottom: 0;
}

/*Conteudo*/

#content h1.documentFirstHeading
{
    font-size: 2.1em;

    width: 98%;

    text-transform: uppercase;

    color: #083671;
}

.portaltype-document hr
{
    margin: 22px 0;
}

.portaltype-document #content h4
{
    font-size: 2em;

    width: 98%;

    text-transform: uppercase;

    color: #083671;
}

/*Colophon*/
#colophon #formulario,
#colophon p,
#colophon h2
{
    display: none !important;
}

#colophon
{
    /*text-align: center;*/
    color: #303249;
    background: #fff;
}

div#areacolophon {
    width: 95%;
    max-width: 1170px;
    margin: 0 auto;
	padding-bottom: 50px;
}

#colophon h1,
#colophon h2,
#colophon a
{
    color: #03263a !important;
	letter-spacing: normal;
}

#colophon h2
{
	text-align:center;
    padding-top: 50px;
}

#colophon h3
{
    padding-top: 50px; padding-bottom: 40px;
}

#colophon #formulario,
#colophon #informacoes
{
    display: block;
}

#colophon #formulario #fg-base-edit textarea,
#colophon #formulario #fg-base-edit select,
#colophon #formulario #fg-base-edit input
{
    width:97.5%;
    padding: 6px;
    color: #303249;
    border: 2px solid #303249;
    border-radius: 0;
    background-color: transparent;
}

#colophon #formulario
{
    padding-top: 50px;
    padding-left: 30px;
}

#colophon #formulario  button,
html input[type='button'],
#colophon #formulario input[type='reset'],
#colophon #formulario input[type='submit']
{
    width: 200px !important;
    margin-right: 28px;
    margin-right: 30px;
}

#colophon #formulario div.formControls
{
    margin: 1em 0;
    text-align: right;
}

#colophon #informacoes
{
    font-size: 1.3em;
}

#colophon #informacoes ul
{
    color: #fff;
}

#colophon #informacoes ul li
{
    display: list-item;
}

#colophon #informacoes ul li a
{
    padding-left: 10px;
}

#informacoes li::before
{
    font-size: 1.6em;
}

#colophon h3
{
    font-size: 1em;

    position: relative;

    padding-top: 40px;

    text-align: center;

    color: #303249;
}


#colophon #informacoes i.fa
{
    width: 20px !important;

    text-align: center !important;
}

#informacoes h3 span {
    font-size: 2.3em;
}

.atendimento
{
	padding:20px 15px;
    margin-top: 20px !important;
    text-align: center;
    border: 1px solid #fff;
    background: #03263a;
	color: #fff;
}

.fa.fa-phone
{
    margin-left: -15px;
}
.endereco
{
    font-size: .7em;
    position: relative;
}

.atendimento > span
{
    font-size: .8em;
}
.telefone
{
	font-size: 1.2em;
    font-weight: bold;
    position: relative;
    margin: 11px 0;
}

/*Footer*/

footer
{
    overflow: hidden;
    /*height: 70px;
    text-align: right;*/
    color: #fff;
    background: #03263a;
}

footer img.image-left
{
    /*width: 120px;
    padding-left: 4%;*/
	float:none;
    border: 0;
    margin: 15px 0;
}

footer p
{
    /*font-size: .8em;
	padding-top: 70px;
    padding-right: 4%;*/
    color: #fff;
}


#colophon footer p:after{
	clear:both;
}
/*   1º box*  */
.titulo-vestibular
{
    width: 100%;
    padding: 0;
    text-align: center;
	background: url('http://ipametodista.edu.br/++theme++vestibular-ipa-v6/imagens/banner-home.jpg')center 0;
    background-size: auto 100%;
    text-transform: uppercase;
}

.titulo-vestibular h3
{
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 25px;
    padding-top: 18px;
    color: #e5a812;
	line-height: 1;
}
.titulo-vestibular h3 span {
    font-size: 0.9em;
    line-height: 37px;
    font-weight: 400 !important;
    color: #fff;
}
.tile-edge

{
    border: none !important;
}
/* BOTÃO INSCREVA-SE */

#content a.tnAgende .agendelink {
    background: #e5a100;
    padding: 10px;
    float: left;
    color: #FFF !important;
    font-size: 1.3em;
    font-weight: bold;
}
#content a.tnAgende {
    display: inline-block;
}
#content a.tnAgende .agendeicone {
    background: #a87909;
    padding: 10px;
    float: left;
    color: #FFF !important;
    font-size: 1.3em;
    font-weight: bold;
}

#content a.tnAgende:hover .agendeicone {
    background: #725208;
}
#content a.tnAgende:hover .agendelink {
    background: #a87909;
}


.butn
{/*
    font-size: 20px;

    padding: 10px 20px 10px 20px;

    text-decoration: none !important;

    color: #fff !important;
    background-image: -webkit-linear-gradient(top, #d93434, #6b0505);
    background-image:    -moz-linear-gradient(top, #d93434, #6b0505);
    background-image:     -ms-linear-gradient(top, #d93434, #6b0505);
    background-image:      -o-linear-gradient(top, #d93434, #6b0505);
    background-image:         linear-gradient(to bottom, #d93434, #6b0505);*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc9600+49,dc9600+49,f0af25+50 */
font-size:24px;
color:#FFF !important;
line-height: 20px;
font-family:Helvetica, Arial, sans-serif !important;
font-weight:600;
    border: none;
    border-radius: 0 !important;
    padding: 5px 30px;

background: #dc9600; /* Old browsers */
background: -moz-linear-gradient(top,  #f0af25 49%, #f0af25 49%, #dc9600 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0af25 49%,#f0af25 49%,#dc9600 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0af25 49%,#f0af25 49%,#dc9600 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0af25', endColorstr='#dc9600',GradientType=0 ); /* IE6-9 */

}

#content a.butn:hover
{
    text-decoration: none !important;
    color: #fff !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc9600+49,dc9600+49,f0af25+50 */
background: #dc9600; /* Old browsers */
background: -moz-linear-gradient(top,  #dc9600 49%, #dc9600 49%, #f0af25 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dc9600 49%,#dc9600 49%,#f0af25 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dc9600 49%,#dc9600 49%,#f0af25 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc9600', endColorstr='#f0af25',GradientType=0 ); /* IE6-9 */

}

/*  Box Diferencial*/

.bg_difer_amarelo{
	background:#03263a;
	/*background:#aa994f;	 */
}
.diferencial
{
    position: relative;
    top: 1px;
    width: 100%;
    border-bottom-style: solid 13px 22.5px 0 22.5px transparent transparent transparent;
    /*background: #073772;*/
	max-width: 1170px;
    margin: 0 auto;
}

.deferencial-item i{
	 font-size: 55px;
      padding: 20px 18px 11px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 4px solid #fff;
    color: #fff;
    text-align: center;
    /*display: table-cell;*/
    vertical-align: middle;
    width: 65px;
    height: 65px;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	margin-bottom:15px;
}

.diferencial h2
{
    letter-spacing: normal;
    font-size: 2.05em;
    padding: 30px 0;
    text-align: center;
    color: #fff;
}

.triangulo
{
    position: relative;
    top:27px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-width: 13px 22.5px 0 22.5px;
    border-style: solid;
    border-color: #03263a transparent transparent transparent;
}

    

.deferencial-item {
    display: block;
    float: left;
	text-align:center;
    padding-left: 0;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
	color: #FFF;
    font-size: 1.3em;
    font-weight: 600;
}


.deferencial-item img {
    display: block;
    left: 33%;
    margin-bottom: 15px;
    margin-top: 19px !important;
    position: relative;
    text-align: center;
    width: 30%;
}

.deferencial-item > span
{
    display: block;

    text-align: center;

    color: #fff;
}

/* Box Calendário*/


.title-red
{
    font-size: 1.5em;
    font-weight: bold;
    margin: 20px 0 15px 0;
    text-align: center;
    color: #aa994f;
}

.box-datas
{
    color: #fff;
    margin-bottom: 40px;
}

.fundoLaranja {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    min-height: 70px;
    color: #fff;
    background: #303249;
}
.fundoLaranja .titulo.semdata {line-height: 3.7em;}
.fundoLaranja .titulo.semdata::before {
    content: none;
}
.fundoLaranja .titulo.semdata {
    line-height: 3.7em;
    width: 100%;
    text-align: center;
}
.fundoLaranja .titulo{
	margin-top: 10px;
}

.data {
    display: block;
    background: #dc9600;
    float: left;
    width: 30%;
    font-size: 1.5em;
    line-height: 1;
    /* height: 100%; */
    min-height: 60px;
    padding: 10px 0;
    text-align: center;
}

.data-corrida .dia
{
    margin-top: 7%;
}
.dtsep {
    width: 100%;
    float: left;
}
.fundoLaranja .dia {
     font-size: 1.1em;
}

span.diasemana {
    font-size: .8em;
}
.data-a {
    float: left;
    width: 100%;
    padding: 7px 0;
    font-size: .7em;
    font-weight: bold;
}

.titulo span {
    line-height: 1.5 !important;
}


span.clear
{
    display: block;
}


.mes
{
    font-size: .6em;
	line-height: 1.2;
    display: block;
}
.titulo
{
    font-size: 1.5em;
    float: left;
	font-weight: 600;
    width: 70%;
    height: 70px;
    min-height: 70px;
    background: #03263a;
	line-height: 1.1;
    margin-top: 10px;
    color: #fff;
}
.titulo:before {
    content: "";
    display: inline-block;
    float: left;
    width: 0;
    margin-top: 5%;
    height: 0;
    margin-right: 10px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #e5a309;
}

.titulo span
{
    font-size: .8em;
    display: block;
    padding-left: 25px;
    font-weight: 400;
}


.c-provas h2 {
	color: #03263a;
    font-size: 1.8em;
    padding: 30px 0 20px;
    text-align: center;
    letter-spacing: normal;
	}

/* ==========================================================================
   Adaptações responsivas - Media Queries
   ========================================================================== */

/* Medium Devices, Desktops */



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px)
{
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px)
{
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
    /*Ajuste header*/

    header#main-header
    {
        height: 140px;
        /*margin-bottom: -20px;*/
		border-bottom:none;
    }

    div#logo
    {
       position: relative;
	   margin: 30px 0;
    }

    

header .wrapper {
    max-width: 1170px;
    margin: 0 auto;
}

    /*menu*/

    #btnav i,
    #btnav::before
    {
        display: none;
    }

    #btnav
    {
        position: relative;
        top: 0;
        opacity: 1;
    }
	div#btnav:hover {
    top: 2px;
}

#main-navigation li a
{
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #03263a;
}

#main-navigation li a:hover
{
	background:none !important;
	color:#dc9600;
}

    #btnav ul
    {
    margin-top: -70px !important;
    float: right !important;
    /*margin-left: 360px !important;*/
    }
    div#mainMenu
    {
    /*float: left;
    left: 210px;
    position: absolute;
    top: 0;*/
	max-width: 1170px;
    margin: 0 auto;
    }


    nav li
    {
        /*float: left;*/
        width: auto;
        padding: 0 10px;
    }

    #main-navigation li:hover
    {
       color: #dc9600;
	   background:none !important;
       width: auto !important;
    }

    div#btnav:hover ul,
    div#btnav:hover ul#navigation
    {
        top: 0 !important;
        display: inherit;
        margin: 0;
        background: none;
    }

    #navigation li:hover ul
    {

        background: none;
    }


    div#btnav:hover ul li a,
    div#btnav:hover ul li span
    {
        /*padding: 0;*/
    }

    /*tiles*/


.capa-vestibular .column.col-md-12, .capa-vestibular .column.col-md-16 {
    margin-right: 0px;
    margin-left: 0px;
}

    /* tile banner */

    .cover-carousel-tile
    {
        display: block;
    }

    .galleria-thumbnails-container,
    .galleria-info
    {
        display: none;
    }

    .galleria-container
    {
        height: 312px !important;
    }

    .galleria-stage
    {
        top: 0;
        right: 0;
        left: 0;

        height: 312px;
    }

    .destaque-borda
    {
        padding-top: 10px;
    }
    /* Menu global */
    div:hover#btnav ul#navigation ul
    {
        position: absolute !important;
        top: 30px !important;

        margin-left: 0 !important;
        padding: 5px 0 0 !important;
        
        width: auto;
    min-width: 260px;
    }
    .submenu
    {
        position: absolute;
        top: -19px;

        display: block !important;
        visibility: visible;

        background: #68394d;
    }
    /* Header */
    div#logo
    {
        float: left;
    }
    nav#main-navigation {
        font-size: 0.7em;
        position: absolute;
        clear: both;
        top: 185px;
        left: 15px;
        
}

/* viewlet de busca */


    div#portal-searchbox
    {
        font-size: .8em;
        /*position: absolute;
        z-index: 1;
        top: 12px;
        top: 12px;
        right: 4%;
		right: 4%;
        overflow: hidden;
        width: 17%;
        margin-top: 0;*/
		float: right;
	    width: 260px;
		margin-top: 15px;
        padding:0 7px;
        border: 1px solid #9fa4b1;
        background-color: transparent;
    }

    #portal-searchbox form
    {
		width: 100%;
		margin: 5px 0;
        /*position: relative;
        left: 9%;
        margin: 3px 0;
        white-space: nowrap;*/
    }
    ul.actionMenu
    {
        display: block;
        float: right;

        padding: 0 5px 5px;

        -webkit-border-bottom-right-radius: .5em;
        -moz-border-radius-bottomright: .5em;
                border-bottom-right-radius: .5em;
        -webkit-border-bottom-left-radius: .5em;
        -moz-border-radius-bottomleft: .5em;
                border-bottom-left-radius: .5em;
        background-color: #595959;
    }
    ul.actionMenu a
    {
        font-size: .7em;

        padding: 0 15px;

        color: #fff;
    }
    ul.actionMenu a:hover
    {
        color: #dadada;
    }

    /* Footer */
	
	footer{text-align: right;}
    #footerRightslocal img
    {
        float: left;
        margin-top: -35px;
        padding-top: 0;
    }
	footer img.image-left
{
	float:left !important;
}
    div#footerRightslocal p
    {
        margin-top: 30px;
    }

    /*Colophon*/

    #colophon #formulario
    {
        display: block;
        float: left;
        width: 56%;
        text-align: left;
    }
	
	#colophon #informacoes {
	width: 39% !important;
    float: left;
    margin-left: 3%;
    margin-top: 17px;
}
	
	#colophon footer p
{
    font-size: 0.9em;
	width: auto;
    position: relative;
    float: right !important;
    margin-top:52px;
	letter-spacing: 1px;
    display: block !important;
}

    /* ajustes Conteudo */

	
.fundoLaranja
{
    width: 48%;
    float: left;
    margin: 1%;
    min-height: 70px;
    color: #fff;
    background:#303249;
}
.titulo
{
    line-height: 50px;
	margin-top:0 !important
}
.fundoLaranja .dia {
    font-size: 1.7em;
    font-weight: 600;
}
.fundoLaranja .mes {
    font-size: .7em;
    line-height: 1.4;
}
.titulo span {
    line-height: 1px !important;
}
.dtsep {
    width: 45%;
    float: left;
}
    .diferencial
    {
        z-index: 2838;
        /*margin-bottom: -16px;*/
    }
.deferencial-item {
    display: block;
    float: left;
	text-align:center;
    padding-left: 0;
    position: relative;
    width: 33%;
	color: #FFF;
    font-size: 1.3em;
    font-weight: 600;
}

    .titulo-vestibular {
    position: relative;
    height: 300px !important;
    background: url('http://ipametodista.edu.br/++theme++vestibular-ipa-v6/imagens/banner-home.jpg')center 0;
    background-size: auto 100%;
}
.data-a {
    float: left;
    padding-top: 7px;
    font-size: 1.3em;
    font-weight: bold;
    width: auto;
}

    .vesti-title
    {
    position: relative;
    top: 60px;
    /* float: right; */
    /* width: 40%; */
    max-width: 1170px;
    text-align: justify;
    margin: 0 auto;
    }
    .box-datas
    {
        /*position: relative;
        top: 16%;*/
        width:100%;
        color: #fff;
    }
    .c-provas
    {
	width: 95%;
    max-width: 1170px;
    margin: 0 auto;
    }
	.c-provas h2 {
		color:#03263a;
		font-size: 2em;
    	padding: 50px 0 30px;
	    text-align: center;
	}

.data {
    display: block;
    background: #e5a309;
    float: left;
    width: 30%;
    font-size: 1.5em;
    line-height: 1;
    /* height: 100%; */
    min-height: 50px;
    padding: 10px 0;
    text-align: center;
}

    .title-red
    {
        position: relative;
        top: 69px;
        right: 22%;
    }

    .servicos-opicoes li
    {
        position: relative;
		width: 23.3%;
	    margin: 0 0;
	    margin-right: 2%;
    }
	.servicos-opicoes li:last-child
    {
		margin:0 0;	
	}
	
	/*.servicos li
{
    font-size: .9em;
    float: left;
    width: 46%;
    margin-bottom: 14px;
    margin-left: 3%;
    padding: 20px 0;
    font-weight: 600;
    text-align: center;
    border: 1px solid #fff;
}*/

    .servicos span
    {
	padding-top: 20px;
    }

    .triangulo2
    {
        position: relative;
        top: 10px;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-width: 13px 22.5px 0 22.5px;
        border-style: solid;
        border-color: #e5a309 transparent transparent transparent;
    }
    
    #colophon h2 {
    display: block !important;
    padding-top: 30px;
    }

    #colophon #formulario
    {
        display: block !important;
		margin:0 2% 0 0;
    }
    
    #colophon #formulario input[type='submit'] {
    margin-right: 0 !important;
    }

#colophon #formulario,
#colophon h3{
	padding:0 0;
    /*padding-top: 20px;*/
}


.atendimento {
    margin: 0 0 30px;
    /*left: 8%;*/
    position: relative;
}

    #colophon h3
    {
        position: relative;
        /*left: 8%;*/
	    line-height: 1.2;
		margin-bottom:15px;
    }

    .endereco > li
    {
        position: relative;
        left: 8%;
    }

    #colophon h3
    {
        text-align: justify;
    }

    /*  Font input branca */
    -placeholder
    {
        /* WebKit browsers */
        color: #fff  !important;
    }
    :-moz-placeholder
    {
        /* Mozilla Firefox 4 to 18 */
        color: #fff  !important;
    }
    ::-moz-placeholder
    {
        /* Mozilla Firefox 19+ */
        color: #fff  !important;
    }
    :-ms-input-placeholder
    {
        /* Internet Explorer 10+ */
        color: #fff  !important;
    }


    .hiddenStructure,
    #portal-searchbox
    {
        display: block;
    }

    #portal-searchbox input#searchGadget,
    #portal-searchbox input#nolivesearchGadget
    {
        font-size: 1.3em;
        color: #9fa4b1;
        border: none;
        background: none;
	    width: 238px;
		padding: 3px 0 0 !important;
		line-height: 1.7;
    }
    #portal-searchbox #searchGadget,
    #portal-searchbox #nolivesearchGadget
    {
    }
    #portal-searchbox .LSBox
    {
        /*position: relative;
        width: 0;
        margin: 0 10%;*/
    }
    #portal-searchbox div#LSResult
    {
        display: none !important;
    }
    #portal-searchbox label.hiddenStructure:after
    {
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.6em;
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 0;
    width: 23px;
    height: 23px;
    content: '\f002';
    color: #9fa4b1 !important;
    -webkit-font-smoothing: antialiased;
    }
    #portal-searchbox input.searchButton
    {
        /*position: absolute;
        z-index: 10;
        left: -23px;
        width: 20px;
        height: 20px;
        text-indent: -400%;
        border: none;
        background: none;*/
		width: 23px;
    	height: 23px;
    	text-indent: -400%;
    	border: none;	
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{
    div#logo a img
    {
        /*position: absolute;*/
        /*left: 5%;*/
        width:100%;
		max-width:300px;
    }
    #btnav ul {
    /*left: 2%;*/
}
nav#main-navigation {
    font-size: 0.9em;
    position: relative;
    clear: both;
    top: 25px;
    left: -78%;
    width: 148%;
}
    
    .section-processo-seletivo .wrapper
{
    width: 100%;
}
    ul.servicos-opicoes {
    margin: 20px 0 120px;
}

    #btnav {
    /*top: 55px;*/
}

    .section-processo-seletivo .wrapper
{
    width: 100%;
}
    ul.servicos-opicoes {
    margin: 20px 0 120px;
}

    #btnav {
    /*top: 55px;*/
}
    .section-processo-seletivo div#content {
        margin: 0;
    }
    
    div#content {
        margin: 0 15px;
    }
    
    .m-accessibilidade ul
    {
        position: relative;

        width: 95%;
        max-width: 1134px;
        height: 23px;
        margin: 0 auto;
    }

    .m-accessibilidade img
    {
        width: 21px;
        height: 21px;
    }
    .m-accessibilidade a
    {
        color: #fff;
    }

    .m-accessibilidade p
    {
        font-size: .9em;
        font-weight: bold;

        float: left;

        margin-top: 5px;
        margin-right: 3px;
        padding: 0 5px 1px;

        text-align: center;

        color: #fff;
        border-radius: 50%;
        background: #0e9bc9;
    }
    .m-accessibilidade
    {
        display: block;

        width: 100%;
        margin-bottom: 0;
        padding: 0;

        border-bottom: 3px solid #ffd51d;
        background: #606969;
    }
    ul.op-acess li
    {
        float: left;

        padding: 0 5px;
    }
    ul.op-acess li:hover
    {
        background: rgba(255, 255, 255, .3);
    }
    div#portal-searchbox {
        position: relative;
        top: 29px !important;
    }





    ul#portal-siteactions2 li a
    {
        font-weight: bold;

        border-bottom: 1px dotted #fff;
    }

    ul.op-acess li.contrast
    {
        position: relative;
        right: 44px;

        float: right;

        width: auto !important;
        min-height: 24px;
    }

    .op-acess li a
    {
        font-size: .6em;

        position: relative;
        top: 3px;
        left: 2px;
    }

div#logo {
    top: 25px;
    position: absolute;
    width: 230px;
}
div#mainMenu {
    float: left;
    left: 293px;
    position: absolute;
    top: 180px;
}

    /*Busca*/

    #search-results dd
    {
        margin: 0!important;
        margin-bottom: 14px;
        padding: 0 0 1em 0!important;

        border-bottom: 1px solid #333;
    }
    #search-results
    {
        padding: 1em 0!important;
    }

    fieldset#search-field
    {
        text-align: left;
    }

    .template-search #content .cell
    {
        width: 96% !important;
    }

    .template-search .optionsToggle
    {
        border: transparent;
        background-color: transparent;
    }

#colophon #formulario input[type='submit'] {
    margin-right: 0 !important;
}
    #search-results
    {
        width: 66.5% !important;
    }

    #search-results-bar
    {
        font-size: .9em !important;position: absolute !important;
        top: -173px;right: 0;

        width: 317px !important;
        padding: 0 !important;


        border-top: 0 none !important;border-top: 0 !important;
        border-bottom: 0 none !important;border-bottom: 0!important;
        background: #fff;
    }

    #search-results-bar > span:first-child
    {
        font-size: 1.4em;
        font-weight: bold;

        width: 90%;
        padding: 15px;

        color: #000;
        background: #fff;
    }

    #search-filter .field
    {
        padding: 1em 0 !important;
    }

    #search-filter .field div
    {
        width: 100%;
    }

    #search-filter .field,
    #search-filter
    {
        background: transparent !important;
    }

    #search-filter .field input
    {
        margin-right: 8px;
    }

    #search-results dd
    {
        font-family: 'Times New Roman', sans-serif;
        font-size: 15px;
        font-weight: normal !important;
        line-height: 23px;

        color: #000;
    }

    #search-results-bar dd.actionMenuContent
    {
        display: block;
    }
    .template-search .discreet
    {
        display: none;
    }

    #search-results .contenttype-collective-nitf-content a:visited,
    #search-results .contenttype-collective-nitf-content a:link,
    #search-results .contenttype-collective-nitf-content a
    {
        font-size: 18px;
        font-weight: normal;
        line-height: 33px;

        text-transform: uppercase !important;

        color: #000 !important;
        border-bottom: 0;
    }

    .template-search #search-results-bar dl
    {
        width: 97%;
        margin-left: 20px !important;
    }

    .template-search #rss-subscription,
    .template-search .actionMenuHeader
    {
        display: none;
    }
    #search-results-wrapper
    {
        min-height: 600px;
    }

    .template-search .highlightedSearchTerm
    {
        background-color: transparent;
    }

    .optionsToggle
    {
        font-size: 100%;

        border: medium none transparent;
        background-color: transparent;
    }

    #searchResultsSort > span:first-child,
    #content #search-filter legend
    {
        font-size: 1.25em !important;
        font-weight: normal !important;

        width: 88%;
        padding-right: 0 !important;
        padding-bottom: 5px !important;
        padding-left: 0 !important;

        text-transform: none !important;

        border-bottom: 1px solid #000;
        background: transparent !important;
    }

    .highlightedSearchTerm
    {
        font-weight: normal     !important;
    }

    #searchResultsSort > span:first-child
    {
        display: block;

        margin-bottom: 20px;
    }

    #searchResultsSort
    {
        float: left;

        width: 98%;
        padding: 0 20px 20px 20px;
    }

    .template-search #portal-column-content.cell.position-0,
    .template-search #portal-column-content.cell.position-1\3a 4
    {
        border-right: 0 !important;
    }

    .template-search #portal-breadcrumbs
    {

        width: 64%;
        margin-left: 13px;
    }
    .template-search #breadcrumbs-1 > a,
    .template-search #breadcrumbs-1 > span
    {
        font-size: 2.5em;

        text-transform: uppercase;

        color: #000;
    }

    .template-search #content h1.documentFirstHeading
    {
        font-size: 1.7em !important;
        font-weight: normal !important;

        width: 66.5%;
        margin-top: 45px!important;
        padding-bottom: 0!important;

        color: #868686;
    }

    .template-search #search-term
    {
        font-weight: bold !important;

        color: #000;
    }

    #content #sorting-options > span
    {
        display: none;
    }

    #content #sorting-options a
    {
        line-height: 1.6em;

        display: block;

        text-transform: capitalize;

        color: #000;
        border-bottom: 0;
    }

    /*FormGen*/

    #fg-base-edit textarea,
    #fg-base-edit select,
    #fg-base-edit input
    {
        padding: 6px;

        border: 1px solid #dadada;
        border-radius: 4px;
        background-color: #e9e9e9;
    }
    .cover-pfg-tile #comments,
    .cover-pfg-tile .formControls,
    .cover-pfg-tile #nome-completo
    {
        width: 80%;
    }
    
    .context:hover
    {
        background: #303249 !important;
		color:#fff !important;
		border-color:#1e2034;    
    }
    
    .cover-pfg-tile #archetypes-fieldname-replyto
    {
        float: left;clear: none;

        width: 53.5%;
    }
    .cover-pfg-tile #archetypes-fieldname-natureza-do-contato
    {
        float: left;clear: none;

        width: 53.5%;margin-top: 7px;
    }
    .cover-pfg-tile #replyto
    {
        width: 94%;
    }
    .cover-pfg-tile #archetypes-fieldname-departamento
    {
        float: left;clear: none;

        width: 25%;
    }
    .cover-pfg-tile #archetypes-fieldname-telefone
    {
        float: left;clear: none;

        width: 26.5%;
    }
    .cover-pfg-tile #archetypes-fieldname-telefone #telefone
    {
        width: 100%;
    }
    .cover-pfg-tile #natureza-do-contato br
    {
        display: none;
    }
    .cover-pfg-tile #natureza-do-contato label,
    #fg-base-edit #natureza-do-contato input
    {
        font-weight: normal;

        display: inline;float: left;
    }
    .cover-pfg-tile #natureza-do-contato label
    {
        margin-right: 5%;
    }
    .cover-pfg-tile #natureza-do-contato input
    {
        margin-top: 4px;margin-right: 1%;
    }

    .cover-pfg-tile  input[type='submit']
    {
        font-family: Arial;
        font-weight: bold;

        position: absolute;
        right: 18%;

        width: 97px;
        margin-top: 15px;
        padding: 8px 20px 8px 20px;

        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;

        color: #fff;
        border: 0 none !important;
        -webkit-border-radius: 10;
           -moz-border-radius: 10;
                border-radius: 10px !important;
        background: #161938;
        background-image: -webkit-linear-gradient(135deg, #161938, #151837);
        background-image:    -moz-linear-gradient(135deg, #161938, #151837);
        background-image:     -ms-linear-gradient(135deg, #161938, #151837);
        background-image:      -o-linear-gradient(135deg, #161938, #151837);
        background-image:         linear-gradient(135deg, #161938, #151837);
        -webkit-box-shadow: inset 5px 5px 10px #727487;
           -moz-box-shadow: inset 5px 5px 10px #727487;
                box-shadow: inset 5px 5px 10px #727487;
    }

    .cover-pfg-tile input[type='submit']:hover
    {
        text-decoration: none;

        color: #ccc;
        background-image: -webkit-linear-gradient(315deg, #161938, #151837);
        background-image:    -moz-linear-gradient(315deg, #161938, #151837);
        background-image:     -ms-linear-gradient(315deg, #161938, #151837);
        background-image:      -o-linear-gradient(315deg, #161938, #151837);
        background-image:         linear-gradient(315deg, #161938, #151837);
        -webkit-box-shadow: inset -5px -5px 10px #727487;
           -moz-box-shadow: inset -5px -5px 10px #727487;
                box-shadow: inset -5px -5px 10px #727487;
    }

    /*Eventos*/

    .entry
    {
        width: 27%;
    }
    .contenttype-event.url
    {
        width: 94% !important;
    }
    .titulo-vestibular 
    {
            min-height: 435px;
		    margin-bottom: -15px !important;
    
    }
    .titulo-vestibular h3 {
	font-size: 4em;
    line-height: 43px;
  }
  .titulo-vestibular h3 span {
	font-size: .85em;
    line-height: 37px;
    font-weight: 400 !important;
	color:#fff;
}
  
  .vesti-title {
      top:75px;
  }
  
  
  .vesti-title > p {
    font-size: 2em;
    margin: 30px 0;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
	footer .wrapper {
		width:1170px !important;
		margin: 0 auto;
	}
    nav#main-navigation {
    font-size: 0.9em;
    position: relative;
    clear: both;
    top: 25px;
    left: -75%;
    width: 148%;
}
}

@media only screen and (max-width : 664px)
{
    div.cell
    {
        display: block;
        float: none;

        width: 100%;
        margin-bottom: 4%;
        margin-left: -100%;
    }

    .row
    {
        clear: both;
    }
}
