/* Arquivo de fola de estilos contendo todas as definições de estilo de formatação do site GATI */
/* -------------------------------------------------------------------------------------------- */
/* Autor: Eduardo Levenfeld (GATI) - eduardo@gati.inf.br                                        */
/* Data:  29 de julho de 2009, Joinville - SC ( www.gati.inf.br )                               */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Elementos Nativos HTML                                                                       */
/* -------------------------------------------------------------------------------------------- */

body
{
	background-color: 				#f4f4f4;
	background-image: 				url(./img/background.png);
	background-position: 			top left;
	background-repeat: 				repeat-x;
	font-family: 					arial;
	font-size:						10px;
	color: 							#333;
	margin: 0px;
}

a
{
	text-decoration: none;
}

table
{
	border: 0px;
}

td
{
	color: #144495;
	font-size: 12px;
}

input
{
	background-color: #ffffff;
	border: 2px #ccc solid;
}

input:hover
{
	background-color: #ffffcc;
}

textarea
{
	background-color: #ffffff;
	border: 2px #ccc solid;
}

textarea:hover
{
	background-color: #ffffcc;
}

fieldset
{
	border: 0px;
}

fieldset input { position: relative; }
fieldset text { position: relative; }

/* -------------------------------------------------------------------------------------------- */
/* Elementos Criados                                                                            */
/* -------------------------------------------------------------------------------------------- */

#headerContainer
{
	position: relative;
	width: 950px;
	height: auto;
	background: transparent;
	left: 50%;
	margin: 0px;
	margin-left: -475px;
}

#headerLogo { margin-top: 0px; top: 0px; }

#headerSiteMapLink
{
	position: absolute;
	top: 55px;
	left: 880px;
	float: right;
	font-family: arial;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

#headerSiteMapLink:hover { text-decoration: underline; }

#headerBlogLink
{
	position: absolute;
	top: 55px;
	left: 835px;
	float: right;
	font-family: arial;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

#headerBlogLink:hover { text-decoration: underline; }

#headerOcomonLink
{
	position: absolute;
	top: 55px;
	left: 720px;
	float: right;
	font-family: arial;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

#headerOcomonLink:hover { text-decoration: underline; }

#headerMenuContainer
{
	position: absolute;
	width: 950px;
	height: 50px;
	top:74px;
	left: 50%;
	margin-left: -475px;
	background: transparent;
}

#headerMenuLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 16px;
}

#headerMenuRight
{
	position: absolute;
	top: 0px;
	left: 936px;
	height: 50px;
	width: 16px;
	margin-left: -2px;
}

#headerMenuContent
{
	position: relative;
	margin: 0px;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 950px;
	/* background-image: url(img/menu_bg.png); */
	background-image: url(img/main_menu_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
}

#footerContainer
{
	position: relative;
	width: 100%;
	height: 200px;
	border-top: #eeeeee solid 4px;
	background: #DCE2E4;
	background-image: url(./img/footerbg.png);
	background-position: top left;
	background-repeat: repeat-x;
	left: 0px;
}

#footerContent
{
	position: absolute;
	top: 20px;
	left: 50%;
	width: 950px;
	margin-left: -475px;
	font-size: 12px;
	font-family: arial;
	color: #333;
}


#footerContent a
{
	font-size: 11px;
	font-family: arial;
	color: #333;
	text-decoration: none;
}

#footerContent a.root
{
	color: #003366;
	font-weight: bold;
}

#footerContent h2
{
	color: #003366;
}

span#copyRight
{
	position: absolute;
	top: 0px;
	font-size: 12px;
	font-family: arial;
	color: #333;
	left: 870px;
}

#footerContent a:hover { text-decoration: underline; }

#mainContainer
{
	top: 35px;
	position: relative;
	width: 950px;
	left: 50%;
	margin-left: -475px;
	background-color: #fff;
}

#mainContainerBottom
{
	position: relative;
	width: 100%;
	height: 25px;
	background: #fff;
}

#mainContainerCornerLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainContainerCornerRight
{
	position: absolute;
	top: 0px;
	left: 900px;
}

#mainContentFull
{
	position: relative;
	width: 950px;
}

#mainContentHalfLeft
{
	position: relative;
	width: 440px;
	left: 20px;
}

#mainContentHalfLeft p
{
	text-align: justify;
	font-size: 12px;
	padding-left: 10px;
}

#mainContentHalfRight
{
	position: absolute;
	width: 450px;
	top: 0px;
	left: 470px;
}

#mainContentLeft
{
	position: relative;
	width: 720px;
	padding-left: 20px;
}

#mainContentLeftInst
{
	position: absolute;
	width: 200px;
	top: 0px;
	left: 0px;
	padding-left: 5px;
	border-right: 1px dashed #ccc;
}

#mainContentRight
{
	position: absolute;
	width: 205px;
	top: 200px;
	left: 744px;
	padding-left: 0px;
	border-left: 1px dashed #ccc;
	background: #fff;
	background-image: url(./img/right_cont_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}

#mainContentRightInst
{
	position: relative;
	left: 220px;
	width: 720px;
	padding-left: 20px;
}

#mainContentRightInstTop
{
	position: relative;
	width: 700px;
	height: auto;
	background-position: top right;
	background-repeat: no-repeat;
}

#mainContentRightInstTop p
{
	width: 95%;
	text-align: justify;
	font-size: 12px;
	margin-left: 10px;
}

#mainContentRightInstTop a:hover
{
	text-decoration: underline;
}

#mainPicContainer
{
	position: relative;
	width: 680px;
	height: 182px;
	left: 10px;
}

#mainPic 
{
	position: absolute;
	width: 250px;
	height: 190px;
	top: 0px;
	left: 0px;
	background-image: url(./img/conheca_index.png);
}

#mainPicText
{
	position: relative;
	width: 400px;
	height: 178px;
	top: 0px;
	left: 255px;
	padding: 5px;
	text-align: justify;
	font-size: 12px;
}

#mainServicesContainer
{
	position: relative;
	width: 680px;
	height: 175px;
	left: 10px;
	background-color: #eeeeee;
}

#mainServicesContainerBottom
{
	position: relative;
	width: 100%;
	height: 25px;
	background: transparent;
	top: 150px;
}

#mainServicesContainerCornerLeftBottom
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainServicesContainerCornerRightBottom
{
	position: absolute;
	top: 0px;
	left: 630px;
}

#mainServicesContainerTop
{
	position: absolute;
	width: 100%;
	height: 25px;
	background: transparent;
	top: 0px;
}

#mainServicesContainerCornerLeftTop
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainServicesContainerCornerRightTop
{
	position: absolute;
	top: 0px;
	left: 630px;
}

#menuInstContainer
{
	position: relative;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

#menuInstContainer a
{
	color: #666;
	display: block;
	height: 15px;
	border-left: 5px solid #333;
	text-indent: 5px;
	font-size: 12px;
}

#menuInstContainer a:hover
{
	color: #144495;
	background: #eeeeee;
	display: block;
	height: 15px;
	border-left: 5px solid #144495;
}

#menuInstList
{
	list-style: none;
	margin: 0px;
	left: 0px;
}

#bannerControl
{
	position: absolute;
	top: 0px;
	left: 835px;
	background: transparent;
	color: white;
	width: 120px;
	z-index: 999;
}

#bannerControl a
{
	color: white;
}

/* -------------------------------------------------------------------------------------------- */
/* Classes de Elementos                                                                         */
/* -------------------------------------------------------------------------------------------- */

.instCertificationItem
{
	position: relative;
	height: 120px;
	width: 680px;
	border-bottom: 1px dashed #ccc;
}

.instCertificationDesc
{
	position: absolute;
	top: 10px;
	left: 140px;
	width: 530px;
	text-align: justify;
}

.menuInstListItem
{
	position: relative;
	left: 0px;
	margin-left: 0px;
	text-identation: 0px;
	width: 190px;
}

.mainContentRightInstTopImg
{
	margin-left: 10px;
}

.mainContentRightInstTopUl
{
	width: 345px;
}

.menuInstListTitle
{
	margin-left: 0px;
	text-identation: 0px;
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	display:block;
	width: 190px;
}

.menuInstListItemLast
{
	margin-left: 0px;
	text-identation: 0px;
}

h3.indexTitle
{
	font-size: 22px;
	/* color: #144495; */
	color: black;
	padding-left: 10px;
	margin: 0px;
	font-family: arial;
	font-weight: normal;
}

h3.indexTitleBlue
{
	font-size: 22px;
	/* color: #144495; */
	color: #144495;
	padding-left: 10px;
	margin: 0px;
	font-family: arial;
	font-weight: normal;
}

h3.subTopic
{
	margin-left: 10px;
}

.headerMenuLink
{
	position: relative;
	top: 18px;
	height: 16px;
	background: transparent;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;
}

.headerMenuLink:hover
{
	color: #ffffcc;
	background-image: url(./img/menu_bg.png);
}

.readMore
{
	float: right;
	color: #144495;
	font-size: 11px;
}

.readMore a
{
	color: #144495;
	font-size: 11px;
}

.readMore a:hover
{
	text-decoration: underline;
}

.mainServicesItem
{
	position: absolute;
	width:82px;
	height: 92px;
	top: 30px;
	text-align: center;
	font-size: 12px;
}

.newsItem
{
	position: relative;
	height: auto;
	width: 92%;
	border-bottom: 0px dashed #ccc;
	margin-left: 5px;
}

.newsDate
{
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	margin-bottom: 0px;
	background-color: #eeeeee;
	width: 100%;
}

.newsText
{
	font-family: arial;
	font-size: 10px;
	color: #333;
	text-align: justify;
}

input.submitButton
{
	border: 2px #ccc solid;
	background: #eee;
	font-size: #666;
	font-weight: bold;
}

.newsSmallText
{
	font-size: 14px;
	color: #666666;
	text-align: justify;
	padding: 5px;
}

.newsFullText
{
	background-color: #fff;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	font-size: 12px;
	color: #333333;
	text-align: justify;
	padding: 5px;
}

/* Calendar style classes */
.dpDiv
{
	background-color: #fff;
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.dpTD
{
	text-align: center;
}

.dpTDHover
{
	background: #003366;
	color: #fff;
	text-align: center;
}

.dpDayHighlight
{
	background: #ccffcc;
	text-align: center;
	font-weight: bold;
}

.dpDayTD
{
	background: #eee;
	text-align: center;
	font-weight: bold;
}

/* Error and success style classes */
.errorDiv
{
	border: 1px solid darkred;
	border-bottom: 2px solid darkred;
	
	background: #ffcccc;
	color: darkred;
	
	padding: 15px;
	padding-left: 25px;
	
	font-size: 14px;
	
	background-image: url(img/error_delete.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.successDiv
{
	border: 1px solid darkgreen;
	border-bottom: 2px solid darkgreen;
	
	background: #ccffcc;
	color: darkgreen;
	
	padding: 15px;
	padding-left: 25px;
	
	font-size: 14px;
	
	background-image: url(img/ok_success.png);
	background-position: left center;
	background-repeat: no-repeat;
}

p.error
{
	color: darkred;
	font-weight: bold;
}

/* Admin table style classes */

table.adminTable
{
	background-color: #fff;
	width: 99%;
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-bottom: 150px;
}

table.adminTable th
{
	background-color: #003366;
	color: white;
	font-size: 12px;
}

table.adminTable td
{
	color: #333;
	font-size: 10px;
}

.grayTR
{
	background-color: #eee;
}

.rotoBanner {
	width: 950px;
	height: 200px;
}