/*  ****** ZERAR CSS ********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

	
}
a:link {
text-decoration:none;
color:#666;
;
}
a:visited {
color:#666;
text-decoration:none;
}
a:hover {
text-decoration: underline; 
color: #666;
}

a:active {
color:#FF0000;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#FFFFFF;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* **********  LIGHTBOX      ***************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/*  ****** WHOLE PAGE ********/

/*==============================================================INICIO NOVO==============================================================*/
.container00{height:100%; background-color:#FFFF00;}
.header{height:200px;}
.container01{ width:960px; background-color:#0099CC; height:1366px; margin:0px auto;}
#barra-abril{text-align:center;width:100%;min-width:1003px;height:30px;background-color:#fff;border-bottom:1px solid #d8d9d3}#barra-abril{width: expression(document.body.clientWidth < 1004 ? "1003px" : "auto" );}#barra-abril #baContnr{text-align:left;width:1003px;padding:0;margin:0 auto}#barra-abril #baContnr ul{margin:0;padding:0;list-style:none outside none}#barra-abril #baContnr #baMenu{width:1003px;height:30px;clear:both}#barra-abril #baContnr #baMenu.baBorda{background:url("https://www.abril.com.br/barrasup/s/i/baIcons.gif") repeat-x scroll 0px -97px transparent}#barra-abril #baContnr #baMenu #baArv{height:30px;width:25px;float:left;margin:0 9px 0;background:url("https://www.abril.com.br/barrasup/s/i/baIcons.gif") no-repeat scroll 0 -3px transparent}#barra-abril #baContnr #baMenu .baSites{margin:7px 0 0;display:block;float:left}#barra-abril #baContnr #baMenu .baSites.baInsDir{float:right}#barra-abril #baContnr #baMenu .baSites li.baNenhum{background:none;border-width:0 0 0 1px;border-style:solid;border-color:#333}#barra-abril #baContnr #baMenu .baSites li.baNenhum.baInsOne{border:none;padding:0 9px 0 5px}#barra-abril #baContnr #baMenu .baSites li{background:url("https://www.abril.com.br/barrasup/s/i/baIcons.gif") no-repeat scroll -11px -47px transparent;padding:0 9px 0 13px;margin:0;font-family:arial;font-size:12px;font-weight:bold;color:#333;float:left;display:block}#barra-abril #baContnr #baMenu .baSites li a{cursor:pointer;text-decoration:none;color:#333}#barra-abril #baContnr #baMenu .baSites li #baNoBrdr #baMais{cursor:pointer;text-decoration:none;color:#008457;background:url("https://www.abril.com.br/barrasup/s/i/baIcons.gif") no-repeat scroll 87px -83px transparent;padding:0 23px 0 0;display:block;float:left;height:25px}#barra-abril #baContnr #baMenu .baSites li #baNoBrdr{height:25px;float:left}#barra-abril #baContnr #baMenu .baSites li #baNoBrdr.baNoBord{background-color:#fff}#barra-abril #baContnr #baMenu #baGrupo{float:right;height:18px;margin:5px 0 0 5px;padding:2px 0 0 15px;width:94px;font-family:arial;font-size:12px;color:#333;text-decoration:none;border-width:0 0 0 1px;border-style:solid;border-color:#333}#barra-abril #baContnr #baMenu #baGrupo span.baGrpAbr{font-weight:bold}#barra-abril #baContnr #baLista{z-index:2147483583;position:absolute;display:none;width:1001px;background-color:#fff;border-style:none solid solid;border-color:#d8d9d3;border-width:1px}#barra-abril #baContnr #baLista ul{margin:12px 0 0 38px;float:left;display:block;padding:0 0 18px;text-align:left}#barra-abril #baContnr #baLista ul li{margin:4px 0 0 0;line-height:13px;font-family:arial;font-size:13px;font-weight:bold;color:#333;display:block}#barra-abril #baContnr #baLista ul li a{text-decoration:none;color:#333}
.login{border: 1px solid #CCC;
padding: 10px 0 10px 7px;
width: 208px;
height: auto;
font-size: 15px;
font-weight: bold;
}
.login form span,
.login form input{ display:block;}
.login form input{ margin:0px; padding:0px; height:30px; width:198px;}
.form2{ font-size:12px; font-weight:normal;}
.n_cadastro{ display:block; text-align:center;font-weight:bold; font-size:12px;}
.n_cadastro span{display:block; margin-bottom:10px;color:#000000 !important; font-size:14px;}

/*==============================================================FIM NOVO==============================================================*/


#container {
    height: 1321px;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
}

.title001{ border-bottom:1px dotted #CCCCCC; margin-bottom:15px;}

#top{
background-color:#fff;
background:url(https://www.fotolivro.com.br/subhomes/tvantagens/0904/img/topo.jpg);
background-repeat:no-repeat;
height:104px;
margin-top:4px;
}

#stage{
		font-size:12px;
		height:695px;
		float:left;
}

.menu_direito{
		width:253px;
		float:left;

		}

#stage h1{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:20px;
color:#FF3399;
}

#menuleft{
width:220px;
float:left;
margin-left:10px;
margin-top:26px;
}

.login .imglogin{margin:-37px 0 0 -14px; padding:0px; position:absolute; display:inline-block;}

.menudireito{
	background-color:#0000FF;
	width:200px;
	height:400px;
	}

#menutitulo{
margin-top:5px;
margin-left:6px;
padding:2px;
font-weight:bold;
}
#menusub{
margin-left:16px;
padding:1px;
}
 
#flash_euquero{
width:709px;
float:right;

}
#fotolivro{
	width:709px;
	height:211px;
	/*float:right;*/
	background:url(/subhomes/viajeaqui/090915novosite/img/bg_fotolivro.jpg);

}

#foropresentes{
/*float:right;*/
width:709px;
height:159px
}

#foropresentes2{
width:676px;
height:136px;
background:#c8c8c8;
background:url(../img/bg_fotopresentes.gif);
}

#fotodigital{
/*float:right;*/
width:709px;
}

.floatright{
float:right;
margin:3px;
padding:5px;

}
.floatleft{
margin:3px;
padding:5px;
float:left;
float:left;
}

#ondecomprar {
width:690px;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
}

#saibacomo{
width:709px;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
}

#footer{
text-align:center;
height:85px;
}

.imgfooter{
padding:5px;
margin-left:30px;
margin-right:30px;
}

.imgondecomprar{
margin-top:185px;
margin-left:470px;
padding:5px;
}

.formlegenda{
font-size:9px;
line-height:11px;
margin-top:5px;
margin-bottom:5px;
}

.formt{
background:#f1f1f1;
border-color:#999999;
border-width:1px;
margin:4px;
}

form{
margin-bottom:20px;
}

/*  ****** MENU SCROLLING ********/

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 214px;
  width: 378px;
  /*margin-top:243px; 
  /* Add scroll-bars */
  overflow: auto;
   margin-left:240px;

}
ul.sc_menu {
  display: block;
  height: 85px;
  /* Max width here, for users without Javascript */
  width: 2000px;
 /* padding: 1px 0 0 65px; */
  margin-top:15px;


 
  /* Remove default margin */

/* background: url('navigation.png');*/
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sc_menu span {
  display: none;
  margin-top: 2px;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 0px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}