/*
Theme Name: Menna Barreto
Description: Tema Menna Barreto
Version: 1.0
Author: Fernando Oliveira
Author URL: fernando@ineedrock.me 


/*------- IMPORT -------*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(css/jquery.fancybox.css);

/*------- RESET CSS -------*/

html { margin-top:0 !important;}

html, body, div, span, applFet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
a {	text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
b, i { font-style: normal; font-weight: 400; }
img { height: auto; width: 100%; }
button { cursor: pointer; border: none; }
figure { margin: 0 }

/*------- GERAL CLASSES -------*/

body {
	color: #9fa4a6;
	font: 400 15px 'PT Sans';
	position: relative;
}	
header, main, footer { 
	float: left;
	position: relative;
	width: 100%;
}
.inside {
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 800px;
}
.tst, a, input, button, textarea { 
	transition:         all 0.4s; 
	-webkit-transition: all 0.4s;
	-moz-transition:    all 0.4s;
	-o-transition:      all 0.4s;
}
.tst-none { 
	transition:         none !important; 
	-webkit-transition: none !important;
	-moz-transition:    none !important;
	-o-transition:      none !important;
}
.left  { float:   left  !important }
.right { float:   right !important }
.hide  { display: none  !important }

.no-margin        { margin:        0 !important }
.no-margin-top    { margin-top:    0 !important }
.no-margin-right  { margin-right:  0 !important }
.no-margin-bottom { margin-bottom: 0 !important }
.no-margin-left   { margin-left:   0 !important }

.no-border        { border:        0 !important }
.no-border-top    { border-top:    0 !important }
.no-border-right  { border-right:  0 !important }
.no-border-bottom { border-bottom: 0 !important }
.no-border-left   { border-left:   0 !important }

.text-left { text-align: left !important }
.text-center { text-align: center !important }
.text-right { text-align: right !important }
.text-justify { text-align: justify !important }

.color-white { color: #fff !important }

.section { float: left; position: relative; width: 100%; }

h2.h2 {
	color: #0091d0;
    float: left;
    font: 400 21px "PT Sans";
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
}
p {
	float: left;
	font: 400 15px/20px 'PT Sans';
	margin-bottom: 18px;
	width: 100%;
}
p a { color: #0091d0 }
p a:hover { text-decoration: underline }

hr {
	background-color: #0091d0;
	border: none;
	float: left;
	height: 2px;
	margin-bottom: 40px;
	width: 100%;
}

/*------- HEADER -------*/

header { 
	background: url('images/background/header.png') no-repeat center top;
	height: 150px;
	z-index: 100;
}
header h1 {
	height: 77px;
	margin: 14px auto 38px;
    width: 235px;
}
header h1 a {
	background: url('images/background/sprite.png') no-repeat 0 0;
	display: block;
	height: 100%;
	text-indent: -10000px;
}
header h1 a:hover { opacity: .7 }

header nav.header-menu {
	float: left;
	text-align: center;
	width: 100%;
}
header nav.header-menu li {
	display: inline-block;
	margin: 0 10px;
}
header nav.header-menu li a {
	border-bottom: 2px solid #fff;
	color: #0091d0;
	font: 400 16px 'PT Sans';
	text-transform: uppercase;
}
header nav.header-menu li a:hover { border-bottom-color: #0091d0; }
header nav.header-menu li.current_page_item a,
header nav.header-menu li.current_page_parent a,
header nav.header-menu li.current-page-ancestor a { cursor: default; border-bottom-color: #0091d0; }


/*------- MAIN -------*/

main .cover { height: 452px; margin: 20px 0 35px; }

/*-- page home --*/

.page-home .box-slider-home { margin: 0 0 35px; position: relative; }
.page-home .box-slider-home .bx-controls {
	bottom: 50px;
	height: 14px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1000;
}
.page-home .box-slider-home .bx-controls .bx-pager-item {
	display: inline-block;
	height: 14px;
	margin: 2px;
	width: 12px;
}
.page-home .box-slider-home .bx-controls .bx-pager-item a {
	background-color: #f6f3a9;
	display: block;
	height: 100%;
	text-indent: -10000px;
}
.page-home .box-slider-home .bx-controls .bx-pager-item a:hover { background-color: #fff }
.page-home .box-slider-home .bx-controls .bx-pager-item a.active { background-color: #fff; cursor: default; }

.page-home h2 { font-size: 20px }
ul.cursos-list {
	float: left;
    margin: 6px 0 10px 121px;
    width: 596px;
}
ul.cursos-list li {
	float: left;
	height: 114px;
	margin: 0 35px 47px 0;
	width: 114px;
}
ul.cursos-list li a {
	background: url('images/background/sprite.png') no-repeat;
	display: block;
	height: 100%;
	text-indent: -10000px;
}
ul.cursos-list li a:hover { opacity: .7 }
ul.cursos-list li.btn-saude a { background-position: 0 -87px }
ul.cursos-list li.btn-gastronomia a { background-position: 0 -211px }
ul.cursos-list li.btn-resgate a { background-position: 0 -333px }
ul.cursos-list li.btn-seguranca a { background-position: 0 -456px }
ul.cursos-list li.btn-estetica a { background-position: 0 -578px }
ul.cursos-list li.btn-petroleo a { background-position: 0 -700px }
ul.cursos-list li.btn-mecanica a { background-position: 0 -820px }
ul.cursos-list li.btn-company a { background-position: 0 -940px }

.page-home .content {
	float: left;
	margin: 15px 0 20px;
	width: 100%;
}

.page-home .parceiros {
	background: url('images/background/parceiros.png') no-repeat center top;
	float: left;
	height: 445px;
	margin-left: -11px;
	width: 821px;
}

/*-- page cursos --*/

.page-template-page-cursos-php footer { margin-top: 0 }
.page-template-page-cursos-php .container {	margin-top: 70px }
.page-saude .container { background-color: #199c99 }
.page-gastronomia .container { background-color: #f3a928 }
.page-resgate .container { background-color: #d32626 }
.page-seguranca-no-trabalho .container { background-color: #0e6d07 }
.page-estetica .container { background-color: #96468c }
.page-petroleo-e-gas .container { background-color: #0c5194 }
.page-mecanica .container { background-color: #767575 }
.page-cursos-in-company .container { background-color: #cf9e7a }

.page-template-page-cursos-php h2.icon {
	background: url('images/background/sprite.png') no-repeat;
	height: 120px;
	left: 50%;
	margin: -50px 0 50px -57px;
	position: relative;
	text-indent: -10000px;
	top: 0;
	width: 114px;
}
.page-saude h2.icon { background-position: -140px -87px }
.page-gastronomia h2.icon { background-position: -140px -211px }
.page-resgate h2.icon { background-position: -140px -333px }
.page-seguranca-no-trabalho h2.icon { background-position: -140px -456px }
.page-estetica h2.icon { background-position: -140px -578px }
.page-petroleo-e-gas h2.icon { background-position: -140px -700px }
.page-mecanica h2.icon { background-position: -140px -820px }
.page-cursos-in-company h2.icon { background-position: -140px -940px }

.page-template-page-cursos-php ul.listagem-cursos li {
	float: left;
	padding: 40px 0;
	width: 100%;
}
.page-template-page-cursos-php ul.listagem-cursos li:last-child { padding-bottom: 70px }
.page-template-page-cursos-php ul.listagem-cursos li:nth-child(even) { background: rgba(255,255,255,0.3) }

.page-template-page-cursos-php ul.listagem-cursos h3 {
	color: #fff;
	float: left;
	font: 700 21px/23px "PT Sans";
	margin-top: 2px;
	text-transform: uppercase;
	width: 170px;
}
.page-saude ul.listagem-cursos h3 { color: #f6f3a9 !important }
.page-gastronomia ul.listagem-cursos h3 { color: #0a78b9 !important }

.page-template-page-cursos-php ul.listagem-cursos .content {
	color: #fff;
	float: right;
	width: 556px;
}

.page-template-page-cursos-php h2.h2 { margin-top: 30px; text-align: center; }

/*-- page quem somos --*/

.page-quem-somos .cover { background: url('images/background/cover-quem-somos.jpg') no-repeat center top }
.page-quem-somos main .inside { padding: 15px 0 }

/*-- page galeria --*/

.page-galeria .box-galeria { margin: 20px 0 40px }
.page-galeria .box-galeria li a {}
.page-galeria .box-galeria li a:hover { opacity: .8 }

.page-galeria .bx-controls-direction {
	bottom: -21px;
	height: 51px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	width: 800px;
	z-index: 200;
}
.page-galeria .bx-controls-direction a {
	background: url('images/background/sprite.png') no-repeat center center;
	display: block;
	height: 51px;
	opacity: .5;
	position: absolute;
	text-indent: -10000px;
	width: 32px;
}
.page-galeria .bx-controls-direction a.bx-prev { background-position: 0 -2411px; left: 0 }
.page-galeria .bx-controls-direction a.bx-next { background-position: 0 -2463px; right: 0 }
.page-galeria .bx-controls-direction a:hover { opacity: 1 }

/*-- page area do aluno --*/

.page-area-do-aluno .cover { background: url('images/background/cover-area-do-aluno.jpg') no-repeat center top }
.page-area-do-aluno h2 { margin-bottom: 10px; text-align: center; }
.page-area-do-aluno .login {
	background-color: #e7e6e7;
	clear: both;
	height: 208px;
	padding: 48px 110px;
	margin: 0 auto;
	width: 400px;
}
.page-area-do-aluno .login input.campo {
	background-color: #fffcfc;
	border: none;
	color: #828182;
	float: left;
	height: 50px;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 370px;
}
.page-area-do-aluno .login input.campo:focus { background-color: #f5f5f5 }
.page-area-do-aluno .login label { float: left; margin: -10px 0 0 -4px; }
.page-area-do-aluno .login label input { float: left; margin-right: 8px; }
.page-area-do-aluno .login a {
	color: #0091d0;
    float: right;
    font: 400 12px "PT Sans";
    margin-top: -7px;
}
.page-area-do-aluno .login a:hover { text-decoration: underline }
.page-area-do-aluno .login button { 
	background-color: #0091d0;
    border: medium none;
    bottom: 49px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 400 14px "PT Sans";
    height: 30px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
}
.page-area-do-aluno .login button:hover { background-color: #7fc6e6 }

/*-- page contato --*/

.page-contato .cover { background: url('images/background/cover-contato.jpg') no-repeat center top}
.page-contato .wpcf7 {
	border-right: 3px solid #0091d0;
    float: left;
    padding: 20px 0 4px;
    width: 423px;
}
.page-contato form {
	float: left;
	padding-right: 20px;
	width: 360px;
}
.page-contato form p { margin: 0 }
.page-contato form .campo {
	border: none;
	background-color: #7fc6e6;
	color: #fff;
	float: left;
	font: 400 15px 'PT Sans';
	margin-bottom: 5px;
	text-transform: uppercase;
	width: 340px;
}
.page-contato form .campo:hover { background-color: #6fb5d4 }
.page-contato form .campo:focus { background-color: #0091d0 }
.page-contato form input.campo { height: 35px; padding: 0 10px; }
.page-contato form textarea.campo { height: 170px; padding: 10px 10px; resize: none; }
.page-contato form input.wpcf7-submit { 
	background-color: #0091d0;
	border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: 400 14px 'PT Sans';
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
}
.page-contato form input.wpcf7-submit:hover { background-color: #7fc6e6 }
.page-contato form img.ajax-loader {
	float: right;
	height: auto;
	margin: 7px 12px 0 0;
	width: auto;
}
.page-contato form .wpcf7-response-output { 
	border: none !important;
    color: inherit;
    float: left;
    font: inherit;
    font-size: 14px;
    line-height: 14px;
    margin: -29px 0 0;
    padding: 0 !important;
    width: 270px;
}
.page-contato form .ajax-loader { float: right; height: auto; width: auto; }
.page-contato form span.wpcf7-form-control-wrap { position: relative }
.page-contato form span.wpcf7-not-valid-tip {
	background-color: #dc0748;
    float: left;
    height: 2px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    top: 0;
    width: 360px;
}

.page-contato .info {
	float: right;
	padding-top: 17px;
	width: 315px;
}

/*------- FOOTER -------*/

footer {
	background-color: #0091d0;
    height: 114px;
    margin-top: 35px;
    padding-top: 21px;
}
footer .inside { height: 100% }
footer address {
	color: #fff;
	font: normal 400 15px 'PT Sans';
	text-align: center;
	width: 100%;
}
footer a.btn-facebook {
	background: url('images/background/sprite.png') no-repeat 0 -2943px;
	display: block;
    height: 39px;
    position: absolute;
    right: 62px;
    text-indent: -10000px;
    top: 4px;
    width: 39px;
}
footer a.btn-sav {
	bottom: 14px;
	color: #fff;
	display: block;
	font: 400 15px 'PT Sans';
	left: 50%;
	margin-left: -110px;
	position: absolute;
	width: 220px;
}
footer a.btn-sav b {
	background: url('images/background/sprite.png') no-repeat 0 -2992px;
	display: inline-block;
	height: 20px;
	margin-left: 8px;
	text-indent: -10000px;
	width: 82px;
}
footer a:hover { opacity: .7 }