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

 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Modificado por Filipe Rocha (filipe@viaoceanica.com)
   * Via Oceânica (www.viaoceanica.com)

----------------------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
@import url("forms.css");

/* Containers e caixas
-------------------------------------------------------------- */
.container     { width:800px; margin:10px auto; }
.cab_principal { height:308px; width:800px; background:url(../../img/top.gif) top left no-repeat; position:relative;}
.cab           { height:308px; width:800px; background:url(../../img/top_1.gif) top left no-repeat #fff;}
.colMain       { width:750px; height:300px; padding:15px 10px 0px 40px; background:url(../../img/bg_main.gif) bottom right no-repeat #fff; }

.rod           { }

/* NOTA: o clear está escrito no reset.css */


/* Cabeçalho.
-------------------------------------------------------------- */
/* Duplex e Sala Dois */
.duplex_principal { background:url(../../img/duplex.gif) top left no-repeat; width:49px; height:59px; position:absolute; top:15px; right:15px; display:block;}
.saladois_principal { background:url(../../img/saladois.gif) top left no-repeat; width:75px; height:29px; position:absolute; top:15px; left:15px; display:block;}

/* Menu Superior */
.menu_topo_principal { background:#e5e9f0; float:right; margin:10px 80px 0 0;}
.menu_topo_principal li { list-style:none; margin:0; float:left; padding:3px 5px; display:block;}
.menu_topo_principal a { color:#7f93b3; text-decoration:none; font-size:.8em; font-weight:bold;}
.menu_topo_principal a:hover { color:#002868;}

.menu_topo { width:450px; height:17px; background:#fff; text-align:center; font-size:0.75em; font-weight:bold; float:right; margin:10px 80px 0 0;}
.menu_topo a { color:#7f93b3; text-decoration:none;}
.menu_topo a:hover { color:#002868;}
	
/* Coluna do Conteudo.
-------------------------------------------------------------- */
.colMain_principal { background:url(../../img/bg_main_principal.gif) bottom left no-repeat #002868	; width:760px; height:300px; color:#fff; padding:15px 10px 0px 30px;}
.colMain_principal h3 { color:#fff !important;}
	
/* Parte das Artes */
.artesTitulo { font-size:1.7em; margin-left:10px;}
.artesAutor { font-size:2.1em; margin-left:10px;}
.evento { border-left:solid 1px #002868; width:374px; float:left; min-height:200px; margin-bottom:5px;}
.localizacao { margin:100px 0 0 10px;}
.tipoEvento { background:#002868; color:#fff; font-size:0.9em;}
	
/* Rodapé.
-------------------------------------------------------------- */	
	
/* Extras.
-------------------------------------------------------------- */
/* Menu principal do site. */
#nav { list-style:none; width:800px; height:70px; margin:0; background:url(../../img/bg_menu_pg_principal.gif) top left repeat-x;}
#nav li { position:relative; float:left; }
#nav li a { text-indent:-9999px; display:block; height:70px;}
li .subnav { background:#fff; list-style:none; position:absolute; width:200px; top:70px; display:none;}
#nav li .subnav li { float:none; text-align:left; }
#nav li .subnav li a { text-indent:0; display:block; height:auto; width:180px; color:#0c3161; text-decoration:none; padding:5px 10px 5px 10px;}
#nav li .subnav li a:hover {padding:5px 0px 5px 20px; background:url(../../img/selected_li_principal.gif) top left no-repeat #ccd4e1; color:#0c3161;}	
/* Holly Hack. IE Requirement. */
* html ul li {float: left; height: 1%;}
* html ul li a {height: 1%;}
/* The magic. */
li:hover .subnav, li.over .subnav {display: block;} 
/* ---
#nav .b_servicos_principal { width:65px; background:url(../../img/b_servicos_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_restauracao_principal { width:88px; background:url(../../img/b_restauracao_principal.gif) top left no-repeat;margin-left:30px;}
#nav .b_moda_principal { width:36px; background:url(../../img/b_moda_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_livros_principal { width:46px; background:url(../../img/b_livros_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_miudos_principal { width:52px; background:url(../../img/b_miudos_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_saude_principal { width:43px; background:url(../../img/b_saude_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_brindes_principal { width:55px; background:url(../../img/b_brindes_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_estetica_principal {width:58px; background:url(../../img/b_estetica_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_lazer_principal { width:63px; background:url(../../img/b_lazer_principal.gif) top left no-repeat; margin-left:30px;}
#nav .b_back_principal { width:44px; height:27px; display:block; background:url(../../img/b_back_principal.gif) top left no-repeat;}
 */
body#home #nav .b_servicos { width:72px; background:url(../../img/b_servicos_principal.gif) top left no-repeat; margin-left:4px;}
body#home #nav .b_servicos:hover { background:url(../../img/b_servicos_principal.gif) bottom left no-repeat;}

body#home #nav .b_restauracao { width:72px; background:url(../../img/b_restauracao_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_restauracao:hover { background:url(../../img/b_restauracao_principal.gif) bottom left no-repeat;}
body#home #nav .b_moda { width:72px; background:url(../../img/b_moda_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_moda:hover { background:url(../../img/b_moda_principal.gif) bottom left no-repeat;}
body#home #nav .b_livros { width:72px; background:url(../../img/b_livros_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_livros:hover { background:url(../../img/b_livros_principal.gif) bottom left no-repeat;}
body#home #nav .b_miudos { width:72px; background:url(../../img/b_miudos_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_miudos:hover { background:url(../../img/b_miudos_principal.gif) bottom left no-repeat;}
body#home #nav .b_saude { width:72px; background:url(../../img/b_saude_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_saude:hover { background:url(../../img/b_saude_principal.gif) bottom left no-repeat;}
body#home #nav .b_brindes { width:72px; background:url(../../img/b_brindes_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_brindes:hover { background:url(../../img/b_brindes_principal.gif) bottom left no-repeat;} 
body#home #nav .b_estetica { width:72px; background:url(../../img/b_estetica_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_estetica:hover { background:url(../../img/b_estetica_principal.gif) bottom left no-repeat;} 
body#home #nav .b_lazer { 	width:72px; background:url(../../img/b_lazer_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_lazer:hover { background:url(../../img/b_lazer_principal.gif) bottom left no-repeat;}
body#home #nav .b_internet { 	width:72px; background:url(../../img/b_internet_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_internet:hover { background:url(../../img/b_internet_principal.gif) bottom left no-repeat;}
body#home #nav .b_decoracao { 	width:72px; background:url(../../img/b_decoracao_principal.gif) top left no-repeat; margin-left:0px;}
body#home #nav .b_decoracao:hover { background:url(../../img/b_decoracao_principal.gif) bottom left no-repeat;}