/* 
autor: erick badanai
contato: erickbadanai@gmail.com
data: 25/11/2008
*/

/* << valor geral - abre
====================================================================================================================*/
* {	
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica;
	line-height:120%; 
	list-style: none;
	text-decoration: none;
	border: 0;
	color: #000000;
}

h2 {
	font: normal normal bold 18px verdana, arial, helvetica;
	text-align: left;
	letter-spacing: -1px;
	color:#274E75; 
/*	background:transparent url(../images/bg_titulo.gif) no-repeat scroll 0 0;*/
	line-height:20px;
	padding:0 0 10px 0;
	text-transform: capitalize;;
}

h3 {
	font: normal normal bold 13px verdana, arial, helvetica;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	color:#2e5d94;
	text-transform: capitalize;
}

h4 {
	font: italic normal bold 13px verdana, arial, helvetica;
	margin: 0 0 10px 0;
}

h5 {
	font: normal normal bold 10px verdana, arial, helvetica;
	letter-spacing: 1px;
	margin: 0px 0 5px 2px;
	padding-bottom: 3px;
	color:#2e5d94;
	width: 100%;
	border-bottom: 1px solid #6498d1; 
}

a {
	color:#2e5d94;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}

p {
	line-height: 20px;
	margin-bottom: 5px;
	clear: both;
}
p.marginbotton20 {
	margin-bottom: 20px;
}

/* >> valor geral - fecha
====================================================================================================================*/

html {overflow: auto;}

html, body {
	height: 100%;
	background: url(../images/bg.jpg) #d0e5f4;
}

#wrapper {
	width: 970px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px;
	background: #ffffff;	
	padding: 0 10px;		
}

#header {height:296px; margin: 0px;}
#header #imgprincipal {
	width: 970px; 
	height: 255px;
	background: url("../images/bg_header_index.jpg") center no-repeat;
	padding-right: 10px;
}
#header #imgprincipal h1 a{
	float: left;
	display: inline;
	text-indent: -15000px;
	background: url("../images/logo_deep.png") center no-repeat;
	width: 222px;
	height: 187px;
	margin: 1em 0 0 0.7em;
}

#content {margin-bottom: 10px;}

#content #quemsomos li {
	list-style: circle;
	margin: 0 0 10px 25px;
	color: #30b44a;
}

#content #casos li {
	list-style: circle;
	margin: 0 0 10px 25px;
	color: #30b44a;
}

#content .listacase ul li {
	list-style: circle;
	margin: 0 0 10px 25px;
	color: #30b44a;
}
#content .listacase h2 {
font-size: 25px;
text-align: right;
}
#content .listacase h3 {
font-size: 15px;
text-align: right;
font-style: italic;
padding-bottom: 3px;
border-bottom:1px solid #6498D1;
}
#content .listacase h4 {
}
#content .listacase h5 {
	margin: 25px 0 10px;
	font-size: 12px;
}
#content .listacase cite {
	margin: 10px;
	color: #2E5D94;
}


#content #servicos {
	background: url("../images/servicos.jpg") no-repeat;
} 
#content #servicos li {
	list-style: circle;
	margin: 0 0 10px 25px;
	color: #30b44a;
}
#content #servicos .conteudooculto {width:305px;}
#content #servicos .accordion {width:300px; font:12px Verdana,Arial; color:#033}
#content #servicos .accordion dt {width:288px; border:1px solid #6599d2; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(../images/header.gif)}
#content #servicos .accordion dt:hover {background:url(../images/header_over.gif)}
#content #servicos .accordion dd {overflow:hidden; background:#fff;  font-size: 11px;}
#content #servicos .accordion span {display:block; width:290px; border:1px solid #6599d2; border-top:none; padding:15px}
#content #servicos .accordion p{color: #000000; }


#content #indices ul {margin-top: 20px;}
#content #indices li {
	list-style: circle;
	margin: 0 0 10px 25px;
	color: #30b44a;
}
#content #noticias ul {margin-top: 20px;}
#content #noticias li {
	list-style: circle;
	margin: 0 0 10px 25px;
	color: #30b44a;
}


#content .texto {
 font-size: 11px;
 text-align: justify;
}

.divesquerda {
	width: 305px;
	float: left;
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px dashed #beb7af;
	margin-bottom: 10px;
}
.divmeio {
	width: 305px; 
	float: left;
	display: inline; 
	padding: 0 10px 0;
	border-right: 1px dashed #beb7af;
	margin-bottom: 10px;
}
.divdireita {
	width: 310px;
	float: left;
	display: inline;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	}
.divmenor {
	width: 406px;
	float: left;
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px dashed #beb7af;
	margin-bottom: 10px;
 /*		border-right: 1px dashed #dbdbdb;*/
}
.divmaior {
	width: 533px;
	float: left;
	display: inline; 
	padding: 0 0 0 10px;
	margin-bottom: 10px;
}
.bordertab {
	border:0.1em solid #ebf2fe;
	width: 304px;
	height:202px;
	padding: 4px;
	margin: 5px 0;
}

.bordertabmeio {
	border:0.1em solid #ebf2fe;
	width: 310px;
	height:202px;
	padding: 4px;
	margin: 5px 10px;
}

/* << formulario - abre
====================================================================================================================*/
#form {
	font-size: 11px; 
	float: left;
	display: inline; 
	width: 470px;
	margin-bottom: 10px;
}

#form ul li {
	padding: 5px;
}
#form ul label {
	width: 125px;
	display: block;
	float: left;
	display: inline; 
	color:#274E75; 
	padding-top: 5px;
}

#form ul label.label45 {
	width: 45px;
	padding: 5px 0 0 90px;
}

#form ul li input {
	border: 1px solid #0a7285;
	height:20px;
	width:118px;
	padding: 2px 5px 0;
}
#form ul li input.inputmenor {
	width:69px;
}

#form ul li input.inputmaior {
	width:303px;
}
#form ul li input:hover{
	background: #efefef;
}

#form ul li select {
	border: 1px solid #0a7285;
	color:#274E75;
	height:23px; 
}

#form ul li select:hover {
	background: #efefef;
}

#form ul li textarea {
	width: 438px;
	height: 90px;
	border: 1px solid #0a7285;
	margin: 5px 0;
}
#form ul li textarea:hover {
	background: #efefef
}
#form button{
	width: 60px;
	float: right;
	display: inline;
	margin: 15px 0 4px 15px;
	background: #EFEFEF;
	color: #274e75;
	border: 1px solid #274e75;
}

#form button:hover {
	font-weight: bold;
	background: #f7f7f7;
}
#form span {
	color: #cccccc;
	width: 10px;
}
/* >> formulario - fecha
====================================================================================================================*/

table {
	width:95%;
	margin: 0 auto;
	padding-bottom: 15px;
}

table thead { background: #4c7fc1;}
table thead th { padding: 4px; color: #ffffff;}

table tbody td {
	background: #f2f2f2;
	padding: 4PX;
}
table tbody td.data {
	background: #cfecfe;
	color: #4c7fc1;
	text-align: center;
}
table tbody td.corlinha {
	background: #f7f7f7;
}


/* << lista de definição - abre
====================================================================================================================*/
dl dt {
	font: normal normal bold 13px verdana, arial, helvetica;
	letter-spacing: -1px;
	margin: 5px 0 2px 0;
	color:#4c7fc1; 
}

dl dd {
clear:both;
line-height:20px;
margin-bottom:5px;
}
/* >> lista de definição - fecha
====================================================================================================================*/

/* << vcard - abre
====================================================================================================================*/
.vcard {
	padding: 0 0 0 0;
	font-size: 12px;
	}

.org {
	font: normal normal normal 12px/150% verdana, arial, helvetica;
	color: #274e75;
}
	
/* >> vcard | index - fecha
====================================================================================================================*/

/* << menu abre
====================================================================================================================*/
#navlist_d {
  font-size: 10px;
  list-style-type:none; 
  padding:1em 0 0 0; 
  width:100%; 
  height:2em; 
  }
#navlist_d li {
  display:block; 
  width:10em; 
  height:2em; 
  float:left;
  display: inline; 
  margin-right:0.2em;
  }
#navlist_d a {
  display:block; 
  width:7em; 
  height:2em; 
  position:relative; 
  text-decoration:none;
  }
#navlist_d a em {
  display:block; 
  font-style:normal; 
  width:9em; 
  height:1.5em; 
  color:#274E75; 
  border-bottom:0.5em solid #274E75; 
  position:absolute; 
  top:0; 
  left:0; 
  cursor:pointer;
  }
#navlist_d a:hover {
  color:#c00;
  }
#navlist_d a:hover em {
  border-bottom:0.5em solid #346fb7;
  }
#navlist_d a:active, #navlist_d a:focus {
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
  }

#navlist_d a:active em, #navlist_d a:focus em {
  border-bottom:0.5em solid #00c; 
  color:#0000cc;
  outline:0; /* for browsers that understand */
  }


/* >> menu fecha
====================================================================================================================*/

/* << rodapé - abre
====================================================================================================================*/
.push { height: 25px; clear: both;}
/* .push must be the same height as .footer */

.footer {
	margin: 0 auto;
	width: 990px;
	height: 25px; /* rodape*/
	
	text-align: center;
	background: #274e75;
}

.footer cite {	font: normal normal normal 10px verdana, arial, helvetica; color: #ffffff;}
/* << rodapé - fecha
====================================================================================================================*/


/* << classes complementares 
====================================================================================================================*/

.clear {clear: both;}
.floatleft {float: left;}
/* >> classes complementares
====================================================================================================================*/