/* 

    Document   : estilo.css
    Created on : 31/07/2009, 09:19:20
    Author     : Nikolai - Acao Direta Web Studio
    Description: CSS - hotelportosol.com.br
	Alterado update: 21/02/2011 (Paulo Marcos Luft)

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
	
*/


* 						{ margin:0px; padding:0px;}
body 					{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#0F1C57; font-size:11px; background:url(../imagens/bg.jpg); }
img 					{ border:0px;}
h1						{ font-size:18px; text-align:center; color:#FFFFFF; }
h2						{ font-size:14px; text-align:center; font-weight:bold;  margin-left: 15px;  margin-right: 15px;  }
a						{ text-decoration:none; color:#0F1C57;}
a.rodape				{ text-decoration:none; color:#fff;;}
a:hover					{ text-decoration:underline; }

/* Layout */

div#container			{ width:990px; margin:auto; position:relative; }

div#barra_hotel			{ background:#999; height:25px; }
div#barra_hotel	p		{ margin:0 auto; width:980px; text-align:center; color:#fff; line-height:25px; }
div#barra_hotel a		{ color:#eee; }
div#barra_hotel a:hover		{ color:#ccc; }

/* MENU */

div#header					{ margin-top:5px;}
div#header ul				{ position:relative; width:835px; float:left; height:40px;  }
div#header li				{ height:30px; float:left; list-style:none; margin-left:17px; display:inline; }
div#header li.sem			{ margin-left:0;  }
div#header li a				{ display:block; text-decoration:none; line-height:30px; font-size:13px; color:#FFF; text-align:center; }
div#header li a:hover		{ color:#FFCC00; text-decoration:underline; }
div#header ul.icones		{ float:right; width:154px;}
div#header ul.icones li		{ margin-left:10px;}

/* INTRO */
div#intro					{ width:990px; height:533px;  margin:auto; margin-top:10px;  }

/* WRAPER */
div#wraper					{ width:990px; height:533px; position:relative;  margin:auto; margin-top:10px;  }

/* CONTENT RIGHT */
div#content-right					{ width:284px; height:533px; position:relative; float:right; background:url(../imagens/fundo-content-right.png) -48px 20px no-repeat;   }
div#content-right p					{ margin-left:15px; margin-right:15px; }
div#content-right .linha,
div#content-right #linha			{ margin-left:75px; }
div#content-right #logo-porto-sol	{ right:70px; margin-bottom:5px; position:absolute; bottom:15px; }
div#content-right .strong			{ text-align:center; }
div#content-right img				{ margin-left:15px; }

/* CONTENT LEFT */
div#content-left			{ width:709px; height:533px; float:left; position:absolute; z-index:100;  }

div#slider						{ width:713px; height:533px; overflow:hidden }

div#header li {	margin-left: 10px!important ;}
div#header li.sem {	margin-left: 0!important ;}

/* Rodape */

div#rodape 				{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#FFF; }

div#logo-acao 			{ float:right; margin-top:10px; position:absolute; right:0}


div#copyright 			{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#FFF; float:left; margin-top:8px;  }

div#formulario				{ margin-left:10px; display:inline;}
div#resposta_contato		{ margin-top:10px; color:#FFF; font-size:18px; font-weight:bold; }


form#contato				{ margin-top:10px; }
form#contato label			{ margin-left:10px; width:100px; height:15px; padding-top:3px; float:left; }
form#contato input			{ width:155px; margin-top:5px; *margin-top:0px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#contato textarea		{ width:157px; margin-top:5px; border: solid 1px #CCC; background:#E6E6E6; }
form#contato #enviar		{ width:157px; margin-top:-10px; _margin-top:-5px; *margin-top:-5px; float:right; margin-right:15px; background:#C5D8ED; border: solid 1px #CCC; color:#3C808D; font-weight:bold; }

/* Mensagem form */
p.ok                                    { width:747px; margin:0 0 10px 0px; height:35px; background:#94AD7A; color:#fff; text-align:center; }
p.unok                                  { width:747px; margin:0 0 10px 0px; height:35px; background: #990000; color:#fff; text-align:center; }
form#contato .campo_requer              { border:solid 1px #900; color:#333; }


div#links-eventos			{ position:absolute; margin-top:5px;}
ul#eventos					{ position:relative; height:30px;   }
ul#eventos li				{ float:left; text-decoration:none; list-style:none; margin-left:30px; display:inline; }
ul#eventos li a:hover		{ text-decoration:underline; }

div#links-eventos .mais		{ margin-left:0px; }


div#baixo-pacotes			{ background:url(../imagens/baixo-pacotes-fnd.jpg) no-repeat; height:114px; width:709px;}

.nivo-directionNav a { display:block; width:32px; height:34px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px;	border:0;}
a.nivo-nextNav 		{ background-position:-32px 0;	right:10px;}
a.nivo-prevNav 		{ left:10px;}

div.popup2			{ background:#D9E6FF; padding:10px; }
div.popup2 p			{ text-align:center; }
div.addthis_default_style a	{ color:#FFF;}

/* ----->>>>> Tabelas <<<<<-------- */

table.tabela                            { width:100%; border-collapse:collapse; border:1px solid #636363;  }
table.tabela caption					{ font-size:14px; padding-bottom:10px; color:#666; font-weight:bold; }
table.tabela thead                      { font-size:12px; background:#224326; color:#FFF; text-align:left;  }
table.tabela thead th                   { padding:5px; text-align:left; vertical-align:middle; border:1px solid #fff; background:#224326; }

table.tabela tbody tr                   { font-size:12px; }
table.tabela tbody th                   { border:1px solid #666666; vertical-align:middle; }
table.tabela tbody td                   { border-bottom:1px solid #666666; border-right:1px solid #666; padding:10px; vertical-align:middle; }

table.tabela tfoot                      { font-size:12px; color:#666666; font-weight:bold;   }
table.tabela tfoot th,
table.tabela tfoot td                   { padding:5px; border-bottom:1px solid #666666;   }

.odd                                    {  background: #CCDEFF; }

table.tabela2 tbody td                   { padding:10px; vertical-align:middle; }
table.tabela2 p.titulo                   { color:#0F1C57; font-size:18px; font-weight:bold; }

/****************************** Slide Show ******************************/

div#slideshow 			{ 	width:990px; height:533px;	position:relative;}
div#slideshow div.left,
div#slideshow div.right { position:absolute; top:250px; color:#FFF; font-weight:bold; width:32px; height:34px; color:#8f1b02; cursor:pointer; z-index:1000;}
div#slideshow div.right { left:0px;	background:url('../imagens/arrows.png') 0px 0 no-repeat; text-align:left; }
div#slideshow div.left  { right:0px; background:url('../imagens/arrows.png') -32px 0 no-repeat; text-align:right;}
div#slideshow div.txt 	{ position:absolute; width:970px; width:300px; color:#FFF; padding:5px 10px; font-size:11px; font-weight:normal; line-height:1.4em;  }
div#slideshow div.txt a { color:#fff; }
div#slideshow div.posi1 { top:0px; right:0px; text-align:right; width:200px;  }
div#slideshow div.posi2 { top:0px; left:0px; text-align:left  }
div#slideshow div.posi3 { bottom:0px; right:0px; text-align:right; background:url(../imagens/fundo-slide.png) repeat;  }
div#slideshow div.posi4 { bottom:0px; left:0px; text-align:left; background:url(../imagens/fundo-slide.png) repeat;  }

div#slidepacote				{ height: 419px; position: relative; width: 709px;}
div#slidepacote div.left,
div#slidepacote div.right 	{ position:absolute; top:250px; color:#FFF; font-weight:bold; width:32px; height:34px; color:#8f1b02; cursor:pointer; z-index:1000;}
div#slidepacote div.right 	{ left:0px;	background:url('../imagens/arrows.png') 0px 0 no-repeat; text-align:left; }
div#slidepacote div.left  { right:0px; background: url('../imagens/arrows.png') -32px 0 no-repeat; text-align:right;}