/*#############################################################
Name: Hot Day Aventuras
Date: 2007-10-21
Description: Css do site do hot day
Author: John e Estela
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #C88200;}

a:hover {color: #9A6;}

body {
	background: #FFF url(img/bg1.gif) ;
	background-attachment: fixed;
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 2% 0;
}

p,ul {
	padding-bottom: 1em;
}
hr {
height: 1px;
color: Black;
background: url(img/linha.gif) repeat;
	
}
ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.2em;}

h1 span {
  display: block;
  padding: 2px;
  background: url(img/rounded_br.gif) no-repeat bottom right;
}
/*blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
*/

blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #FF8C00;}

/* misc */
.clearer {clear: both;
background-color: #000;
}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	font-size: 1.2em;
	background: url(img/bgcontainer2.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 1px solid;
	/*background-color: #444;*/
}

/* header */
.header {
	float: left;
	width: 640px;
	/*background: url(img/header2.jpg) no-repeat;*/
	font: normal 4.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: left;
	color: #FF8C00;
}
.header imgHome{
	background: url(img/header2.jpg) no-repeat;
}
.header imgEmbarcacao{
	background: url(img/header3.jpg) no-repeat;
}


/* menu saltitante */
.menu_saltitante {
	float: right;
	width: 479px;
	/*background: url(img/menu_saltitante3.jpg) no-repeat;*/
	font: normal 1.2em Verdana,sans-serif;
	line-height: 24px;
	text-align: left;
	color: #FF8C00;

}
.menu_saltitante  a:hover{
	color: White;
	font: normal;
}

.menu_saltitante  a{
	text-decoration:none ;
	padding: 5px;
/*	color:#FF8C00;
*/
	color:#000;
}
.menu_saltitante  img{
	background: White;
	color: White;
	border: 0;
/*	color:#FF8C00;
*/
}


/* structure */
.top {
	/*background: #444;*/
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 160px;
	/*background-color: #444;*/

}
.main {
	float: left;
    width: 480px;
	/*background-color: :#444;*/
}
.main_right {
	float: right;
	width: 200px;
	color: #CCC;
	background-color: #444444;
}

/* sub-navigation */
.subnav h1 {
	/*background: #222;*/
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnav li a {
	background: #FFB222;	
	color: #111;
	display: block;
	padding: 8px 0 8px 12px;
	width: 148px;
	text-decoration: none;
}
.subnav li a:hover {
	background: #FF8C00;
	color: White;
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

/***************************************************
 Comment Styles
 ***************************************************/

#comments p {
  padding: 0 5px;
  margin-bottom: 0;
  background: #686868 url(img/rounded_tl.gif) no-repeat top left;
    padding-top: 10px !important;
  padding-top: 3px;
  padding-bottom: 10px !important;
  padding-bottom: 3px;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
  color: #FF8C00;
}

#comments img {
  margin-top: -1px;
}

#comments a {
  color: #C88200;
}

#comments a:visited {
  color: #AAA;
}

#comments a:hover {
  color: #FFF;
}
#sideBar h1 {
  clear: both;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  /*text-transform: uppercase;*/
  color: #FF8C00;
/*  background: #686868 url(img/rounded_tr.gif) no-repeat top right;
*/  text-align: right;
background: #686868 url(img/rounded_tl.gif) no-repeat top left; }

/*h1 {
  clear: both;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  text-transform: uppercase;
  color: #7BD32C;
  background: #686868 url(img/rounded_tr.gif) no-repeat top right;
}*/

#sideBar h1 span {
  display: block;
  padding: 2px;
  background: url(img/rounded_bl.gif) no-repeat bottom left;
}
#sideBar {
  font: 0.8em verdana, arial, sans-serif;  
  float: left;
  width: 145px !important;
  width: 145px;
  padding: 10px 15px 20px 10 !important;
  padding: 10px 20px 0px 20px;
  background: #444444;
}
input {
  width: 70%;
}

textarea {
  width: 98%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 0.9em verdana, arial, sans-serif;
  color: #EEE;
  background-color: #777;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}
h1 span {
  display: block;
  padding: 2px;
  background: url(img/rounded_br.gif) no-repeat bottom right;
}
img.left {
  padding: 5px 5px 5px 0;
}

img.right {
  padding: 5px 0 5px 5px;
}

.button {
  width: auto;
  cursor: pointer;
}

.date {
  display: block;
  font-weight: 700;
}

/***************************************************
 Contato Styles
 ***************************************************/

#contato p {
  padding: 0 5px;
  margin-bottom: 0;
  background: #f7f7f7 ;
    padding-top: 10px !important;
  padding-top: 3px;
  padding-bottom: 10px !important;
  padding-bottom: 3px;
}