/* ----------------------------------------------

Template Name : global.css   |   Version : 1.0   

Author :  Oceanico Webdesign Department

Client : Oceanico Resorts & Leisure

Author URI :  http://www.oceanicogroup.com

Last Date Modified :  29.05.2009

Comments: In this document we defined all the default/normal styles

------------------------------------------------ */


/* Remove margin, padding and border from everything */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
margin: 0;
padding: 0;
/*border: 0;*/
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Styles for layout */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.clear {
display:block; 
visibility:hidden; 
clear:both; 
height:0; 
content: "."; 
}

.right {
float: right;
}

.left{
float: left;
}

.m_10 {
margin-left:10px;
}

.red {
color: #FF0000;
font-weight:bold;
}

.nobold {
font-weight:normal;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Set up the document */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
font-family: "Trebuchet MS", Arial;
font-size: 12px;
background-image:url(../images/bg_tile.jpg);
color: #00436A;
}

#wrapper {
width: 933px; /* Set page width here - you can also use percentage */
margin-left:auto;
margin-right:auto;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Typography */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Headings */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
font-size: 18px; /* Equivalent to 22pt */
}

h2 {
font-size: 16px; /* Equivalent to 20pt */
}

h3 {
font-size: 14px; /* Equivalent to 18pt */
}

h4 {
font-size: 12px; /* Equivalent to 18pt */
}

h5 {
font-size: 10px; /* Equivalent to 14pt */
}

h6 {
font-size: 8px; /* Equivalent to 14pt */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Paragraph */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

p {
font:"Trebuchet MS", Arial 12px;
line-height: 20px;
margin: 5px 0px;
}

p a {
color:#2796C0;
}

p a:hover {
	color:#00436A;
}

.first{
margin-top: 10px;
} /* Use this class on the first paragraph*/


.last{
margin-bottom: 20px;
} /* Use this class on the last paragraph*/

.single {
margin: 10px 0px 20px 0px;
} /* Use this class on one line paragraph*/

q, cite
{
font-size: 1.8em; /* Equivalent to 12pt */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Paragraph Separators */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

hr.after_title {
border:solid;
color: #00436A;
border-width:1px 0 0 0;
height:0;
line-height:0px;
font-size:0;
margin: 3px 0px;
padding:0;
} /*azul escuro - default*/

hr.after {
border:solid;
color: #00436A;
border-width:1px 0 0 0;
height:0;
line-height:0px;
font-size:0;
margin: 10px 0px;
*margin: 5px 0px;
padding:0;
} /*azul escuro - default*/

hr {
border:solid;
color: #00436A;
border-width:1px 0 0 0;
height:0;
line-height:0px;
font-size:0;
margin: 20px 0px;
*margin: 10px 0px;
padding:0;
} /*azul escuro - default*/

hr.light_blue{
color: #99C5E0;
} /*azul claro*/

hr.yellow{
color: #FDCD39;
} /*azul amarelo*/

hr.gray{
color: #DBDBDB;
}/*azul cinzento*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Unordered, Ordered  & Definition Lists */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

ul {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 12px; /* Equivalent to 12pt */
}

ul li {
	padding: 2px 0px 2px 20px;
	background-image: url(../images/li_square.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}

ul li a {
color:#2796C0;
}

ul li a:hover {
	color:#00436A;
}

ol {
	list-style-type: decimal;
	padding: 0;
	margin: 0;
	font-size: 12px; /* Equivalent to 12pt */
}

ol li {
	margin-left: 20px;
	padding: 2px 20px 2px 10px;
	background-image: none;
	background-repeat: no-repeat;
}

ol li a {
color:#2796C0;
}

ol li a:hover {
	color:#00436A;
}

dl,dt,dd {
padding-top: 10px;
margin: 0;
font-size: 13px; 
color:#006FB2;
font-weight :bolder;	
}

dd {
padding-top: 2px;
font-size: 12px; 
font-weight: none;
font-style: italic;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/



/* Links */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

a {
color:#00436A;
text-decoration:none;
font-weight:normal;
}

a:hover{
color:#006FB2;
}

a:active{
color:#FDCD39;
}

img, img a, img a:hover{
border:0px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Forms*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

/*  Quick Form  */
/* ---------------------------------------------------------------------------------------------------- */

form {
width:182px;
font-family:"Trebuchet MS", Arial;
}

label {
font-size: 12px;
color: #00436A;
}

input {
font-family:"Trebuchet MS", Arial;
width:172px;
margin-top:0px;
padding:3px 3px 3px 3px;
margin-bottom:5px;
font-size:12px;
color:#00436A;
border: solid #D8E8F5 1px;
}

select {
width: 180px;
height:26px;
font-family:"Trebuchet MS", Arial;
font-size: 12px;
color: #00436A;
border: solid #CCE2F0 1px;
} 

option {
font-size:11px;
color:#00436A;
padding:5px 5px 0px 5px;
}

textarea {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#00436A;
width:177px;
height:60px;
border: solid #D8E8F5 1px;
overflow:auto;
}

input.button {
font-family:"Trebuchet MS", Arial;
font-size: 12px;
color: #00436A;
background-color: #EBF3FA;
width:180px;
height: 30px;
padding: 2px 3px;
background-color: #EBF3FA;
border: solid #D8E8F5 1px;
margin-top:20px;
*margin-top:0;
}

/*  FORM CONTACT US  */
/* ---------------------------------------------------------------------------------------------------- */

form.cnct_us {

}

input.cnct{
margin-top:5px;
width:100px;
font-size:12px;
color:#006FB2;
border: solid #999999 1px;
}

input.input_cnct_h {
width:190px;
font-size:12px;
color:#006FB2;
border:solid #999999 1px;
}

input.input_a_cnct_us {
width:291px;
font-size:12px;
color:#006FB2;
border: solid #999999 1px;
}

input.dates {
margin-top:5px;
width:120px;
margin-bottom:20px;
font-size:12px;
color:#006FB2;
border: solid #999999 1px;
}

select.cnct_us {
width:197px;
font-size:12px;
color:#006FB2;
border: solid #999999 1px;
}

option.cnct_us {
font-size:11px;
color:#626365;
padding:5px 5px 0px 5px;
}

textarea.cnct_us {
width:423px;
height:100px;
border: solid #999999 1px;
float: left;
}

label.cnct_us {
color:#006FB2;
font-size:12px;
float: left;
margin-top: 5px;

*margin-bottom:0px;
}

input.button_cnct_us {
font: normal 12px "Trebuchet MS", Arial;
width:55px;
color: #006FB2;
background: #E6E6E6;
border: solid #999999 1px;
float: right;
margin-right: 30px;
}

input.checkbox_cnct_us {
font: normal 12px "Trebuchet MS", Arial;
width: 30px;
margin-right: 10px;
margin-bottom: 20px;
*margin-bottom: 0px;
*border:none;
}


.checkbox_label {
font: normal 12px "Trebuchet MS", Arial;
color: #006FB2;
}

span{
font: normal 12px "Trebuchet MS", Arial;
color: #FF0000;

}
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* Tables 
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

#default  {
text-align:left;
}


/* ORL TABLE - BLUE TABLE
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#orl_blue {
font-size: 12px;
width: 96%;
text-align: left;
border-collapse: collapse;
}

#orl_blue th {
padding: 16px 8px;
font-weight: normal;
font-size: 14px;
color: #FFFFFF;
background-color: #005A97;
border: 1px solid #004F84;
border-bottom: none;
}

#orl_blue th.value {
background-color: #D7E7F2;
padding: 8px;
color: #00436A;
border: 1px solid #C8DFEE;
font-size: 12px;
}

#orl_blue td {
padding: 8px;
/*background-color: #D8E9F3;*/
background-color: #E6F0F7;
color: #00436A;
border: 1px solid #DDEBF4;
}
#orl_blue  tbody  tr:hover  td {
/*background-color: #DAEBF3;*/
background-color: #D7E7F2;
}

#orl_blue td.comments {
background-color: #EDF4FA;
padding: 0px 8px;
color: #00436A;
border: 1px solid #DDEBF4;
font-size: 10px;
line-height:5px;
}

#orl_blue td.comments p {
line-height:12px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* ORL TABLE - YELLOW TABLE
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#orl_yellow {
font-size: 12px;
width: 96%;
text-align: left;
border-collapse: collapse;
}

#orl_yellow th {
padding: 16px 8px;
font-weight: normal;
font-size: 14px;
color: #00436A;
background-color: #FFCC00;
border: 1px solid #FFDB4A;
border-bottom: none;
}

#orl_yellow th.value {
background-color: #FFF0B7;
padding: 8px;
color: #00436A;
border: 1px solid #FFE68C;
font-size: 12px;
}

#orl_yellow td {
padding: 8px;
/*background-color: #D8E9F3;*/
background-color: #FFF8D9;
color: #00436A;
border: 1px solid #FFEFB7;
}
#orl_yellow tbody  tr:hover  td {
/*background-color: #DAEBF3;*/
background-color: #FFF0B7;
}

#orl_yellow td.comments {
background-color: #FFF8D9;
padding: 0px 8px;
color: #00436A;
border: 1px solid #FFEFB7;
font-size: 10px;
line-height:5px;
}

#orl_yellow td.comments p {
line-height:12px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* ORL TABLE - YELLOW TABLE
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#orl_lightblue {
font-size: 12px;
width: 96%;
text-align: left;
border-collapse: collapse;
}

#orl_lightblue th {
padding: 16px 8px;
font-weight: normal;
font-size: 12px;
color: #00436A;
background-color: #78DEF3;
border: 1px solid #9DE7F7;
border-bottom: none;
}

#orl_lightblue th.value {
background-color: #BDEEF9;
padding: 8px;
color: #00436A;
border: 1px solid #9FE8F7;
font-size: 12px;
}

#orl_lightblue td {
padding: 8px;
background-color: #D8E9F3;
background-color: #E3F8FD;
color: #00436A;
border: 1px solid #D1F2FC;
}

#orl_lightblue tbody  tr:hover  td {
background-color: #DAEBF3;
background-color: #BDEEF9;
}

#orl_lightblue td.comments {
background-color: #E3F8FD;
padding: 0px 8px;
color: #00436A;
border: 1px solid #D1F2FC;
font-size: 10px;
line-height:5px;
}

#orl_lightblue td.comments p {
line-height:18px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/