/* Definições iniciais */
* {
	margin: 0; 
	padding: 0; 
	border: 0;
}
input, textarea {outline: none;}
html, body {height : 100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
legend {color:#000;padding:0;text-indent:0;}
ol,ul {list-style:none;}
q:before,q:after {content:'';}
input {font:inherit;}

* [rel~=external] {
	background:url("../images/external.gif") right 2px no-repeat;
	padding-right:13px;
}


/* Fim das definições iniciais */

body {
	background:#fff;
	color:#333;
	margin: 0; 
	padding: 0;
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../images/fundo.gif); /* striped background image, 4px image */
	background-repeat: repeat-x;
	
	}
#tudo {
	width: 780px;
	margin: 0 auto;
	text-align:justify;
	background:#fff;
	}
#topo {
	position:relative;
	width:780px;
	height:300px;
	background:#fff url('../images/hinode-topo.jpg') no-repeat;
	}
#topo h1  { 
	position:absolute; 
	left:10px; 
	top:205px; 
	font-size: 17px;
	margin:0;
	color:#5f5e5c;
	}
#topo h1 span {
	color:#000;
	}
/* ---------------------- Menu superior---------------------- */	
ul#nav {
	position:absolute; 
	top:0;
	margin:0; 
	padding:0;
	width:100%;
	/* background:#fff url('../images/dolphin_bg.gif') repeat-x bottom left;padding:0 0 0 0;*/
	} 
ul#nav li { 
	margin-right:5px;
	display: inline;
	list-style-type: none;
	}
ul#nav li a { 
	float:left;  /*Corrige bug no IE7 que não expande background do estado over para padding top e bottom */
	color: #000;
	font-size: 10px;
	text-decoration: none;
	padding: 3px 5px 7px 5px;
	margin-right:5px;
	}
ul#nav li a:hover {  
	color: #128ccd;
	/*background:transparent url('../images/dolphin_bg-OVER.gif') repeat-x bottom left;*/
	cursor:pointer;
	}
/* ---------------------- Fim Menu superior---------------------- */		

/* ---------------------- Menu Principal --------------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;top:244px;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url('../images/dolphin_bg.gif') repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url('../images/dolphin_bg-OVER.gif') repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url('../images/dolphin_left-ON.gif') no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url('../images/dolphin_right-ON.gif') no-repeat top right;height:33px;}
/* ---------------------- Fim Menu Principal ---------------------- */	

/* ---------------------- Busca interna google ---------------------- */	
#busca { 
	position:absolute; 
	right:20px; 
	top:220px;
	margin: 0;
	padding: 5px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	}
input.radio {
	border: none;
}
	
#busca label input {
	background: #fcc;
	border: none;
	}
#busca input#submit {
	background: #fff;
	border: 2px outset #fff;
	color:#fff;
	font-size:10px;
	}
legend {
	padding:1px 10px;
	border:1px solid #999;
	}	
/* ---------------------- Fim Busca interna google ---------------------- */		

/* Regras CSS que definem o template 1 com coluna direita de largura maior */
body#index #principal {
	width:500px;
	height: auto;
	margin: 20px 10px 50px 10px;	
	float:left;
	display:inline;
	border-right: 1px solid #999;
	/*background-color:#730000;*/
	padding-bottom:10px;
	}
body#index #auxiliar {
	width:245px;
	height: auto;
	float:right;
	margin: 20px 10px 50px 0;	
	/*background-color:#730000;*/
	padding-bottom:10px;
	}
/* Fim das regras CSS que definem o template 1 com coluna direita de largura maior */
	
#principal h1 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.5em;
	color : #730000;
	text-align : left;
	margin: 20px 30px 20px 20px;
}

#principal h2 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 2.0em;
	color : #143d55;
	text-align : left;
	margin: 10px 10px 10px 10px;
	/*background-color:#730000;*/
}

#principal h3 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.6em;
	color : #143d55;
	text-align : left;
	margin: 10px 10px 10px 10px;
}
	
#principal p {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1em;
	color : #000000;
	text-align : justify;
	margin: 5px 10px 10px 10px;
}

#videop {
width:320px;
margin: 0 5px 10px 10px;
background-color:#ffffff;
}

/* ---------------------- Opções para a pessoa entrar na empresa ---------------------- */
ul#opcoes {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	/*background-color:#418fbb;*/
	font-family : Tahoma, Verdana, Arial;
	font-size : 1em;
	} 
	
ul#opcoes li {
	margin:5px;
	padding:5px;
}	
ul#opcoes li a {
	margin-left:10px;
	color:#000000;
	text-decoration:underline;
}
ul#opcoes li a:hover {
	margin-left:10px;
	color:#fff;
	text-decoration:underline;
	background-color:#418fbb;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#opcoes  li { float: left; height: 1%; }

/*------- Lista lateral direita ------------------------- */

ul#lista {
	width:100%;
	list-style:none;
	margin:0;
	padding:10px;
	/*background-color:#418fbb;*/
	font-family : Tahoma, Verdana, Arial;
	font-size : 1em;
	} 
	
ul#lista li {
	margin:5px;
	padding:5px;
}	
ul#lista li a {
	margin-left:10px;
	color:#000000;
	text-decoration:underline;
}
ul#lista li a:hover {
	margin-left:10px;
	color:#fff;
	text-decoration:underline;
	background-color:#418fbb;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#lista  li { float: left; height: 1%; }

/* ---------------------- Auxiliar ---------------------- */	

#auxiliar p {
	font-family : Tahoma, Verdana, Arial;
	font-size : 0.95em;
	color : #000000;
	text-align : justify;
	margin: 5px 10px 10px 10px;
}

#auxiliar h2 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.5em;
	color : #418fbb;
	text-align : left;
	margin: 10px 10px 20px 10px;
}

#auxiliar h3 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.2em;
	color : #143d55;
	text-align : left;
	margin: 10px 10px 20px 10px;
}

#video {
width:230px;
margin: 0 5px 10px 10px;
background-color:#ffffff;
}

/* ------------------ Fim Auxiliar ---------------------- */	


/* Fim das regras CSS que definem o template 1 com coluna direita de largura maior */
#rodape {
	height:20px;
	clear:both;
	background:#fff url('../images/dolphin_bg.gif') repeat-x bottom left;padding:0 0 0 0;
	}
#rodape p {
	font-size:11px;
	line-height:2;
	text-align : center;
	}
#rodape p span {
	color:#fff;
	font-weight:bold;
	}

/* Nota: exceto as regras para #principal e #auxiliar que sao exclusivas para a Home Page e a pagina Quem Somos as demais serao aplicadas em todas as paginas do site */