﻿/*
================================================================================
BASSANI
================================================================================
css/estilo.css :: estilos CSS
--------------------------------------------------------------------------------
Criacao: 24/03/10			      |  Autor: Guilherme <guilhermed@vegait.com.br>
--------------------------------------------------------------------------------
Ultima Alteracao: 24/03/10		  |  Autor: Guilherme <guilhermed@vegait.com.br>
--------------------------------------------------------------------------------
		Criacao do arquivo
================================================================================
				ALTERACOES MAIS ANTIGAS NO RODAPE DO ARQUIVO
================================================================================
*/

html, body {
	height:100%;
	} 
	
body {
	height:100%;
	margin:0px; 
	padding:0px;
	text-align:center;
	background:#002e5c;
}
	
	
	/* ESTRUTURA */

#master {
	width:100%;
	float:left;
	text-align:center;
	background:#fff url('../img/bg-fundo.jpg') repeat-x left top;
}

#topo 
{
	width:100%;
	height:365px;

}

#topo2 
{   
    width:100%;
    height:365px;
    margin-top:-365px;
    float:left;
    /*background-color:Red;*/
    text-align:center;
    position:relative;
}

#conteiner {
	width:940px;
	position:relative;
	float:left;
	left:50%;
	margin-left:-470px;
	padding-top:10px;
}

#rodape {
	width:100%;
	height:90px;
	float:left;
	text-align:center;
	overflow:hidden;
	background:#002e5c url('../img/bg-fundo-rodape.jpg') repeat-x left top;	
}

#rodape_info {
	width:940px;
	height:32px;
	margin:auto;
}

#rodape_endereco {
	text-align:center;
	margin:auto;
	width:450px;
}

#rodape_endereco p {
	margin:25px 0px 15px 0px;
	font:normal 14px Tahoma, Geneva, sans-serif;
	color:#fff;
}

#rodape_endereco a {
	margin:25px 0px 15px 0px;
	font:normal 14px Tahoma, Geneva, sans-serif;
	color:#fff;
}

#telefone_email {
	width:300px;
	height:60px;
	float:right;
	padding-top:10px;
	text-align:right;
}

#vegapix {
	width:70px;
	height:15px;
	float:right;
	position:relative;
	margin:-38px 0px 0px 80px;
}

		
	/* CLASSES */
	
p {
	font:normal 12px/120% Tahoma, Geneva, sans-serif;
	color:#444;
}

.box {
	margin:20px 0px 0px 0px;
	text-align:justify;
	font:normal 12px/120% Tahoma, Geneva, sans-serif;
	color:#fff;
}

h2 {
	font:bold 14px/120% Tahoma, Geneva, sans-serif;
	color:#036;
}

.borda {
	margin-bottom:7px;
	border:3px #00923f solid;
}

ol li{
	font:normal 12px/120% Tahoma, Geneva, sans-serif;
	color:#444;
}

ul li{
	font:normal 12px/120% Tahoma, Geneva, sans-serif;
	color:#036;
	margin:10px;
	font-weight:bold;
	
}	

	/* LINKS */
	
a:link {
	font:bold 12px/140% Tahoma, Geneva, sans-serif;
	color:#003366;
	text-decoration:none;
}

a:active {
	font:bold 12px/140% Tahoma, Geneva, sans-serif;
	color:#036;
	text-decoration:none;
}

a:visited {
	font:bold 12px/140% Tahoma, Geneva, sans-serif;
	color:#036;
	text-decoration:none;
}

a:hover {
	font:bold 12px/140% Tahoma, Geneva, sans-serif;
	color:#036;
	text-decoration:underline;
}

	/* HOME */
	
#box_news {
	width:290px;
	height:185px;
	float:left;
	padding-top:20px;
	text-align:left;
}

#box_servicos {
	width:275px;
	height:200px;
	float:left;
	margin-left:15px;
	padding:20px 20px 20px 20px;
	text-align:left;
	background:url('../img/bg-fundo-box-servicos.jpg') no-repeat left top;
}

#box_orcamento {
	width:275px;
	height:200px;
	float:left;
	padding:20px 20px 20px 20px;
	text-align:left;
	background:url('../img/bg-fundo-box-orcamento.jpg') no-repeat left top;
}


	/* INTERNAS */
	
#conteudo {
	width:100%;
	padding:20px 0px 10px 0px;
	text-align:left;
}

.detalhe_portfolio {
	width:335px;
	float:left;
	font:verdana 10px;
}

#conteiner_galeria {
	width:473px;
	height:272px;
	position:relative;
	float:right;
}

	/* CONTATO */
	
form{
	text-align:center;

}
.nome{
	width:250px;
	margin-left: 31px;

}

.empresa{
	width:250px;
	margin-left: 14px;
}

.atuacao{
	width:250px;
	margin-left:15px;

}

.endereco{
	width:250px;
	margin-left:8px;

	
}

.cidade{
	width:250px;
	margin-left:24px;
	
}

.tel{
	width:250px;
	margin-left:11px;

}

.email{
	width:250px;
	margin-left:27px;

}

.conheceu{
	width:315px;
	height:60px;
}

.mensagem{
	width:315px;
	height:100px;
}
.labelconheceu
{
	margin-left: -107px;
}

.labelmensagem
{
	margin-left: -250px;
}

.botao_enviar
{
	margin-left: 230px;
}

/* Easy Slider */
    #slider{ width:473px; height:272px; overflow:hidden; border:3px #00923f solid;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:473px;
		height:272px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:32px;
		height:49px;
		position:absolute;
		left:-38px;
		top:120px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:482px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:32px;
		height:49px;
		background:url(img/bt-seta-galeria-esquerda.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(img/bt-seta-galeria-direita.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */


/*====================================== Estilos do DEV ======================================*/

.box_banners {
	/*width:290px;*/
	/*height:185px;*/
	float:left;
	padding-top:20px;
	text-align:left;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*
================================================================================
							ALTERACOES ANTERIORES
================================================================================
Data Alteracao: 24/03/10	      |  Autor: Guilherme <guilhermed@vegait.com.br>
--------------------------------------------------------------------------------
	*	Criacao do arquivo
--------------------------------------------------------------------------------
================================================================================
*/
