/*
Theme Name: FATEJ
Theme URI: http://www.fatej.com.br/
Description: Desenvovido para a Faculdade de Tecnologia Jardim
Author: Agência Playground
Version: 1.0
Tags: fatej playground
*/

/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212
================================================================================= */
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;}
:focus{outline:0;}/* remember to define focus styles! */
ins{text-decoration:none;}/* remember to highlight inserts somehow! */
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */


/* ESTRUTURA 
================================================================================= */
body{ 
	margin:0 auto; 
	text-align:center; 
	background:#B4DC78 url('images/bg_body.gif') repeat-y top center;
}
.wrapper {
	display:block; 
	width:960px; 
	margin:0 auto; 
	text-align:left;
}


/* TIPOGRAFIA 
================================================================================= */
html,body {font-family: PTSansRegular, sans-serif; color:#444}
strong, b { font-family: PTSansBold, sans-serif; font-weight:normal; }
em, i { font-family: PTSansItalic, sans-serif; font-style:normal }

p, li { font-size:1em; line-height:1.5em; } /* 16px */

h1, h2, h3, h4, h5, h6 { font-family: PTSansNarrowRegular, sans-serif; font-weight:normal; line-height:1.5em; } 
h1 {font-size: 1.5em;} /* 24 px */
h2 {font-size: 1.25em;} /* 20 px */
h3 {font-size: 1.125em; } /* 18px */
h4 {font-size: 1.063em; } /* 16px */
h5 {font-size: 0.75em; } /* 12px */
h6 {font-size: 0.625em; } /* 10px */

.description { font-size: 0.688em !important; line-height:1.25em; margin:0 !important;}
.info { font-size: 0.688em !important;}


/* CORES
================================================================================= 
	Azul FATEJ			#03437F
	Amarelo FATEJ		#EFC000
	Verde FATEJ			#009D54
/*


/* GLOBAL 
================================================================================= */
/* pre */
.hide, .screen-reader {display:none !important;}
.alft {text-align:left;}
.argt {text-align:right;}
.acnt {text-align:center;}
.flft {float:left; clear:none;}
.frgt {float:right; clear:none;}
.clr {clear:both;}
.radius {-moz-border-radius:0.7em; -khtml-border-radius:0.7em; border-radius: 0.7em;}

/* links */
a {color:#03437F; text-decoration:none;}
a:hover {background:#03437F; color:#fff;}
#content a:hover {background:transparent; color:#03437F; text-decoration:underline;}
a.nhover:hover{background:transparent; color:#03437F;}

/* forms */
.btn {
	font-family: helvetica, arial, sans-serif; font-size:0.75em; line-height:1em; 
	display: inline-block; padding:9px 18px 6px; text-decoration:none; font-weight:bold;
	color:#8389BA !important; background:url('images/btn.gif') repeat-x bottom center; white-space:nowrap;
	border:1px solid #BBD1EA; 
	border-radius: 0.55em; -moz-border-radius: 0.55em; -webkit-border-radius: 0.55em;
}
.btn:hover {
	color:#03437F !important; text-decoration:none; background-position: top center;
	border-color:#03437F; 
}
.btn:active {
	text-decoration:none; background-position: bottom center;
	border-color:#03437F;
}
.inpt {
	font-size:1em;
	padding:4px 5px; color:#aaa; background:#f6f6f6;
	border:1px solid #BBD1EA;
	border-radius: 0.55em; -moz-border-radius: 0.55em; -webkit-border-radius: 0.55em;
}
.inpt:active, .inpt:focus { color:#444; background:#fff; border-color:#03437F; }

.simpleform th, .simpleform td {
	padding:5px !important; 
	background:transparent !important; 
	text-align:left !important;
	border:none !important; 
}
.simpleform th { 
	vertical-align:top !important; 
	font-size:1em !important;
	font-weight:normal;
}
.simpleform th label { 
	display:block; 
	width:90px; 
	padding-top:8px; 
	text-align:left !important;
}
.simpleform td {
	max-width:400px !important; 
	min-width:150px !important; 
}


/* HEADER 
================================================================================= */
/* acesso academico */
.academico {
	height:50px;
	text-align:right;
}
.academico form {
	padding-top:8px;
}

/* informações */
.brand {
	height:175px;
	background:#fff;
}
.brand .wrapper {
	position:relative;
	height:175px;
}
.brand h1 a{
	position:absolute;
	top:20px;
	left:0;
	height:122px;
	width:161px;
	text-indent:-9999px;
	background:url('images/logo_fatej.gif') no-repeat center center;
}

/* nav secundária */
.secondary-nav {
	position:absolute;
	top:36px;
	right:0;
	list-style-type: none;
	font-size:0.85em;
}
.secondary-nav li {display:inline;}
.secondary-nav a {
	display:block; 
	float:left;
	padding:3px 6px 0;
	margin-top:-3px;
	border-left:solid 1px #03437F;
}
.secondary-nav li:first-child a {border:none;}

/* busca */
#search {
	position:absolute;
	bottom:30px;
	right:0;
	width:350px; 
	height:45px; 
	border:2px solid #009D54; 
	border-radius: 0.45em; -moz-border-radius: 0.45em; -webkit-border-radius: 0.45em;
}
#query_search { 
	display:block;
	float:left;
	width:280px; 
	height:35px;  
	line-height:1.25em; 
	padding:5px 10px;
	margin:0;
	font-size:1.25em; background:none; border:none; 
}
#submit_search { 
	display:block;
	float:left;
	width:50px; 
	height:45px; 
	cursor:pointer;
	overflow:hidden; 
	text-indent:-999em; 
	background: #009D54 url('images/search-icon.gif') no-repeat 50% 50%; 
	border:none; 
}
#submit_search:active { background-position:60% 60%; }

/* NAV 
================================================================================= */
#nav {
	height:50px;
	margin-bottom:35px;
	background:url('images/nav.gif') repeat-x left center;
	font:normal 1.5em/50px PTSansNarrowRegular, sans-serif; 
}
#main-nav { height:50px; }
#main-nav ul { list-style:none; }
#main-nav li { float:left; position:relative; border:none; }
#main-nav a { 
	display:block;
	float:left;
	line-height:56px;
	height:50px;
	color:#fff;
	padding:0 20px;
}
#main-nav a:hover{ text-decoration:none; }

#main-nav ul ul { 
	display:none; 
	float:left; 
	width:190px; 
	z-index:99999; 
	position:absolute; 
	top:50px; 
	left:0; 
	background:#EFC000;
	padding:5px 0;
}
#main-nav li li { width: 151px; border:none; }
#main-nav li li a { 
	width:150px; 
	height:auto;
	padding:5px 20px;
	line-height:1em;
	font-size:0.65em;
	color:#333;

}
#main-nav li li:hover a { 
	/*border-left: solid 5px #03437F; 
	padding-left:15px;
	border-right: solid 5px #03437F; 
	padding-right:15px;*/
	color:#fff;
	background:#03437F;
}
#main-nav li li.current_page_item > a { color:#03437F; }
#main-nav li li.current_page_item:hover > a { color:#fff; }

#main-nav li:hover > a { background:#EFC000; color:#03437F; }
#main-nav ul li:hover > ul { display: block; }

#main-nav ul.menu>li.current_page_item > a, #main-nav ul.menu>li.current-menu-ancestor > a { color:#EFC000; }
#main-nav ul.menu>li.current_page_item:hover > a, #main-nav ul.menu>li.current-menu-ancestor:hover > a { color:#03437F; }

/*#main-nav ul li.current-menu-ancestor > a, 
#main-nav ul li.current-menu-item > a, #main-nav ul li.current-menu-parent > a { 
	color: #EFC000; 
}



* html #main-nav ul li.current_page_item a, * html #main-nav ul li.current-menu-ancestor a,
* html #main-nav ul li.current-menu-item a, * html #main-nav ul li.current-menu-parent a,
* html #main-nav ul li a:hover { 
	color: #EFC000; 
}*/

#extra-nav {
	font-family: PTSerifRegular, Times, serif;
	display:block; width:500px; height:20px; 
	font-size:0.75em; text-align:right;
	position:absolute; bottom:50px; right:30px; 
}
#extra-nav li { display:inline; border-left:solid 1px #000; padding:1px 5px 3px 7px;}
#extra-nav li:first-child {border:none;}



/* SLIDER - HOME 
================================================================================= */
#slider {
	display:block;
	width:960px;
	height:300px;
	margin-bottom:35px;
	background:#ccc;
}
 
#slider>li { display:block; width:960px; height:330px; overflow: hidden; }

/* CONTENT 
================================================================================= */
#content{
	padding:30px 0;
	background:#fff;
}
body.home #content{ margin-top:30px; }

/* box de últimas notícias */
.ultimas { 
	width:300px; 
	background:#e5e5e5;
	float:left;
	margin:0 0 20px 20px;
}
.ultimas li {
	display:block;
	margin:0 20px;
	padding:20px 0;
	border-top:solid 1px #f7f7f7;
	border-bottom:solid 1px #a0a0a0;
}
.ultimas li a{
	min-height:60px;
	display:block;
}
.ultimas li:first-child {border-top:none;}
.ultimas li:last-child {border-bottom:none;}
.ultimas h3 {
	line-height:40px;
	height:32px;
	padding:0 20px;
	color:#fff;
	background:#009D54;
}
.ultimas img {
	display:block;
	margin:0 15px 15px 0;
	float:left;
}
.ultimas h6 {
	color:#009D54;
	text-transform:uppercase;
	font-weight: bold;
}
.ultimas p { font-size: 0.75em; /* 12px */  }
#sidebar .ultimas { width:290px; float:none; }

/* box de banners */
.banners { 
	width:620px; 
	float:right;
}
.banners li {
	display:block;
	float:left;
	width:290px;
	height:200px;
	margin:0 20px 20px 0;
	background:#ccc;
}
.banners li.large { width:600px; }
.banners li.small { height:90px; }
.banners li.tall { height:420px; }
#sidebar .banners { width:310px;}
#sidebar .banners li { clear:both;}
#sidebar .banners li.large { display:none; }

/* cms content */
#cms-content {
	float:left;
	width:600px;
	padding-right: 20px;
}
#cms-content h1, #cms-content h2, #cms-content h3, #cms-content h4 #cms-content h5, #cms-content h6 {
	padding: 0 20px;	
	margin:15px 0 10px;
	clear:both;
}
#cms-content h1 {
	height:50px;
	line-height:57px;
	text-transform:uppercase;
	color:#fff;
	background:#009D54;
	margin-top:0;
}
#cms-content h2 {
	height:50px;
	line-height:50px;
	text-transform:uppercase;
	color:#009D54;
	border-top:solid 6px #009D54;
	padding-right:0;
}
#cms-content h3 {
	color:#009D54;
}
#cms-content p {
	padding: 5px 20px;	
	clear:both;	
}
#cms-content ul, #cms-content ol {
	padding: 5px 20px 5px 60px;	
	clear:both;	
}
#cms-content ul ul, #cms-content ol ol, #cms-content ul ol, #cms-content ol ul { padding: 5px 60px; }
#cms-content ul li {list-style-type: circle;}
#cms-content ol li {list-style-type: decimal;}

#cms-content div.gallery{ padding-left:20px; }

#cms-content table{ margin-left:20px;} 
#cms-content td, #cms-content th {
	border:solid 1px #666;
	padding:10px 5px 5px;
	font-size:0.75em;
	background:#f2f2f2;
}
#cms-content th {
	background:#aaa;
	color:#000;
	text-align:center;
}


/* SIDEBAR 
================================================================================= */
#sidebar {
	float:right;
	width:330px;
}


/* FOOTER 
================================================================================= */
#footer {
	padding:30px 0 150px;
	background:#0D529C url('images/footer.gif') repeat-x top center;
	position:relative;
}
#footer p, #footer li a { font-size: 0.75em; /* 12px */ color:#fff; }
#footer a { color:#fff; }
#footer a:hover {background:#fff; color:#03437F;}

/* nav do rodape */
#footer-nav { 
	width:900px;
}
#footer-nav li a { padding:2px;  }
#footer-nav .menu>li {
	display:block;
	float:left;
}
#footer-nav .menu>li>a {display:none;}
#footer-nav .top { margin:0 30px 15px 20px; }
#footer-nav .top>a {
	font-family:PTSansBold, sans-serif;
	text-transform:uppercase;
}

/* vcard */
#hcard-FATEJ {
	position:absolute;
	bottom:20px;
	right:20px;
	width:355px;
}
#hcard-FATEJ h5 img {
	display:block;
	float:left;
	margin-right:20px;
}
#hcard-FATEJ p {
	margin-top:10px;
}
#hcard-FATEJ a:hover {
	background:transparent; 
	color:#fff; 
	text-decoration:underline;
}