/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left;}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.center {text-align:center}
body {background:#001527;border:0;font:14px Arial, Helvetica, sans-serif;color:#363636;line-height:20px}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}
.main {margin:0 auto;width:1000px;position:relative}
.body1 {background:url(../images/bg_top_repeat.gif) top repeat-x #00c030}
.body2 {background:url(../images/bg_top1.jpg) top center no-repeat}
.body3 {background:url(../images/bg_top2_repeat.jpg) top repeat-x}
.body4 {background:url(../images/bg_top2.jpg) top center no-repeat;height:379px}
.body5 {background:url(../images/bg_top4_repeat.jpg) top left repeat }
.body6 {padding:28px 28px}
.body7 {background:#eeeeee}
.body8 {background:url(../images/bg_bot_repeat.jpg) top repeat-x}
.body9 {background:url(../images/bg_bot.jpg) top center no-repeat;height:75px}
/* main layout */
a {color:#006abb;text-decoration:underline;outline:none; cursor:pointer}
a:hover {text-decoration:none}
h1 {float:left;padding:21px 0 0 24px}
h2 {font-family:Tahoma, Geneva, sans-serif; font-size:1.4em;;color:#fff;line-height:1.2em;padding:26px 0 14px 0;letter-spacing:-1px}
h2 span {color:#006abb}
h3 {font-size:20px;color:#fff;line-height:1.5em;padding:15px 0 40px 0}
p {padding-bottom:20px}
/* header */
header{height:265px}
#logo {
	display:block;
	background:url(../images/cruz.gif) no-repeat;
	width:170px;
	height:140px;
	margin:20px 0 0 40px;
	text-indent:-9999px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color:#fed1f9;
}

<style type="text/css">

span.link {
    	position: relative;
}

    span.link a span {
    	display: none;
}

span.link a:hover {
    	font-size: 99%;
    	font-color: #000000;
}

span.link a:hover span {
	display: block;
	position: absolute;
	margin-top: -20px;
	margin-left: -180px;
	width: 185px;
	padding: 5px;
	z-index: 100;
	color: #00F;
	background: #F9F;
	font: 12px "Arial", sans-serif;
	text-align: justify;
	text-decoration: none;
}
    #link a {
    	display: none;
}
#link a:hover {
	display: block;
	position: absolute;
	margin-top: -60px;
	margin-left: -80px;
	width: 185px;
	padding: 5px;
	z-index: 200;
	color: #00F;
	background: #F9F;
	font: 12px "Arial", sans-serif;
	text-align: justify;
	text-decoration: none;
}

header .right{
	width:200px;
	padding-top:40px
}
#titulo {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:5.2em;
	font-stretch:semi-condensed;
	color:#8989ae;
	margin-top:62px;
	margin-left:60px;
	float:left;
}
.sombra {
	position:absolute;	
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:5.2em;
	font-stretch:semi-condensed;
	color:#fff;
	margin-top:60px;
	margin-left:265px;
	float:left;
}

#titulo span {display:block;font-size:5em;line-height:1.2em;margin-top:50px;}
.claim {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#2121f6;
	word-spacing:0.7em;
	letter-spacing:0.22em;
	float:left;
	margin:40px 0 0 70px;
	position:relative;
	background-image: url(../images/line_top1.gif);
	text-align:justify;
	background-position: left top;
	background-repeat: repeat-y;
	max-width: 490px;
	max-height:22px;
	padding:0 0.5em 0 0.5em;
}
.pomba {
	font: bold italic 0.8em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
	line-height:1.5em;
	color : blue;
	border-top: 1px solid #DDD;
	padding-top:10px;
	text-align: center;
	}



/* menu */

#top_nav {padding:30px 0 0px 0;float:right;width:500px}
#top_nav li {float:right;padding:0 3px}
#top_nav li a {font-size:10px;color:#fff;text-transform:uppercase;text-decoration:none}
#top_nav li a:hover {text-decoration:underline}
#search {background:url(../images/search.jpg) no-repeat;width:151px;height:26px;margin-top:50px; margin-bottom:10px; float:left}
#search .submit {background:none;height:26px;width:28px;cursor:pointer;}
#search .input {float:left;width:123px;height:16px;padding:5px 0 5px 5px;font:12px Arial, Helvetica, sans-serif;color: #999;;background:none;}
.bg { color:#999}
#menu {}
#menu ul {width:100%;overflow:hidden; padding-top:20px}
#menu li {float:left;padding-left:2px}
#menu li a {display:block;height:23px;width:140px;font-size:1em;padding-top:60px;text-align:center;text-decoration:none;text-transform:uppercase}
#navigation {
	display:block;
	list-style:none;
	z-index:3;
}
#menu li a:hover, #menu #menu_active a{}
nav#menu li.selected a {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}
.nav1 {background:url(../images/menu1.gif) center 20px no-repeat}
.nav2 {background:url(../images/menu2.gif) center 20px no-repeat}
.nav3 {background:url(../images/menu3.gif) center 20px no-repeat}
.nav4 {background:url(../images/menu4.gif) center 20px no-repeat}
.nav5 {background:url(../images/menu5.gif) center 20px no-repeat}
.nav6 {background:url(../images/menu6.gif) center 20px no-repeat}
.nav7 {background:url(../images/menu7.gif) center 20px no-repeat}
.nav1:hover, .nav1#active {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}
.nav2:hover, .nav2#active {background:url(../images/menu2_active.gif) center 11px no-repeat #00c030}
.nav3:hover, .nav3#active {background:url(../images/menu3_active.gif) center 11px no-repeat #00c030}
.nav4:hover, .nav4#active {background:url(../images/menu4_active.gif) center 11px no-repeat #00c030}
.nav5:hover, .nav5#active {background:url(../images/menu5_active.gif) center 11px no-repeat #00c030}
.nav6:hover, .nav6#active {background:url(../images/menu6_active.gif) center 11px no-repeat #00c030}
.nav7:hover, .nav7#active {background:url(../images/menu7_active.gif) center 11px no-repeat #00c030}
.slogan {background:url(../images/text.gif) center 108px no-repeat;height:105px;overflow:hidden;position:relative;padding-top:115px}
.slogan a {margin-top:64px}

/*a:link, a:active {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}
div.menu ul, div.menu li, div.menu .menu-current li, a:link.nav1, .nav1#active {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}*/
/* a:visited {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}*/
/*#menu ul li.nav2 a:link {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}
*//*div.menu a:hover, div.menu .menu-current li a:hover {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}
div.menuv .menuv-current {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}
div.menu .menu-current a:hover {background:url(../images/menu1_active.gif) center 11px no-repeat #00c030}*/*/

/* content */
#conteudos {overflow:hidden}
#content {width:100%;overflow:hidden;padding:13px 0 0px 20px}
.body6 figure {padding-left:0px}
#page9 .body6 figure {padding-left:53px}
#page9 #content, #page9 #content, #page9 #content, #page9 #content {padding-top:0}
#page9 #content {padding-bottom:37px}
#page9 .col2 figure {margin-right:10px}
#page9 .body6 {padding-bottom:25px}
#page9 .marg_bot1 {margin-bottom:14px}
#page9 #content {padding-bottom:44px}
#claim {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#00c030;
	line-height:1.2em;
	padding:0px 10px 30px 0;
	letter-spacing:0px;
}

#claimpags {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#00c030;
	line-height:1.2em;
	padding:20px 5px 20px 5px;
	margin-bottom:10px;
	letter-spacing:0px;
	background-image:url(../images/bkclaimpags.jpg);
	-moz-border-radius:20px; -webkit-border-radius:10px; 
	opacity: 0.65; 
    -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=65); /* para IE6&7 */ }
}
.body6 h2 {padding:0 0 4px 0;margin-top:-1px;letter-spacing:-1px;float:left;width:220px}
.pad_left1 {padding-left:20px}
.bars { border-left:dashed; border-left-color:#03C; border-left-width:thin; border-right:dashed; border-right-color:#03C; border-right-width:thin;}
.pad1 {padding:0 15px}
.pad_bot1 {padding-bottom:10px}
.pad_bot2 {padding-bottom:15px}
.marg_bot1 {margin-bottom:20px}
.box1 {background:url(../images/box_repeat.gif) center repeat-y} 
.box1_bot {background:url(../images/box_bot.gif) center bottom no-repeat}
.box1_top {
	background:url(../images/box_top.jpg) center top no-repeat;
	width: 230px;
}
.box5_top {
	background:url(../images/line_top1.gif) center top repeat-y;
	width: 97%;
}
.box1 .pad {padding:0 0 10px 10px; margin-bottom:45px; margin-top:35px}
.box1 h2 {font-size:1.3em;line-height:1em;color:#fff;padding:5px 0 10px 0}
.box1 h2.center {font-size:30px;line-height:1.2em;padding:4px 0 26px 0;letter-spacing:-1px}
.box1 .button {background:url(../images/button2_bg.gif) top repeat-x}
.box1 .button span {background:url(../images/button2_left.gif) top left no-repeat}
.box1 .button span span {background:url(../images/button2_right.gif) top right no-repeat}
.box2 {background:url(../images/box2_repeat.gif) left repeat-y;margin-bottom:11px} 
.box2_top {background:url(../images/box2_top.gif) left top no-repeat}
.box2_bot {background:url(../images/box2_bot.gif) left bottom no-repeat;width:100%}
.box2 .pad {padding:15px 25px 13px}
.box2 figure {margin-right:10px}
.box2 a {display:block;margin-bottom:5px;text-decoration:none;margin-top:-2px}
.box2 a:hover {text-decoration:underline}
.box2 .cols {width:490px}

.box3 {width:500px; text-align:center; padding:25px; margin-left:40px; background-image:url(../images/sutras.gif); background-repeat:repeat; border-width:1px; border-color:#F6F}

.button {background:url(../images/button1_bg.gif) top repeat-x; width:30px; height:30px; display:inline-block; font-size:14px;color:#363636;line-height:28px;text-decoration:none}
/*.button span {display:block;background:url(../images/button_left.gif) top left no-repeat}
.button span span {padding:0 40px;background:url(../images/button_right.gif) top right no-repeat;height:39px}*/
.button:hover {color:#006abb} 




.font1 {font-size:12px;display:block;padding-bottom:5px;margin-top:-2px}
.line1 {background:url(../images/line_ver1.gif) 285px 0 repeat-y}
.list1 li {line-height:30px}
.list1 li a {padding-left:25px;background:url(../images/marker_1.gif) 0 8px no-repeat;display:inline-block}
.list2 {margin-top:-8px; margin-bottom:padding-bottom:24px}
.list2 li {line-height:37px;background:url(../images/line_hor1.gif) bottom repeat-x}
.list2 .bg_none {background:none}
.list2 li a {font-size:1.1em;color:#363636;text-decoration:none}
.list2 li a:hover {color:#006abb}
.list2 li img {margin-right:10px}
.list3 li {line-height:25px}
.list3 li a {text-decoration:none;padding-left:14px;background:url(../images/marker_2.gif) 0 5px no-repeat}
.list3 li a:hover {text-decoration:underline}


/***** slider style *****/
#banners {
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:justify;
}
#banners > div{
	width:100%;
}

#prev,
#next {
	display:block;
	width:10px;
	height:19px;
	text-indent:-9999em;
	position:absolute;
	z-index:99;
	top:9%;
	margin-top:-20px;
}
#prev {background:url(../images/prev.gif) 0 0 no-repeat; left:940px;}
#next {background:url(../images/next.gif) 0 0 no-repeat; right:25px;}
.title-1 {
	font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
	height:175px;
	text-align:center;
	vertical-align:middle;
	display:block;
	font-size:1.2em;
	line-height:1.1em;
	color:#777;
	padding:15px 10px 10px 10px;
	background-color:#FF6;
}
.title-2 {
	font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
	height:175px;
	text-align:center;
	vertical-align:middle;
	display:block;
	font-size:1.2em;
	line-height:1.1em;
	color:#777;
	padding:15px 10px 10px 10px;
	background-color:#6F9;
}
.title-3 {
	font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
	height:175px;
	text-align:center;
	vertical-align:middle;
	display:block;
	font-size:1.2em;
	line-height:1.1em;
	color:#777;
	background:url(../images/pic-1.gif) left bottom repeat-x;
	padding:15px 10px 10px 10px;
	background-color:#0FF;
}
.title-4 {
	font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
	height:175px;
	text-align:center;
	vertical-align:middle;
	display:block;
	font-size:1.5em;
	line-height:1.4em;
	color:#777;
	padding:15px 10px 10px 10px;
	background-color:#FF6;
}


/* footer */
footer {padding:0 0 0 60px;color:#fff}
footer a {color:#a2b8c8}
footer p {padding-bottom:15px}
.col_1 {width:190px;float:left; padding-top:25px}
.col_2 {width:410px;float:left; padding-top:25px}
.col_3 {width:230px;float:left; padding-top:25px; padding-left:8px}
#footer { position:absolute; width:100%}
#footer_logo {display:block;margin:15px 0 0px 64px;background:url(../images/footer_logo.gif) no-repeat;width:98px;height:39px;text-indent:-9999px}
#icons {width:184px;float:right}
#icons li {float:left;padding-right:10px}
#icons .first {float:none;font-size:23px;color:#fff;font-weight:400;line-height:1.2em;letter-spacing:-1px;}
.titulo1 {
	text-align:center;
	color:#84e2f9;
	margin-left:40px;}

/* forms */
#ContactForm {margin:10px;line-height:28px; }
#ContactForm strong {float:left;width:70px;font-weight:normal}
#ContactForm .wrapper {min-height:30px}
#ContactForm legend{font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	line-height:2.2em;
	padding:0px 10px 10px 0;
	margin-bottom:10px;
	letter-spacing:0px;}
#ContactForm .bg {background:url(../images/input2.gif) no-repeat;float:left; border:1px solid #565ffb}
#ContactForm .textarea_box {min-height:50px;margin:0 15px 0 15px}
#ContactForm .textarea_box .bg {background:url(../images/textarea.gif) no-repeat;float:left; }
#ContactForm a span span {padding:0}
#ContactForm a {margin-right:30px; margin-top:20px;float:right;width:110px;text-align:center}
#ContactForm .input {width:250px;height:17px;background:none;padding:6px 10px 0 5px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;width:255px;height:90px;background:none;padding:5px 5px 0 5px;color:#000;font:14px Arial, Helvetica, sans-serif;margin:0}
#sign_up {width:100%;height:29px;overflow:hidden;padding-top:7px}
#sign_up .input {float:left;background:url(../images/input.gif) no-repeat;width:140px;height:37px;padding:0px 5px;font:14px Arial, Helvetica, sans-serif;color:#000;margin-right:10px}
#sign_up a {font-size:14px;  float:left; background:url(../images/sign_up.gif) no-repeat;width:50px;height:27px;text-align:center;line-height:14px; vertical-align:middle; padding-top:6px;color:#363636;text-decoration:none}
#sign_up a:hover {color:#006abb}
#sign_up{}

.sign_up .input {float:left;background:url(../images/input.gif) no-repeat;width:140px;height:37px;padding:0px 5px;font:14px Arial, Helvetica, sans-serif;color:#000;margin-right:10px; border:medium; border-color:#00F}
.sign_up a {font-size:14px;  float:left; background:url(../images/sign_up.gif) no-repeat;width:50px;height:27px;text-align:center;line-height:14px; vertical-align:middle; padding-top:6px;color:#363636;text-decoration:none}
.sign_up a:hover {color:#006abb}
.sign_up{}

#sign_up2 .input {float:left;background:url(../images/input.gif) no-repeat;width:100px;height:30px;padding:0px 10px ;font:14px Arial, Helvetica, sans-serif;color:#999;margin-right:10px}
.sign_up2 {width:90%;height:15px;overflow:hidden;padding-top:10px; padding-bottom:10px}
.sign_up2 .input {float:left;background:url(../images/input.gif) no-repeat;width:100px;height:15px;padding:0px 10px ;font:16px Arial, Helvetica, sans-serif;color:#999;margin-right:10px}

.button10 {
   border-top: 1px solid blue;
   background: #0095fa;
   background: -webkit-gradient(linear, left top, left bottom, from(#68c0fb), to(#0095fa));
   background: -moz-linear-gradient(top, #0095fa, #68c0fb);
   padding: 5px 25px;
   margin:10px 10px 10px 170px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   cursor:pointer;
   
   /* overboard shadows for Opera (and why spec version listed first) */
   box-shadow: rgba(0,0,.1,0) 0 1px 0, rgba(0,0,.10,0) 0 0 10px, rgba(0,0,.10,0) 0 0 20px, rgba(0,0,.10,0) 0 0 30px;
   
   -webkit-box-shadow: rgba(0,0,1,0) 0 0.5px 0;
   -moz-box-shadow: rgba(0,0,1,0) 0 0.5px 0;
   
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Verdana, Geneva, sans-serif;
   text-decoration: none;
   vertical-align: middle;
}
.button10:hover {
   border-top-color: blue;;
   background: #00c030;
   color: #ccc;
}
.button10:active {
	border-top-color: blue;
	background: #0095fa;
}


fieldset {
	border-top: 1px solid #ddd;
	background-image:url(../images/line_top1.gif);
	
	padding: 15px 2px 0px 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	/* overboard shadows for Opera (and why spec version listed first) */
   box-shadow: rgba(0,0,0,.1) 0 1px 0, rgba(0,0,0,.10) 0 0 10px, rgba(0,0,0,.10) 0 0 20px, rgba(0,0,0,.10) 0 0 30px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	vertical-align: middle;
}




legend {
	color:#00c030;
	border-top: 2 dashed #ddd;
	background: #68c0fb;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095fa), to(#68c0fb));
	background: -moz-linear-gradient(top, #0095fa, #68c0fb);
	padding: 10px 10px 5px 10px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	/* overboard shadows for Opera (and why spec version listed first) */
   box-shadow: rgba(0,0,0,.1) 0 1px 0, rgba(0,0,0,.10) 0 0 10px, rgba(0,0,0,.10) 0 0 20px, rgba(0,0,0,.10) 0 0 30px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 0.5px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 0.5px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	font-size: 1.1em;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	width: 97%;
	text-align: center;
}

/* BASIC RESET books downloads */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#deddcd; font:14px/21px Arial,Helvetica,sans-serif; }
h1 { font: bold 65px/60px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }
h1 small{ font-size: 20px; text-transform:uppercase; letter-spacing: 14px; display: block; color: #000; }
h2 a { display: block; text-decoration: none; margin: 0 0 30px 0; font: italic 45px Georgia, Times, Serif;  text-align: center; color: #bfe1f1; text-shadow: 0px 2px 6px #333; }
h2 a:hover { color: #90bcd0; }

/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { width:960px; margin:0px auto; }

/* CONTENT */

#content .info { padding:0px; }

/* MOVIE POSTERS */
#movieposters { list-style:none; height:226px; padding-top:10px; margin-bottom:60px;}
#movieposters li { display:inline; float:left; 
	-webkit-perspective: 500; -webkit-transform-style: preserve-3d;
	-webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; }
#movieposters li:hover { -webkit-perspective: 5000; }
	
#movieposters li img { border:6px solid #fcfafa;  width: 150px;  -webkit-transform: rotateY(15deg);
	-moz-box-shadow:0 3px 7px #888; -webkit-box-shadow:0 3px 7px #888;
	-webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
#movieposters li:hover img { -webkit-transform: rotateY(0deg); }

.movieinfo { border:2px solid #fcfafa; padding:1px; width:100px; height:65px; background-color:#deddcd; margin:-85px 0 0 110px; position:absolute;
	-moz-box-shadow:0 20px 40px #888; -webkit-box-shadow:0 20px 40px #888;
	/* -webkit-transform: translateZ(30px) rotateY(30deg); */
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; 
	-moz-border-radius:10px; -webkit-border-radius:10px; 
	opacity: 0.85; 
    -moz-opacity: 0.85; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=85); /* para IE6&7 */ }
	
#movieposters li:hover .movieinfo { -webkit-transform: rotateY(0deg); -webkit-box-shadow:0 5px 10px #888; margin:-85px 0 0 110px; }
	
.movieinfo h3 { color:#4779b1; font-variant: small-caps; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding-bottom:20px; }
.movieinfo p { padding-bottom:3px; padding-top:3px; line-height:100%;}
.movieinfo a { background-color:#00a7ff; padding:3px 5px 3px 5px; color:#eee; text-decoration:none; display:block; width:70%; text-align:center; margin:0 auto; cursor:pointer;
	-moz-border-radius:5px; -webkit-border-radius:5px; }
.movieinfo a:hover, .movieinfo a:focus { background-color:#00c030; color:#fff; }



	/* vertical scroll*/
	
	#verticalScroller{
	position: relative;
	width:380px;
	padding:10px;
	height: 270px;
	border: 2px outset #ff52fc;
	background-image: url(../images/logometafundo.jpg);
	background-color: #FFF;
	overflow: hidden;
	color: ff52fc;
}

#verticalScroller = div{
    position:relative;
    width:100%;
    height:270px;
    border: 0px solid blue;
    overflow:hidden;
}
.logometa {
	background-image:url(../images/logometa.jpg);
	background-position:center;
}


.textovideo {
	background-repeat:no-repeat;
	background-position:bottom;
	color:PINK;
	text-shadow:#11ffff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height: 1.8;
	text-align:center;
	-webkit-animation:fade-in-out 2s linear;
	-webkit-animation-delay:0.5s;
}

	#far-away {
		color:rgb(75,213,238);
		font-size:48px;
		line-height:1.5;
		position:absolute;
		top:200px;
		left:190px;
		opacity:0;
		-webkit-animation:fade-in-out 6s linear;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-delay:2s;
	}

	@-webkit-keyframes fade-in-out {
		0% { opacity:0; }
		16%   { opacity:1; }
		84%   { opacity:1; }
		100%   { opacity:0; }
} 

	@-webkit-keyframes logo {
		0% { -webkit-transform: translateZ(0); opacity:1;}
		50% { -webkit-transform: translateZ(-50000px); opacity:1; }
		60% { -webkit-transform: translateZ(-60000px); opacity:0; }
		100%   { -webkit-transform: translateZ(-10000px); opacity:0;}
}



.container ul { width: 300px; height: 30px; display: block; background: #CCC;  }
.container li { width: 28px; height: 28px; display: block; float: left; border: 1px solid #FFF; }
.tooltip { width: auto: height: 12px; display: block; }


	
.col2 ul { width: 400px;  display: block;   }

.border-bot2 {
	width:100%; 
	padding-bottom:15px; 
	background:url(../images/border-bot.gif) 0 bottom repeat-x;
}
.prev-indent-bot {margin-bottom:10px;}
.numb {
	display:block;
	font-size:22px;
	line-height:1em;
	color:#00c030;
	float:left;
	margin-right:10px;
} 
.extra-wrap {overflow:hidden;
	text-align:justify}

.color-5 {color:blue;}
.indent-left3 {padding-left:15px;}
/* ////////// TRANSIÇAO DE PAGINAS //////////*/


/* ////////// Quotes //////////*/
.quotes {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}

.post blockquote{ 
width:91%;
margin : 10px 0 0 0; 
padding: 25px 30px 25px 30px; 
background : #FEE4E3;
font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
color : #000;
border: 1px solid #DDD;
}
.post blockquote p {
margin: 0; 
padding-top:10px; 
}
.tooltip {
	text-align:justify;
	color:#03F;
	vertical-align:middle;
	background-color:#F9F;
	}



/* ////////// Mensagem erros //////////*/