/*
Theme Name: Hot Site Vestibular Faculdade Pernambucana de Saúde
Versão: 2012.1
Author: Jamerson Bernardo
Author URI: http://www.jamersonbernardo.com/
Author E-mail: eu@jamersonbernardo.com
*/


/*-------------- RESET --------------*/
html, body, div, span, applet, 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;	background: transparent;}
body {	line-height: 1;} ol, ul {	list-style: none;} blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
.clear{clear:both}
/* remember to define focus styles! */:focus {	outline: 0;}
/* remember to highlight inserts somehow! */ins {	text-decoration: none;}del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;}
/*html5*/
section, article, aside, header, footer, nav, dialog, figure { display:block; margin:0 }

/*-------------- FONTE --------------*/
@font-face {
    font-family: 'JustTheWayYouAreRegular';
    src: url('../js/fontes/just/justthewayyouare-webfont.eot');
    src: url('../js/fontes/just/justthewayyouare-webfont.eot?#iefix') format('embedded-opentype'),
         url('../js/fontes/just/justthewayyouare-webfont.woff') format('woff'),
         url('../js/fontes/just/justthewayyouare-webfont.ttf') format('truetype'),
         url('../js/fontes/just/justthewayyouare-webfont.svg#JustTheWayYouAreRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-------------- CLASSES --------------*/
.hideTxt{ display: block; text-indent: -99999px; }
.fright{ float: right; }
.fleft{ float: left; }
.textSendForm{ 
	color: #c3de5d!important;
	font-size: 18px!important;
	margin: 5px 0 0 30px!important;
	display: none;
	font-family: 'JustTheWayYouAreRegular';
}

/*-------------- LAYOUT --------------*/

/*-------------- GERAL --------------*/
html, body{ height: 100%; }
body{ 
	background: url(../img/bg-pattern.jpg) repeat;
	font-family: Arial;
}

#loader{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 128px;
	height: 15px;
	margin: -7.5px 0 0 -64px;
	background: url(../img/loader.gif) no-repeat;
}
#all{
	/*background: url(../img/bg.jpg) repeat-x -350px 0;*/
	height: 626px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin: -313px 0 0 0;
	overflow: hidden;
	display: none;
}

#main{
	background: url(../img/bg.jpg) repeat-x center 0;
	height: 626px;
	position: absolute;
	z-index: 2;
}

#marcaDPA{
	display: block;
	width: 35px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 316px 0 0 400px;
	z-index: 1111;
}

.wrap{
	height: 626px;
	float: left;
}

.content{
	width: 940px;
	height: 511px; /* All: 626px */
	margin: 0 auto;
	padding: 115px 0 0 0;
	position: relative;
}

.content #colRight{
	width: 572px;
	float: right;
}

/* Titulos */
.content h2.titlePage{
	font-size: 33px;
	color: #d7df21;
	margin: 0 0 20px 0;
}

.prouniFies{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 258px 0 0 -400px;
	z-index: 111;
	width: 200px;
	height: 52px;
	background: url(../img/prouni-fies.png) no-repeat;
}
.prouniFies a{
	width: 52px;
	height: 49px;
	display: block;
	text-indent: -99999px;
}


/* Form */
form input,
form textarea{
	font-size: 20px;
	color: #abacad;
	display: block;	
	border: 0;
	font-family: 'JustTheWayYouAreRegular';
	background: none;
}
form .text1{
	background: url(../img/form/text1.png) no-repeat;
	width: 465px;
	height: 25px;
	padding: 13px 41px 21px 10px;
}
form .text1 input{
	width: 468px;
}

form .text2{
	background: url(../img/form/text2.png) no-repeat;
	width: 450px;
	height: 32px;
	padding: 16px 33px;
}
form .text2 input{
	width: 450px;
	position: relative;
	*left: 20px;
}

form .text-min1{
	background: url(../img/form/text-min1.png) no-repeat;
	width: 401px;
	height: 37px;
	padding: 11px 14px;
}
form .text-min1 input{
	width: 389px;
}
form .text-min2{
	background: url(../img/form/text-min2.png) no-repeat;
	width: 370px;
	height: 37px;
	padding: 11px 20px;
}
form .text-min2 input{
	width: 371px;
	position: relative;
	*left: 20px;
}

form .textarea1{
	background: url(../img/form/textarea1.png) no-repeat;
	width: 450px;
	height: 108px;
	padding: 25px 53px 13px 53px;
}
form .textarea1 textarea{
    width: 472px!important;
    height: 103px!important;
    line-height: 20px;
    position: relative;
	*left: 30px;
}

form .textarea2{
	background: url(../img/form/textarea2.png) no-repeat;
	width: 870px;
	height: 119px;
}
form .textarea2 textarea{
	width: 772px!important;
	height: 87px!important;
	margin: 0 0 0 39px;
	line-height: 20px;
	position: relative;
	top: 19px;
}

form #submit{
	background: url(../img/form/submit.png) no-repeat;
	height: 40px;
	width: 91px;
	cursor: pointer;
}

/*-------------- HEADER --------------*/
header{ 
	position: absolute;
	top:0;
	left: 50%;
	margin: 0 0 0 -470px;
	width: 940px;
	height: 100px;
	z-index: 3;
}

header #logo{
	height: 166px;
	width: 221px;
	background: url(../img/logo.png) no-repeat;
	margin: 28px 0 0 53px;
	float: left;
	position: relative;
	z-index: 10;
}

/* Nav */
header nav{ 
	width: 272px;
	height: 90px;
	margin: 26px 0 0 0;
	float: right;
}

header nav ul li{
	float: left;
}

header nav ul li a{
	width: 67px;
	height: 52px;
	background: url(../img/nav.png) no-repeat;
}

header nav ul li a:hover,
header nav ul li a.active{
	height: 90px;
}

header nav ul li a#navHome{
	width: 60px;
	background-position: 0 0;
}
header nav ul li a#navHome:hover,
header nav ul li a#navHome.active{
	background-position: 0 -52px;
}
header nav ul li a#navFicadica{
	background-position: -65px 0;
}
header nav ul li a#navFicadica:hover,
header nav ul li a#navFicadica.active{
	background-position: -65px -52px;
}
header nav ul li a#navInscricao{
	background-position: -135px 0;
}
header nav ul li a#navInscricao:hover,
header nav ul li a#navInscricao.active{
	background-position: -135px -52px;
}
header nav ul li a#navContato{
	background-position: -207px 0;
}
header nav ul li a#navContato:hover,
header nav ul li a#navContato.active{
	background-position: -207px -52px;
}

/* Elementos Moveis */
header #elementosMoveis{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
header #elementosMoveis img{
	position: absolute;
}

/*-------------- CONTENT - Home --------------*/

/* Box Frases */
.content#home #boxFrases{
	width: 600px;
	height: 180px;
	margin: 0 -30px 65px 0;
	*margin: 0 0 -55px 0;
	position: relative;
	z-index: 2;
}
.content#home #boxFrases h2{
	font-size: 37px;
	color: #d7df21;
}
.content#home #boxFrases .cursos{
	width: 350px;
	margin: 15px 0 0 0;
}
.content#home #boxFrases .cursos h3{
	font-size: 15px;
	color: #fff;	
}
.content#home #boxFrases .cursos span{
	color: #d7df21;
}

.content#home #boxFrases #btFacaInscricao{
	width: 174px;
	height: 21px;
	background: url(../img/bg-bt-inscricao.png) no-repeat;
	padding: 11px 24px;
	color: #003920;
	margin: 45px 0 0 10px;
	text-decoration: none;
}

/* Box Dica */
.boxDica{
	background: url(../img/bg-box-ficadica.png) no-repeat;
	width: 260px; /* 567px */
	height: 114px; /* 246px */
	float: left;
	margin: 0 0 0 10px;
	position: relative;
	left: 20px;
	top: 15px;
	padding: 60px 60px 65px 240px;
}
.boxDica p{
	font-size: 20px;
	color: #003920;
	position: absolute;
	top: 60px;
	display: block;
	width: 261px;
	height: 107px;
}
.boxDica #controlSlide{
	position: absolute;
	top: 5px;
	left: 200px;
	z-index: 333;
}
.boxDica #controlSlide a.navControl{
	width: 20px;
	height: 20px;
	background: url(../img/controls-slide.png) no-repeat 0 0;
	display: block;
	text-indent: -99999px;
	float: left;
	margin: 0 5px 0 0;
}
.boxDica #controlSlide a.navControl:hover,
.boxDica #controlSlide a.navControl.active{
	background-position: -20px 0;
}

.boxDica #btDeixeDica{
	position: absolute;
	top: 202px;
	left: 289px;
	font-size: 13px;	
	color: #0a422d;
	line-height: 10px;
	text-decoration: none;
}


/* Box Twetts */
.content#home #boxTwetts{
	background: url(../img/bg-box-tweets.png) no-repeat;
	width: 258px;
	height: 106px;
	float: right;
	margin: 0 5px 0 0;
	position: relative;
	left: -20px;
	padding: 64px 36px 65px 58px;
}
.content#home #boxTwetts li{
	margin: 0 0 5px 0;
}
.content#home #boxTwetts li span{
	font-size: 12px;
	margin: 0 0 15px 0;
	color: #003920;
}
.content#home #boxTwetts li span a{
	font-size: 12px!important;
	color: #003920;
	display: inline;
}
.content#home #boxTwetts li a{
	font-size: 10px!important;
	display: block;
	text-decoration: none;
	color: #003920!important;
}

/* Redes Sociais */
.content#home #rs{
	width: 300px;
	height: 25px;
	position: relative;
	z-index: 9;
	float: right;
}
.content#home #rs a{
	background: url(../img/sprite-icons.png) no-repeat;
	margin: 0 10px 0 0;
	height: 25px;
}
.content#home #rs a#btTwiiter{
	width: 84px;
}
.content#home #rs a#btFb{
	width: 178px;
	background-position: -90px 0;
}


/*-------------- CONTENT - Ficadica --------------*/
.content#ficadica, 
.content#ficadica #colRight 
{
	z-index: 333;
	position: relative;
}
.content#ficadica .boxDica{
	background: url(../img/bg-box-ficadica-interna.png) no-repeat;
	position: relative;
	z-index: 111;
}
.content#ficadica .boxDica a{
	z-index: 333;
	position: relative;
}
.content#ficadica .boxDica #btDeixeDica{
	display: none;
}
.content#ficadica .titlePage{
	font-size: 22px;
}
.content#ficadica form{
	margin: 10px 0 0 0;
	*margin: -115px 0 0 0;
	padding: 0 45px;
}

/*-------------- CONTENT - Inscricao --------------*/
.content#inscricao #colRight h3{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.content#inscricao #colRight #btFacaInscriacao{
	width: 249px;
	height: 39px;
	background: url(../img/bg-bt-inscricao.png) no-repeat 0 -40px;
	padding: 16px 24px;
	color: #003920;
	margin: 20px 0 15px 0;
	text-decoration: none;
	font-size: 30.5px;
	display: block;
}
.content#inscricao #colRight p{
	color: #fff;
	font-size: 12px;
	margin: 0 0 5px 0;
	line-height: 15px;
}
.content#inscricao #colRight a{
	color: #c3de5d;
}
.content#inscricao #colRight img.mapa{
	position: relative;
	top: -10px;
}

.content#inscricao #colLeft{
	width: 260px;
	padding: 0 0 0 60px;
	margin: 275px 0 0 0;
	float: left;
} 
.content#inscricao #colLeft a{
	display: block;
	color: #fff;
	font-size: 17px;
	background: url(../img/sprite-icons.png) no-repeat -151px -26px;
	padding: 7px 0 5px 50px;
	margin: 0 0 5px 0;
	text-decoration: none;
}

/*-------------- CONTENT - Contato --------------*/
.content#contato p{
	font-size: 14px;
	color: #fff;
	margin: 0 0 40px 0;
}