/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

embed { margin:0; padding:0; }
body { margin:0; padding:0; font-family:"Georgia", Arial, Helvetica, sans-serif; }

p {font-family:"Lucida Sans", Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px; line-height:1.4em; font-weight:normal; padding-bottom:10px; color:#5f5e5e}
p a:link{color:#E71F2C; text-decoration:none}
p a:hover {color:#E71F2C; text-decoration: none}

a:link, a:visited{color:#333333; text-decoration:none}
a:hover {color:#E71F2C; text-decoration: none}


h1 { font-size:48px;  margin:12px 0px 24px 0px; ;padding:0; color:#1c1c1c; font-weight: normal; line-height:50px; width: 630px;}
h2 { font-size:30px; font-style:italic; margin:0; padding:0; color:#1c1c1c; font-weight: normal; border-bottom:1px solid #333333; padding-bottom:2px; margin-bottom:10px}
h3 { font-size:18px;  margin:0; padding:0; color:#1c1c1c; font-weight: normal; margin-bottom: 10px;}
h4 {font-size:16px;  margin:0; padding:0; color:#1c1c1c; font-weight: normal; padding-bottom:15px; line-height:1.2em; }
h5 { font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:16px;  margin:0; padding:0; color:#d80003; font-weight: normal; margin-bottom:5px; margin-top:-5px}
h6 {font-size:12px;  margin:0; padding:0; color:#1c1c1c; font-weight: normal; font-style:italic; border-bottom:1px solid #333333; padding-bottom:2px; margin-bottom:10px; text-align:center}

object {margin:0 10px 10px 0; float:left; padding-top:5px; width:400px;}
/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:955px; margin:0 auto;}

/*
---------------------------------------------
03. HEADER
---------------------------------------------
*/

#header { width:955px; padding-top:45px; float:left}

/*
---------------------------------------------
03.1 HEADER - LOGO ICON LINKS AND TOP BANNER
---------------------------------------------
*/

.logo { width:260px; height:100px; float:left; }
.quicklinks {width:25px; float:left; padding-left:12px}
.icons {width:25px; height:25px; margin-bottom:5px;}
.topbanner { width:487px; height:65px; float:right; background:#cccccc url(../images/bg_topbanner.gif) no-repeat bottom center; padding-top:5px; padding-left:5px}


/*
---------------------------------------------
04. TOP NAVIGATION
---------------------------------------------
*/

#topnav { width:955px; height:30px; border-bottom:1px solid #CCCCCC; float:left; margin-top:5px}

/*
---------------------------------------------
04.1 TOP NAVIGATION- LINKS AND SEARCH
---------------------------------------------
*/

.navlinks {width:670px; margin: 0; padding: 0; list-style: none; float:left;}
.navlinks li { float: left; margin: 0; padding:0; list-style: none; border-right:1px solid #ccc}
.navlinks a { float: left; margin:0; padding: 7px 10px;text-decoration: none; color:#000; font-size:14px; font-weight: normal; font-family:"Lucida Sans", Arial, Helvetica, sans-serif}
.navlinks a:hover { color:#cd0600;}
.navlinks .selected {color:#cd0600;}

.pesquisa { width:250px; float:right}
.pesquisa fieldset { width:250px; float:left; margin:0; padding:0; border:none; margin-top:2px}
.pesquisa fieldset .input { width:200px; float:left; margin:0; padding:0; border:1px solid #000000; padding:3px; font-style: italic; font-weight: bold; font-size:12px; font-family:"Georgia", Arial, Helvetica, sans-serif; }
.pesquisa fieldset .button_ok { float:left; font-size:14px; color:#ce0108; font-family:"Lucida Sans", Arial, Helvetica, sans-serif; padding-left:20px; padding-top:2px}
.pesquisa fieldset .button_ok a:link{color:#ce0108; text-decoration: none}


/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/

#content { width:955px; float:left; margin:0; padding:0; margin-top:30px}

/*
---------------------------------------------
06. PANEL LEFT
---------------------------------------------
*/

#panel-left { width:460px; float:left; margin-right:20px}

/*
---------------------------------------------
06.1 PANEL LEFT- DESTAQUE
---------------------------------------------
*/

#destaque { width:460px; margin:0; padding:0} 
#destaque .image { width:460px; margin:0; padding:0} 
#destaque .image img {width: 460px}
#destaque p { width:460px; margin:0; padding:0; text-align:right; font-size:10px; color:#afafaf; padding-top:10px;} 
#destaque .hotelname { font-style:italic; font-family:"Georgia", Arial, Helvetica, sans-serif; } 

/*
---------------------------------------------
06.2 PANEL LEFT- DESTAQUES
---------------------------------------------
*/

#destaques { width:460px; margin:0 ; padding:0}
#destaques h3 { width:220px; font-size:18px;  margin:0; padding:0; color:#1c1c1c; font-weight: normal;}

#destaques .set { width:220px; float:left; margin:0 ; padding:0;}
#destaques .set2 { width:220px; float: right; margin:0 ; padding:0}
#destaques .image { width:220px; margin-bottom:10px; max-height: 155px; overflow: hidden;}
.fr {float: right}
.por { color:#afafaf; font-size:11px}
#destaques .ad { width:460px; margin:0 ; padding:0; padding-bottom:5px}

#set_destaque h3 {font-size:30px;}

.thumb_destaque img { float:left; margin-right:15px; width:300px;}
/*
---------------------------------------------
07. PANEL MIDDLE
---------------------------------------------
*/

#panel-middle { width:300px; float:left; background:url(../images/shadow_panelmiddle.gif) repeat-x bottom right; padding-bottom:5px;}
#panel-middle h3 { margin:3px 0 10px; font-weight:bold;}

/*
---------------------------------------------
07.1 PANEL MIDDLE- ARTUALIDADE
---------------------------------------------
*/

#artualidade { width:300px; margin:0; padding:0; float:left}
#artualidade .image { width:300px; margin:0; padding:0; margin-bottom:10px}
#artualidade .date { font-size:12px; color:#d80003}
#artualidade .set { width:300px; float:left; padding-top:5px; padding-bottom:5px}
#artualidade .set h3 { font-size:14px; font-weight:bold;}
#artualidade .set p{ font-size:10px; line-height:1.3em}
#artualidade .thumb { width:126px; float:left; max-height: 100px; overflow: hidden;}
#artualidade .info { width:160px; float:right; padding-right:5px}
#artualidade .info .date {font-size:10px; color:#d80003}
#artualidade .ad { margin-top:10px; float:left; clear:both; }

/*
---------------------------------------------
08. PANEL RIGHT
---------------------------------------------
*/

#panel-right { width:160px; float: right; margin:0; padding:0;}

/*
---------------------------------------------
08.1 PANEL RIGHT- SUBSCRIBE
---------------------------------------------
*/

#subscribe { width:160px; float:left; padding-top:4px; }
#subscribe .image { width:160px; margin-bottom:10px; padding-top:10px}

/*
---------------------------------------------
08.2 PANEL RIGHT- BUTTON COMPRE
---------------------------------------------
*/

.button_compre { width:135px; padding:5px; float:left; background:#1c1c1c url(../images/bullet.gif) no-repeat left; padding-left:20px; color:#fff; font-size:11px; margin-bottom:10px; padding-top:10px; padding-bottom:10px}
.button_compre a:link{color:#fff; text-decoration:none}
.button_compre a:hover {color:#fff; text-decoration: none}

/*
---------------------------------------------
08.3 PANEL RIGHT- NEWSLETTER
---------------------------------------------
*/

#newsletter { width:160px; float:left; margin:0; padding:0}
#newsletter p { font-size:10px;}

#newsletter h5 { width:140px; margin:0; padding:0; padding-left:20px;}
#newsletter fieldset { width:140px; padding:10px; float:left; color:#fff; font-size:11px; margin-bottom:10px; border:none; background-color:#1c1c1c; padding-top:15px}
#newsletter fieldset .input { width:130px; border:none;  padding:5px; font-family:"Georgia", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:12px}
#newsletter fieldset .button_enviar { float:left; font-size:12px; color:#ce0108; font-family:"Lucida Sans", Arial, Helvetica, sans-serif; padding-top:6px; float:right}
#newsletter fieldset .button_enviar a:link{color:#ce0108; text-decoration: none}

/*
---------------------------------------------
08.4 PANEL RIGHT- AD
---------------------------------------------
*/

#panel-right .ad { width:160px; height:600px; margin:0; padding:0; }

/*
---------------------------------------------
09. CRITICA- HEADING
---------------------------------------------
*/

#critica_heading { width:780px; margin-top:10px; float:left}

/*
---------------------------------------------
09.1 CRITICA- RED BAR 
---------------------------------------------
*/

#critica_redbar { width:100%; background:url(../images/img_red.gif) repeat-y top center; float:left; overflow:auto ; margin-bottom:20px}

/*
---------------------------------------------
09.2 CRITICA- CONTENTS
---------------------------------------------
*/

#critica { width:955px; margin:0 auto;  }
#critica .image { width:220px; float:left}
#critica .content { width:540px; float: left; padding-left:20px; text-align:left;}
#critica .por {text-align:right; font-style:italic; font-family:"Georgia", Arial, Helvetica, sans-serif; } 


/*
---------------------------------------------
10. FOOTER
---------------------------------------------
*/

#footer { width:955px; margin:0 auto;}

/*
---------------------------------------------
10.1 FOOTER- NAVIGATION
---------------------------------------------
*/

#footernav { width:955px; float:left; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding-top:5px; padding-bottom:5px; margin-bottom:5px}

.links {font-size:10px; font-weight: normal;margin: 0; padding: 0; list-style: none; float:left;}
.links li { float: left; margin: 0; padding:0; list-style: none; border-right:1px solid #ccc}
.links a { float: left; margin:0; padding: 2px 10px;text-decoration: none; color:#211C21; font-size:12px; font-weight: normal; font-family:"Lucida Sans", Arial, Helvetica, sans-serif}
.links .nodivider { border-right:none }
.links a:hover { color:#E71F2C;}
.links .selected {color:#E71F2C;}


/*
---------------------------------------------
10.2 FOOTER- COPYRIGHTS
---------------------------------------------
*/

.copyright { color:#96151a; padding-left:4px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8c8c8c}
.copyright a:link { text-decoration: none; color:#8c8c8c}
.copyright a:hover { text-decoration: none;color:#333}

/*
---------------------------------------------
10.3 FOOTER- DEVELOPER
---------------------------------------------
*/

.developer { float:right; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px}
.developer p { float: left; padding-top:5px; line-height:1.4em; font-size:11px}
.developerlogo { /*background:url(../images/logo_mediacode.gif) no-repeat center left;*/ height:25px; padding-left:30px; float: left; font-size:11px; margin-left:6px; padding-top:6px; color:#6a6665 }

.developerlogo a:link { text-decoration: none; color:#6a6665; text-transform: uppercase; font-size:11px;}
.developerlogo a:hover { text-decoration: none;color:#333}


/*
---------------------------------------------
11. MISCELLANEOUS STYLES
---------------------------------------------
*/

.divider { width:100%; height:5px; margin:0; padding:0; border-bottom:1px dotted #CCCCCC; margin-bottom:10px; clear:both;}
.divider_dark { width:100%;  height:10px; margin:0; padding:0; background:url(../images/divider_dark.gif) repeat-x center right; margin-bottom:5px; clear:both; }

img { border:none}


/*
---------------------------------------------
12. INNERPAGE STYLES- CONTENT
---------------------------------------------
*/

#inner-content { width:955px; float:left; margin:0; padding:0;}

/*
---------------------------------------------
12.1 INNERPAGE STYLES- CONTENT- PANEL LEFT
---------------------------------------------
*/

#inner-panel-left { width:630px; float:left; margin:0; padding:0; padding-bottom:20px}
#inner-panel-left p { padding-bottom:15px; padding-top:10px}
#inner-panel-left .thumb { float:left; max-height: 160px; overflow: hidden;}
#inner-panel-left .thumb img {margin-right:15px; width:200px;}

#inner-content_single .por { width:100%; float:left; height:15px; padding-top:5px; padding-bottom:5px; border:1px dotted #CCCCCC; border-left:none; border-right:none}
#inner-content_single .font_lucida {font-family:"Lucida Sans", Arial, Helvetica, sans-serif}

#inner-content_single { width:630px; float:left; margin:0 ; padding:0}
#inner-content_single p { padding-top:0px}

#outros { width:630px; float:left; margin:0 ; padding:0; margin-top:20px}
#outros .por {font-family:"Lucida Sans", Arial, Helvetica, sans-serif}

#outros .set { width:630px; float:left; padding-top:5px; padding-bottom:10px;}
#outros .thumb {float:left; max-height: 160px; overflow: hidden;}
#outros .thumb img {margin-right:15px;}
#outros .info { width:380px; float:right; padding-right:10px; padding-top:10px}


/*
---------------------------------------------
12.2 INNERPAGE STYLES- CONTENT- PANEL RIGHT
---------------------------------------------
*/

#inner-panel-right { width:300px; float: right; margin:0; padding:0; margin-top:3px; padding-bottom:20px}

#inner-panel-right .ad_top { width:300px; padding-top:10px; border-bottom:1px solid #000000; padding-bottom:7px; border-top:1px solid #000000; padding-top:10px}

#inner-newsletter { width:300px; float:left; margin:0; padding:0; margin-top:10px}
#inner-newsletter h5 { width:300px; margin:0; padding:0; padding-bottom:0; float:left}
#inner-newsletter p { font-size:10px}

#inner-newsletter fieldset { width:280px; padding:10px; float:left; color:#fff; font-size:11px; margin-bottom:10px; border:none; background-color:#1c1c1c; padding-top:15px}
#inner-newsletter fieldset .input { width:270px; border:none;  padding:5px; font-family:"Georgia", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:12px}
#inner-newsletter fieldset .button_enviar { float:left; font-size:12px; color:#ce0108; font-family:"Lucida Sans", Arial, Helvetica, sans-serif; padding-top:6px; float:right}
#inner-newsletter fieldset .button_enviar a:link {color:#ce0108; text-decoration: none}

#inner-panel-right .ad { width:300px; margin:0; padding:0}

.more { text-align:right; font-style:italic; margin-left:180px;}

.image_destaque img {width:300px;}

.last { float:right; margin-right:0px;}

.image_content img {width:300px; float:left; margin-right:15px; margin-bottom: 15px;}

h3#editorial { font-size:24px; width:100%; margin-bottom: 10px;}

#critica h2 { border: none;}

.image_capa img {width:160px;}

.downs { float: left;  }

.index{ width: 300px; margin-top: 70px; float: right;
}

h3.edicoes {
	font-size: 24px;
}

.thumb_edicoes img {
	width: 125px; margin-right: 15px; float: left;
}


.left {
	float: left; margin-right: 15px;
	margin-bottom: 10px;
	max-width: 300px;
}


.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	max-width: 300px;

}


#destaques h1 {
	width: 460px;
}


div#inner-content_single div.image_content + p {font-weight: bold; font-size: 13px
	
}

/* caption styling */

.caption {
	color: #ffffff;
	
	padding: 0.6em;
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	display: none;
	cursor: default;
	
	/* remove these 4 lines below if you want 
	the caption to span the whole width of the 
	image*/
	width: 36%;
	text-align: center;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	
	/* background / transparency */
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}

.caption a:hover {
	background: #202020;
}

.ebook img {width:300px;}