@import url('reset.css');
@import url('globals.css');
@import url('globalClasses.css');

/*
Conteudo
*/
#dv_content {
	width:760px;
	margin:0 auto;
}

/*
Topo	
*/
#dv_top {
	float:left;
	width:100%;
	margin-bottom:1px;
}

#dv_top h1 {
	display:none;
	line-height:0;
}

/*
Div de Logomarca
*/
#dv_topLogo {
	height:70px;
	background:white url("/imagens/logos/oriontecLTDA.jpg") no-repeat left top;
}

/*
Menu Principal
*/
#dv_mainMenu {
	height:30px;
	background-color:#208E4A;
}

/*
Canto arredondado da Esquerda
*/
#dv_cornerLeft {
	background:transparent url("/imagens/bgs/cornerLeft.gif") no-repeat left top;
	float:left;
	overflow:hidden;
	width:4px;
}

/*
Canto arredondado da Direita
*/
#dv_cornerRight {
	background:transparent url("/imagens/bgs/cornerRight.gif") no-repeat left top;
	float:right;
	overflow:hidden;
	width:4px;
}
/*
Menu Principal
*/
#dv_mainMenu UL {
	list-style:none;
	margin:0;
	padding:0 0;
	float:left;
}

#dv_mainMenu UL LI {
	display:inline;
	margin:0;
	padding:0;
	background: transparent;
}

#dv_mainMenu UL LI A {
	display:inline-block;
	text-decoration:none;
	color:white;
	margin:0 5px;
	font-weight:bold;
	padding:6px 10px;
}

#dv_mainMenu UL LI A:hover {
	text-decoration:underline;
}

/*
Separa��o horizontal
*/
.dv_horizontalSep {
	height:5px;
	line-height:0;
	overflow:hidden;
}

/*
Banner
*/
#dv_banner {
	float:left;
	margin-bottom:5px;
	padding:0;
}

#dv_banner DIV,
#dv_banner DIV IMG  {
	width:550px;
	margin:0;
	border:0;
	padding:0;
	float:left;
	height:213px;
}

#dv_banner BLOCKQUOTE {
	float:right;
	background:#eee;
	width:185px;
	padding:10px;
	height:193px;
	float:left;
	margin-left:5px;
	border:0;
}

#dv_banner BLOCKQUOTE DIV {
	margin:0;
	color:#777;
	font-size:140%;
	font-weight:bold;
	width:auto;
	margin:0;
	padding:0;
	float:none;
	height:auto;
}

#dv_banner BLOCKQUOTE P {
	font-size:100%;
	font-weight:bold;
	text-align: left;
	color:#999;
}

/*
Separa os Boxes
*/
.dv_sepBox {
	width:5px;
	float:left;
	overflow:hidden;
	height:240px;
}

#dv_allBoxes {
	float:left;
	width:100%;
	margin-bottom:5px;
}

/*
Box
*/
.dv_box {
	width:248px;
	float:left;
	border:1px solid #ccc;
	height:260px;
	line-height:14px;
	margin-right:5px;
}

.dv_boxContent DIV .a_toReplacement {
	width:240px;
	height:230px;
}

.dv_boxLast {
	margin-right:0;
}

/*
Cabe�alho do Box
*/
.dv_box .dv_boxHead {
	background-color:#DB972D;
	border-bottom:1px solid #ccc;
	line-height:20px;
	width:100%;
}

#dv_allBoxes .dv_boxHead h2 {
	padding:0 5px;
	font-size:80%;
	font-weight:bold;
	color:white;
	line-height:20px;
	margin:0;
}

/*
Conteudo do Box
*/
.dv_box .dv_boxContent {
	padding:5px 4px;
}

/*
Conteudo do Box
*/
.dv_box .dv_boxContent .dv_boxContentLayout {
	height:210px;
}

/*
Textos do Box
*/
.dv_boxContent {
	color:#666;
}


/*
Listas e Par�grafos do Box
*/
.dv_boxContent UL {
	padding:0;
}

#dv_allBoxes .dv_boxContent LI,
#dv_allBoxes .dv_boxContent P {
	padding:3px 0;
	margin:0;
	font-size:71.5%;
	line-height:15px;
}

#dv_allBoxes .dv_boxContent LI {
	background: none;
}

#dv_allBoxes .dv_boxContent LI.li_boxShowMore,
#dv_allBoxes .dv_boxContent p.p_boxShowMore {
	text-align:right;
}

#dv_allBoxes .dv_boxContent LI.li_boxShowMore A,
#dv_allBoxes .dv_boxContent p.p_boxShowMore A{
	font-size:100%;
}

/*
Data das Noticias
*/
#dv_allBoxes .dv_boxContent .sp_boxDate {
	font-weight:bold;
}

#dv_allBoxes .dv_boxContent DIV .p_replacement,
#dv_allBoxes .dv_boxContent DIV .a_toReplacement {
	display:inline-block;
	margin:0;
	padding:0;
	text-decoration: none;
}

#dv_allBoxes .dv_boxContent DIV .a_toReplacement {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
}

#dv_allBoxes .dv_boxContent DIV .a_toReplacement SPAN {
	display:none;
}

.dv_box .dv_boxCases {
	padding-right:0;
}

.dv_box .dv_boxCases IMG {
	float:right;
}

#dv_allBoxes .dv_boxCases blockquote {
	padding:4px 0;
}

#dv_allBoxes .dv_boxCases blockquote {
	color:#3b82b9;
	padding-left:0;
	background-image: none;
	font-style:normal;
	border:0;
}

#dv_allBoxes  .dv_boxCases blockquote P {
	color:inherit;
	font-size:100%;
	text-align: left;
	padding:10px 0;
}

.dv_boxCases cite {
	color:#666;
	font-weight: normal;
}


/*------->> inicia #dv_contentDivision <<-------*/

	/*
		Divisao do conteudo
	*/
	#dv_contentDivision {
		margin-bottom:5px;
		float:left;
	}
	
	/*
	Divisao do conteudo Esquerda
	*/
	#dv_contentLeft {
		border-right: 1px solid #ccc;
		width:200px;
		float:left;
		padding:0 5px;
		background:#ddd;
		position: relative;
	}
	
	/*
	Divisao do conteudo Direita
	*/
	#dv_contentRight {
		border-left: 1px solid #ccc;
		width:200px;
		float:right;
		padding:0 5px;
		margin-left:-1px;
		border-left:1px solid #ccc;
	}
	
	/*
	Divisao do conteudo Centro
	*/
	#dv_contentCenter {
		float:left;
		padding:0 10px;
		border-top:1px solid #bbb;
	}
	
	.dv_contentCenterNoLeftAndRight {
		width:740px;
	}
	
	/*
	Classe de content CENTER onde content division possui somente 
	( #dv_contentRight ou #dv_contentLeft ) e #dv_contentCenter
	*/
	.dv_contentCenterExistsLeft {
		width:529px;
		margin-left:-211px;
		border-left:211px solid #ccc;
	}
	
	/*
	Classe de content CENTER onde content division possui somente 
	( #dv_contentRight ou #dv_contentLeft ) e #dv_contentCenter
	*/
	.dv_contentCenterExistsRight {
		width:529px;
		border-right:1px solid #ccc;
	}
	
	/*
	Classe de content CENTER onde content division possui
	#dv_contentLeft, #dv_contentCenter e #dv_contentRight
	*/
	.dv_contentCenterExistsLeftAndRight {
		width:328px;
		margin-left:-201px;
		border-left:201px solid #ccc;
	}
	
	/*
	Esta div so dever� existir caso as divs "#dv_contentLeft", "#dv_contentCenter"
	e "#dv_contentRight" existam, a mesma, mant�m o padrao das alturas das 3 DIVs, 
	na seguinte ideia:
		
		dv_left   = #dv_contentLeft
		dv_center = #dv_contentCenter
		dv_right  = #dv_contentRight
		
		h_* = altura da div (*)
		
		left e center mantem altura a medida que crescem,
		entretanto, se a altura: 
			
			(exp. 1)
				
				h_dv_right < h_dv_center < h_dv_left
			
		o borda (right) de center nao ser da mesma altura que dv_left, assim sendo, 
		teremos:
		
		(a) borda dv_left
		(b) borda dv_center
		(c) borda dv_right
		
		(a) |	(b)	|	(c) |
			|		|		|
			|		|
			|		|
			|
			|
			
		e visualmente teriamos:
		
		(a) |	(b)	|	(c) |
			|		|		|
			|		|		|
			|		|		|
			|		|
			|		|
			
		Para resolver este problema, colocamos as divs "dv_left" e "dv_center"
		dentro da div "dv_contentDivByTreeChilds" cuja altura ser� a expressao:
			
			(exp. 2)
				
				altura = se( "h_dv_left" for maior que "h_dv_center",
					teremos a altura de "dv_left",
					senao, teremos a altura de "dv_center";
					
				assim, temos:
	                         		
				height = ( h_dv_left > h_dv_center )
					? h_dv_left 
					: h_dv_center;
				
		percebe-se portanto que a altura de "dv_contentDivByTreeChilds" ser� a
		altura de "dv_left", onde veio de (exp. 1), neste caso, uma borda (right)
		em "dv_contentDivByTreeChilds" simula a altura de "dv_right", o efeito
		ser�:
		
		(a) |	(b)	|	(c) |
			|		|		|
			|		|		|
			|		|		|
			|		|		|
			|		|		|
			
	*/
	#dv_contentDivByTreeChilds {
		float:left;
		border-right:1px solid #ccc;
		width:539px;
	}
	
	#dv_contentLeft DL DT,
	#dv_contentLeft DL DD,
	#dv_contentLeft .dv_dl_dt,
	#dv_contentLeft .dv_dl_dd,
	#dv_contentRight DL DT,
	#dv_contentRight DL DD,
	#dv_contentRight .dv_dl_dt,
	#dv_contentRight .dv_dl_dd {
		width:180px;
	}
	
	#dv_contentRight P {
		text-align: left;
	}
	
	/*
	Aplica efeito de moldura nas imagens da div de conteudo da esquerda
	*/
	.dv_imgLeft {
		padding:4px;
		background:#f5f5f5;
		border:1px solid #c9c9c9;
		margin:5px auto;
		text-align:center;
		width:170px;
	}

/*------->> termina #dv_contentDivision <<-------*/


/*------->> inicia Rodape <<-------*/
	/*
	Rodape
	*/
	#dv_foot {
		text-align: center;
		color:#888;
		line-height:18px;
		border-top:5px solid #ccc;
		float:left;
		width:100%;
		padding:10px 0;
	}
	
	#dv_foot P {
		font-size: 75%;
	}
	
	#dv_foot UL {
		margin-left:5px;
	}
	
	#dv_foot UL,
	#dv_foot UL LI {
		display:inline;
	}
	
	#dv_foot UL LI{
		background: transparent;
		border-left: 1px dotted #666;
		padding:0;
		padding-left:5px;
	}
	
	#p_w3c {
		line-height:20px;
		text-align: center;
	}

/*------->> termina Rodape <<-------*/


/*------->> inicia cidades de atua��o <<-------*/
	/*
	Classe para a lista de cidades da pagina Atua��o
	*/
	UL.ul_acting {
		margin:10px;
		margin-right:0;
		float:left; /* corrige bug de margin do IE6 */ 
	}

	BODY DIV UL.ul_acting LI{
		display:inline-block;
		float:left;
		width:150px;
		margin:0;
		height:100%;
		padding-left:15px;
		line-height:15px;
		background:url("/imagens/bullets/0021_03.gif") no-repeat left 2px;
		color:#555;
	}
	
	/*
	Anima��o da p�gina Atua��o
	*/
	#dv_actingMovie {
		padding:0;
		border:1px solid #ddd;
		float:left;
	}
	
	#dv_actingMovie OBJECT {
		float:left;
	}

/*------->> termina cidades de atua��o <<-------*/


/*------->> inicia Pagina de contato <<-------*/

	DIV#dv_mailContact {
		float:left;
		padding:10px;
	}
	
	DIV#dv_mailContact {
		width:350px;
		margin:20px 20px 0 60px;
	}
	
	DIV#dv_mailContact h3 {
		margin-bottom:20px;
	}
	
	FORM#fm_contact{
		width:350px;
	}
	
	DIV#dv_directContact {
		width:200px;
		background:#eee;
		border:1px dotted #555;
		margin-top:40px;
	}
	
	DIV#dv_directContact P,
		DIV#dv_directContact h3 {
		text-align: center;
	}
	
	DIV#dv_directContact P {
		margin-bottom:5px;
	}
	
	DIV#dv_directContact h3 {
		font-size:90%;
		line-height:20px;
		margin-top:5px;
	}
/*------->> termina Pagina de contato <<-------*/

/*------->> inicia pagina Noticias <<-------*/
	UL#ul_news {
	}
	
	UL#ul_news LI {
		border-bottom:1px dotted #999;
		display: block;
		background-image: url("/imagens/bullets/news_2.gif");
		background-position:10px 10px;
		padding:5px 10px 5px 25px;
	}
	
	UL#ul_news LI H3 {
		line-height:18px;
		font-weight: normal;
		margin-bottom:10px;
	}
	
	UL#ul_news LI H3 A {
		text-decoration: underline;
	}
/*------->> termina pagina Noticias <<-------*/