@import 'https://fonts.googleapis.com/css?family=Pacifico';
@import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i';
@import url('https://fonts.googleapis.com/css?family=Zilla+Slab');
.version.index /* version checker */
{
	color: #000003;
	background-color: #41052D;
}

.html
{
	background-color: #F0F0F0;
}

#container-entrada{width:100%; height:170px; background:#0087cc; overflow:hidden;}
#container-p-entrada{width:612px; height: auto; margin: 95px auto 0 auto; }
#container-entrada p{font-family: 'Lato', sans-serif; font-size: 29px; color:#FFFFFF; font-style: italic; float: left; margin-left: 17px;}
.left_icon{float: left;}
.right_icon{float: right;}
#container-books{width:100%; height:340px; background:#0087cc; overflow:hidden;}
#books{width:968px; height: 259px; margin: 0 auto 20px auto; }
#book{width:227px; height: 259px; float:left; margin-right:20px; -webkit-box-shadow: -1px 9px 7px -5px rgba(0,103,156,1);
-moz-box-shadow: -1px 9px 7px -5px rgba(0,103,156,1);
box-shadow: -1px 9px 7px -5px rgba(0,103,156,1); }
#container-books-stars{width:100%; height:52px; background:#0087cc; overflow:hidden; background: url(../images/star.jpg);}
#container-books-blue-stripe{width:100%; height:15px; background:#0087cc; overflow:hidden;}
#container-books-red-stripe{width:100%; height:15px; background:#ff0000; overflow:hidden;}
#container-books-red-stripe2{width:100%; height:15px; background:#ff0000; overflow:hidden; margin:15px 0 0 0;}
#container-books-footer-sombra{width:100%; height:15px; overflow:hidden; margin:0 0 0 0;background: #e8e8e8;
background: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 14%, #ffffff 41%, #ffffff 100%);background: -webkit-linear-gradient(top, #e8e8e8 0%,#e8e8e8 14%,#ffffff 41%,#ffffff 100%);background: linear-gradient(to bottom, #e8e8e8 0%,#e8e8e8 14%,#ffffff 41%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );}
#container-entrada-footer{width:100%; height:100px; overflow:hidden;}
#container-p-entrada-footer{width:612px; height: auto; margin: 24px auto 0 auto; }
#container-menu{width:961px; height:49px; margin:0 auto;}
#book-index{float:right; width:198px; height:49px; background-color:#b0d800; background-image: url(../images/book.png); background-repeat: no-repeat; background-position: 8px 8px; }
#book-index a{color:#000000;}
#book-index:hover{background-color:#a4ca00;}
#book-index p{font-family: open-sans, sans-serif;font-size:15px;font-weight:300;margin-top:15px;margin-left:45px;text-transform:uppercase;}
#container-user{width:247px; height:117px; margin-left:791px;}
#page
{
	z-index: 1;
	width: 960px;
	min-height: 799px;
	background-image: none;
	border-style: none;
	border-color: #000000;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
}
input:-webkit-autofill 
{    
    -webkit-box-shadow: 0 0 0px 1000px #f9fbfd inset !important;
    -webkit-text-fill-color: #006699 !important;
}

.alfabeto  {border-collapse:collapse;border-spacing:0;}
.alfabeto td{font-family: open-sans, sans-serif;font-size:20px;font-weight:400;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color: #006699;text-align:center;color: #fa0101;}
.alfabeto td a{color:#FF0000;}
.alfabeto td a:hover{color:#940002;text-decoration:none;}
.alfabeto th{font-family: open-sans, sans-serif;font-size:20px;font-weight:400;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color: #006699;text-align:center;color: #fa0101;}
.alfabeto th a{color:#FF0000;}
.alfabeto th a:hover{color:#940002;text-decoration:none;}
hr.style12 {
	height: 6px;
	background: url(../images/hr-12.png) repeat-x 0 0;
    border: 0;
}
.letras  {border-collapse:collapse;border-spacing:0; table-layout: fixed;width: 608px;float: left;margin: 14px 0 20px 0 !important}
.letras td{font-family: open-sans, sans-serif;font-size:18px;font-weight:400;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color: #c0c0c0;text-align:center;color: #fa0101;}
.letras th{font-family: open-sans, sans-serif;font-size:18px;font-weight:400;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color: #c0c0c0;text-align:center;color: #fa0101;}

.info_secundaria{
	color:#636363 !important;
}
#model{
	background-image: url(../images/model.png);
    margin: -72px -365px 0 0;
    float: right;
    width: 309px;
    height: 452px;
}
.refazer_button{
	width: 164px;
    height: 47px;
    background-color: #0088cc;
    border: 1px solid #00293e;
    color: #FFFFFF;
    font-weight: 400;
    cursor: pointer;
}
#indice{
	width: 129px;
    height: 17px;
    float: left;
    background-color: #0189cc;
    margin: -29px 0 0 460px;
    padding: 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
}
#mostra_message_acerto{
    height: 21px;
    background-color: #a3ffa3;
    width: 806px;
    margin: -22px 0 24px 0;
    border: 1px solid #008a00;
    padding: 10px 0 10px 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #008a00;
    font-weight: 600;
}
#mostra_message_erro{
	height: 21px;
    background-color: #fd7777;
    width: 806px;
    margin: -22px 0 24px 0;
    border: 1px solid #ff0000;
    padding: 10px 0 10px 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: 600;
}

#indice:hover{
   background-color: #006699;
   cursor:pointer;
}
.linkalfabeto{

}
.linkalfabeto a{

}
.linkalfabeto a:hover{
	text-decoration:none;
}

#words{
	width: 614px;
    min-height: 400px;
    margin: 23px 0 0 18px;
    float: left;
}
.words{
	line-height: 24px;
    font-size: 20px;
    color: #006699;
    font-family: open-sans, sans-serif;
    font-weight: 600;
	text-align:center;
}
.w_ap{
		line-height: 24px;
    font-size: 14px;
    color: #000000;
    font-family: open-sans, sans-serif;
    font-weight: 400;
	text-align:center;
}
#w_a{
	width: 610px;
    min-height: inherit;
    float: left;
    margin-top: 25px;
	}
	
#page_position_content
{
	margin-top: -36px;
	width: 0.01px;
}
#pu419
{
	width: 0.01px;
	margin-left: -100px;
}
#conteudo_audios{
width: 100%;
    height: 30px;
    margin-top: 10px;
}
#ouvir_todos{
	width: 258px;
    height: 49px;
    float: left;
    background-color: #FFFFFF;
    margin: -53px 50px 0 268px;
    padding: 10px;
    border-top: 1px solid #ffb400;
    border-left: 1px solid #ffb400;
    border-right: 1px solid #ffb400;
}
#u419
{
	z-index: 2;
	min-height: 102px;
	padding-bottom: 23px;
}

#ptop
{
	width: 0.01px;
	margin-right: -10000px;
	margin-left: 98px;
}

#u420
{
	z-index: 3;
	width: 273px;
	margin-left: 1px;
	margin-top: 16px;
}

#u421
{
	z-index: 4;
	width: 273px;
	margin-right: -10000px;
}

#pu422
{
	width: 0.01px;
	margin-right: -10000px;
	margin-top: 2px;
}

#u422
{
	z-index: 9;
	width: 93px;
	margin-right: -10000px;
}

#u425
{
	z-index: 11;
	width: 93px;
	margin-right: -10000px;
	margin-top: 6px;
	left: 15px;
}

#u424-4
{
	z-index: 5;
	width: 151px;
	min-height: 27px;
	margin-right: -10000px;
	left: 122px;
}

#u511
{
	z-index: 90;
	width: 62px;
	margin-right: -10000px;
	margin-top: 38px;
}

#u513-8
{
	z-index: 92;
	width: 245px;
	min-height: 61px;
	margin-right: -10000px;
	margin-top: 38px;
	left: 73px;
}

#u419-bw
{
	z-index: 2;
	min-height: 102px;
}

#u427
{
	z-index: 13;
	width: 158px;
	margin-right: -10000px;
	margin-top: 62px;
	left: 221px;
}

#pu429
{
	width: 0.01px;
	padding-bottom: 6px;
}

#u429,#u429-bw
{
	z-index: 15;
	height: 49px;
}

#u430
{
	z-index: 16;
	width: 30px;
	height: 30px;
	margin-right: -10000px;
	margin-top: 34px;
	left: 13px;
}

#menuu431
{
	z-index: 17;
	width: 428px;
	margin-right: -10000px;
	margin-top: 7px;
}

#u439
{
	width: 62px;
	min-height: 34px;
	margin-right: -10000px;
}

#u440
{
	width: 62px;
	padding-bottom: 17px;
}

#u440:hover
{
	width: 62px;
	min-height: 0px;
	margin: 0px;
}

#u440:active
{
	width: 62px;
	min-height: 0px;
	margin: 0px;
}

#u440.MuseMenuActive
{
	width: 62px;
	min-height: 0px;
	margin: 0px;
}

#u442-4
{
	width: 43px;
	min-height: 17px;
	margin-right: -10000px;
	top: 8px;
	left: 9px;
}

#u440:hover #u442-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 43px;
	margin: 0px -10000px 0px 0px;
}

#u440:active #u442-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 43px;
	margin: 0px -10000px 0px 0px;
}

#u440.MuseMenuActive #u442-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 43px;
	margin: 0px -10000px 0px 0px;
}

#u446
{
	width: 87px;
	min-height: 34px;
	margin-right: -10000px;
	left: 64px;
}

#u447
{
	width: 87px;
	padding-bottom: 17px;
}

#u447:hover
{
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u447:active
{
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u447.MuseMenuActive
{
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u449-4
{
	width: 68px;
	min-height: 17px;
	margin-right: -10000px;
	top: 8px;
	left: 9px;
}

#u447:hover #u449-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 68px;
	margin: 0px -10000px 0px 0px;
}

#u447:active #u449-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 68px;
	margin: 0px -10000px 0px 0px;
}

#u447.MuseMenuActive #u449-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 68px;
	margin: 0px -10000px 0px 0px;
}

#u453
{
	width: 89px;
	min-height: 34px;
	margin-right: -10000px;
	left: 153px;
}

#u454
{
	width: 89px;
	padding-bottom: 17px;
}

#u454:hover
{
	width: 89px;
	min-height: 0px;
	margin: 0px;
}

#u454:active
{
	width: 89px;
	min-height: 0px;
	margin: 0px;
}

#u454.MuseMenuActive
{
	width: 89px;
	min-height: 0px;
	margin: 0px;
}

#u456-4
{
	width: 70px;
	min-height: 17px;
	margin-right: -10000px;
	top: 8px;
	left: 9px;
}

#u454:hover #u456-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 70px;
	margin: 0px -10000px 0px 0px;
}

#u454:active #u456-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 70px;
	margin: 0px -10000px 0px 0px;
}

#u454.MuseMenuActive #u456-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 70px;
	margin: 0px -10000px 0px 0px;
}

#u460
{
	width: 98px;
	min-height: 34px;
	margin-right: -10000px;
	left: 244px;
}

#u463
{
	width: 98px;
	padding-bottom: 17px;
}

#u463:hover
{
	width: 98px;
	min-height: 0px;
	margin: 0px;
}

#u463:active
{
	width: 98px;
	min-height: 0px;
	margin: 0px;
}

#u463.MuseMenuActive
{
	width: 98px;
	min-height: 0px;
	margin: 0px;
}

#u466-4
{
	width: 80px;
	min-height: 17px;
	margin-right: -10000px;
	top: 8px;
	left: 9px;
}

#u463:hover #u466-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 80px;
	margin: 0px -10000px 0px 0px;
}

#u463:active #u466-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 80px;
	margin: 0px -10000px 0px 0px;
}

#u463.MuseMenuActive #u466-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 80px;
	margin: 0px -10000px 0px 0px;
}

#u432
{
	width: 84px;
	min-height: 34px;
	margin-right: -10000px;
	left: 344px;
}

#u435
{
	width: 84px;
	padding-bottom: 17px;
}

#u435:hover
{
	width: 84px;
	min-height: 0px;
	margin: 0px;
}

#u435:active
{
	width: 84px;
	min-height: 0px;
	margin: 0px;
}

#u435.MuseMenuActive
{
	width: 84px;
	min-height: 0px;
	margin: 0px;
}

#u437-4
{
	width: 66px;
	min-height: 17px;
	margin-right: -10000px;
	top: 8px;
	left: 9px;
}

#u435:hover #u437-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 66px;
	margin: 0px -10000px 0px 0px;
}

#u435:active #u437-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 66px;
	margin: 0px -10000px 0px 0px;
}

#u435.MuseMenuActive #u437-4
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 66px;
	margin: 0px -10000px 0px 0px;
}

#ppu641
{
	width: 0.01px;
	margin-top: 20px;
}

#pu641
{
	width: 0.01px;
	padding-bottom: 0px;
	margin-right: -10000px;
}

#u641
{
	z-index: 198;
	width: 651px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	padding-bottom: 0px;
	position: relative;
	margin-top: 15px;
}

#u588-4
{
	z-index: 214;
	width: 172px;
	min-height: 18px;
	background-color: transparent;
	color: #000000;
	font-size: 14px;
	letter-spacing: 4px;
	font-family: open-sans, sans-serif;
	font-weight: 300;
	position: relative;
}

#u577
{
	z-index: 199;
	width: 651px;
	height: 1px;
	background-color: #C0C0C0;
	margin-top: 11px;
	position: relative;
}

#pu580
{
	width: 0.01px;
	margin-left: 2px;
	margin-top: 6px;
}

#u580
{
	z-index: 207;
	width: 49px;
	background-color: #006699;
	border-radius: 2px;
	padding-bottom: 3px;
	position: relative;
	margin-right: -10000px;
	margin-top: 1px;
}

#u581-4
{
	z-index: 208;
	width: 41px;
	min-height: 14px;
	background-color: transparent;
	line-height: 14px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: open-sans, sans-serif;
	font-weight: 400;
	position: relative;
	margin-right: -10000px;
	margin-top: 3px;
	left: 4px;
}

#u579-6
{
	z-index: 201;
	width: 224px;
	min-height: 23px;
	background-color: transparent;
	font-size: 14px;
	color: #000000;
	font-family: open-sans, sans-serif;
	font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: 1px;
	left: 59px;
}

#u579
{
	font-family: open-sans, sans-serif;
	font-weight: 600;
}

#u579-2
{
	font-family: open-sans, sans-serif;
	font-weight: 400;
}

#u582
{
	z-index: 212;
	width: 20px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	left: 628px;
}

#u578
{
	z-index: 200;
	width: 651px;
	height: 1px;
	background-color: #C0C0C0;
	margin-top: 4px;
	position: relative;
}

#u207
{
	z-index: 100;
	width: 651px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding-bottom: 34px;
	margin-top: 17px;
	position: relative;
    height: 1292px;
}
#container_unit{
    width: 574px;
    height: 388px;
    margin: 107px 0 0 35px;
}
#retangulo_unit{
    width: 574px;
    height: 103px;
    border: 1px solid #e7eff7;
    margin-bottom: 15px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
    background-color: aliceblue;
}
#retangulo_unit_ativo{
    width: 574px;
    height: 103px;
    border: 1px solid #c9e841;
    margin-bottom: 15px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
    background-color:#ddfd53;
}
#retangulo_unit_ativo h3{
    font-family: 'Zilla Slab', serif;
    font-size: 29px;
    color: #008300;
    margin: 30px 0 0 16px;
    float: left;
}
#retangulo_unit_desativo{
    width: 574px;
    height: 103px;
    border: 1px solid #bce6f5;
    margin-bottom: 15px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
#retangulo_unit_desativo h3{
    font-family: 'Zilla Slab', serif;
    font-size: 29px;
    color: #bce6f5;
    margin: 30px 0 0 16px;
    float: left;
}

#espaco_unit{
    width: 552px;
    height: 81px;
    margin: 11px 0 0 10px;
}
#retangulo_unit h3{
    font-family: 'Zilla Slab', serif;
    font-size: 29px;
    color: #2394bc;
    margin: 30px 0 0 16px;
    float: left;
}
.logo_unit{
    float: left;
    margin: 8px 0 0 13px;
}
#espaco_unit_divider{
    width: 1px;
    height: 83px;
    background-color: #e3ebf3;
    float: left;
}
#espaco_unit_divider_desativo{
    width: 1px;
    height: 83px;
    float: left;
    margin-left:15px;
    background-color: #bce6f5;
}
#container_pronuncias{
    width: 80px;
    height: 80px;
    margin-left: 15px;
    float: left;
}
#container_pronuncias img{
    float: left;
    margin: 6px 0 0 16px;
}
#container_pronuncias p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    margin-left: 6px;
    margin-top: 4px;
    float: left;
}
#container_pronuncias p a{
    color: #000;
}
#container_pronuncias p a:hover{
    color: #b0d800;
    text-decoration: none;
}
#c_p_desativo{
    width: 80px;
    height: 80px;
    margin-left: 15px;
    float: left;
}
#c_p_desativo img{
    float: left;
    margin: 6px 0 0 16px;
}
#c_p_desativo p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    margin-left: 6px;
    margin-top: 4px;
    float: left;
}
#c_p_desativo p a{
    color: #bce6f5;
}
#c_p_desativo p a:hover{
    color: #98dcf5;
    text-decoration: none;
}
#vocabulario_pronuncias{
    width: 80px;
    height: 80px;
    margin-left: 15px;
    float: left;
}
#vocabulario_pronuncias img{
    float: left;
    margin: 6px 0 0 16px;
}
#vocabulario_pronuncias p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    margin-left: 6px;
    margin-top: 4px;
    float: left;
}
#vocabulario_pronuncias p a{
    color: #000;
}
#vocabulario_pronuncias p a:hover{
    color: #b0d800;
    text-decoration: none;
}

#v_p_desativo{
    width: 80px;
    height: 80px;
    margin-left: 15px;
    float: left;
}
#v_p_desativo img{
    float: left;
    margin: 6px 0 0 16px;
}
#v_p_desativo p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    margin-left: 6px;
    margin-top: 4px;
    float: left;
}
#v_p_desativo p a{
    color: #bce6f5;
}
#v_p_desativo p a:hover{
    color: #98dcf5;
    text-decoration: none;
}

#traducao_ing{
    float: right;
    margin: 0 15px 0 0;
}
#traducao_ing img{
    float:left;
}
#traducao_ing p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    float: left;
    margin: 8px 0 0 7px;
}
#traducao_ing p a{
    color: #000;
}
#traducao_ing p a:hover{
    color: #b0d800;
    text-decoration: none;
}
#t_ing_desativo{
    float: right;
    margin: 0 15px 0 0;
}
#t_ing_desativo img{
    float:left;
}
#t_ing_desativo p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    float: left;
    margin: 8px 0 0 7px;
}
#t_ing_desativo p a{
    color: #bce6f5;
}
#t_ing_desativo p a:hover{
    color: #98dcf5;
    text-decoration: none;
}
#traducao_por{
    float: right;
    margin: -38px 15px 0 0px;
}
#traducao_por img{
    float:left;
}
#traducao_por p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    float: left;
    margin: 8px 0 0 7px;
}
#traducao_por p a{
    color: #000;
}
#traducao_por p a:hover{
    color: #b0d800;
    text-decoration: none;
}

#t_por_desativo{
    float: right;
    margin: -38px 15px 0 0px;
}
#t_por_desativo img{
    float:left;
}
#t_por_desativo p{
    font-family: open-sans, sans-serif;
    font-size: 13px;
    float: left;
    margin: 8px 0 0 7px;
}
#t_por_desativo p a{
    color: #bce6f5;
}
#t_por_desativo p a:hover{
    color: #98dcf5;
    text-decoration: none;
}

#unit_container{
    width: 149px;
    height: 81px;
    float: left;
}
#traducao_divider{
    width: 175px;
    height: 1px;
    margin: -41px 13px 0 0;
    background-color: #e3ebf3;
    float: right;
}
#traducao_divider_desativo{
    width: 175px;
    height: 1px;
    margin: -41px 13px 0 0;
    background-color: #bce6f5;
    float: right;
}
#u2077
{
	z-index: 100;
	width: 651px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding-bottom: 34px;
	margin-top: 4px;
	position: relative;
}
#u2077-2
{
        z-index: 100;
    width: 958px;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding-bottom: 34px;
    margin-top: 4px;
    height: 465px;
}
#traducao_separator{
    width: 1px;
    height: 41px;
    background-color: #e4dada;
    float: left;
    margin: -44px 0 0 93px;
}
#traducao_texto{
	width: 250px;
    height: 50px;
    float: left;
    margin: -30px 0 0 117px;
}
#traducao_texto p{
    font-size: 28px;
    line-height: 28px;
    color: rgb(0, 102, 153);
    font-family: open-sans, sans-serif;
    font-weight: 100;
    width: 440px;
}
#main_conteudo{
    width: 573px;
    margin-top: 70px;
    font-family: open-sans, sans-serif;
    font-size: 20px;
    color: #006699;	
}

#main_conteudo h2{
	color: #000000;
}

#ppu521
{
	width: 0.01px;
	padding-bottom: 1px;
	margin-right: -10000px;
	margin-top: 32px;
	margin-left: 31px;
}

#pu521
{
	width: 0.01px;
	margin-left: 5px;
}

#u521
{
	z-index: 108;
	width: 48px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
}

#u518-6
{
	z-index: 102;
	width: 115px;
	min-height: 23px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: 1px;
	left: 62px;
}

#u518-2
{
	font-size: 16px;
	line-height: 19px;
	color: #7F7F7F;
	font-family: open-sans, sans-serif;
	font-weight: 400;
}

#u518-4
{
	font-size: 23px;
	line-height: 28px;
	color: #006699;
	font-family: open-sans, sans-serif;
	font-weight: 600;
	width:250px;
}

#pu535
{
    width: 573px;
        margin-top: 38px;
    font-family: open-sans, sans-serif;
    font-size: 14px;
    color: #7f7f7f;
}

#pu535-2
{
    width: 573px;
    margin-top: 25px;
    font-family: open-sans, sans-serif;
    font-size: 14px;
    color: #7f7f7f;
}

#separator{
    width: 32px;
    height: 32px;
    background-image: url(../images/right-arrow.png);
    float: left;
    margin: -91px 0 0 332px;
}
.bt_verificar{
    width: 75px;
    height: 75px;
    float: left;
    margin: -113px 0 0 732px;
    background-color: transparent;
    border: 2px solid #FF0000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 41px;
    color: #FF0000;
    cursor: pointer;
}
.bt_verificar:hover{
	cursor: pointer;
	color: #0289cc;
	border: 2px solid #0289cc;
}
.acerto{
                background-color: #33cc33;
                font-size: 14px;
                box-sizing: border-box;
                
                
            }
            .erro{
                border:2px red;
                font-size: 14px;
                background-color: red;
                
            }
#audio_conteudo{
	width: 573px;
	margin-top: 30px;
	
}
#mostra_acerto{
    color: #FFFFFF;
    padding: 20px 0 0 170px;
    width: 307px;
    height: 40px;
    border: 1px solid #008a00;
    float: left;
    margin: 162px 0 0 -31px;
    position: absolute;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    background-color: #008a00;

}

#mostra_erro{
color: #FFFFFF;
    padding: 20px 0 0 170px;
    width: 308px;
    height: 40px;
    border: 1px solid #FF0000;
    float: left;
    margin: 162px 0 0 447px;
    position: absolute;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    background-color: #FF0000;
}

#observacoes_traducao{
	width: 800px;
    height: 50px;
    float: left;
    margin: 31px 0 0 5px;
}

#observacoes_traducao ul{
margin-top: 15px;
}

#observacoes_traducao ul li{
	list-style-type: square;
	margin: 5px 0 0 19px;
}

#audio_conteudo p{
	    font-family: open-sans, sans-serif;
    font-size: 13px;
    color: #ffb400;
    text-transform: uppercase;
    font-weight: bold;
}

audio{
	width:100%;
	margin-top:20px;
}
.input1{
    border: 1px solid #c0c0c0;
    background-color: #ffffff;
    width: 300px;
    height: 155px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 5px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 0px rgb(208, 207, 207);
    text-align: center;
    font-size: 26px;
    font-weight: 100;
    margin: 19px 0 0 6px;
}
.input2{
    border: 1px solid #0289cc;
    background-color: #ffffff;
    width: 300px;
    height: 155px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 5px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 0px rgb(208, 207, 207);
    text-align: center;
    font-size: 26px;
    font-weight: 100;
    float: left;
    margin: -157px 0 0 391px;
    color: #006699;
}



.titulo{
    font-size: 20px;
    color: #006699;
    font-family: open-sans, sans-serif;
    font-weight: 400;
}
#logderegistro{
	    width: 247px;
      padding: 20px;
	background: #380084;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#logderegistro h1{
	font-family: open-sans, sans-serif;
	font-size:18px;
        color: #8614ee;
}
#comparacao{
	width: 245px;
	height:86px;
	border:1px solid #380084;
	padding: 20px 20px 44px 20px;
    background-color: #FFFFFF;
	margin-top:30px;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#comparacao h1{
    font-family: open-sans, sans-serif;
    font-size: 23px;
    color: #380084;
    letter-spacing: -2px;
    margin: 0 0 10px 0;
    line-height: 22px;
    float: left;
}
#gravacao{
    width: 267px;
    padding: 10px;
    font-size: 14px;
    color: #7F7F7F;
	background-color: #6A0CE8;
	background-image:url(../images/audio_background.jpg);
}
#gravacao h1{
	font-family: open-sans, sans-serif;
	font-size:30px;
    color: #ffffff;
    letter-spacing: -3px;
    margin: 25px 10px 10px 20px;
    float: left;
}
#gravacao p{
	font-family: open-sans, sans-serif;
	font-size:15px;
    color: #ffffff;
    margin: 10px 10px 10px 22px;
    float: left;
    width: 359px;
}
#mic{
	background-image:url(../imagens/mic.png);
	width:119px;
	height:233px;
	float:left;
	margin: 24px 0 0 15px;
}
#gravacaodetalhe{
	width: 287px;
    height: 7px;
	background-color:#380084;
}
#botoes{
	margin-left:29px;
}
.button {
    width: 95px;
    height: 95px;
    margin: -33px 10px 0 0;
    border: 5px solid #dadada;
    box-shadow: 2px 2px 17px #4c4c4c;
	cursor:pointer;
	-webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
	background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
	
}

#audio_image{
    width: 100%;
    position: relative;
}

#textoaudio{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
width: 100%;
height: 70px;
text-align:center;
}

#textoaudio p{
    font-size: 20px;
    color: #000000;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	padding-top: 25px;
}

#vocabulary{
background-color:#ffed00;
width: 550px;
min-height: 184px;
-webkit-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.32);
-moz-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.32);
box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.32);
padding:10px;
padding-bottom: 22px;
}

#vocabulary h1{
            font-family: 'Pacifico', cursive;
    font-size: 26px;
    color: #000000;
    margin: 19px 0 28px 36px;
}

hr.style12 {
	height: 6px;
	background: url("../images/hr-12.png") repeat-x 0 0;
    border: 0;
	margin-top:20px;
}

#u535
{
	z-index: 118;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #088BCD;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
    height: 147px;
}

#u538-7
{
	z-index: 127;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-align: center;
	font-family: open-sans, sans-serif;
	font-weight: 300;
	position: relative;
	left: 5px;
}

#u536
{
	z-index: 117;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #b0d800;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
	left: 118px;
}

#u568-7
{
	z-index: 134;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#pu555
{
	width: 0.01px;
	margin-top: 16px;
}

#u555
{
	z-index: 123;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
}

#u572-7
{
	z-index: 162;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#u554
{
	z-index: 122;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
	left: 118px;
}

#u573-7
{
	z-index: 169;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#pu550
{
	width: 0.01px;
	margin-right: -10000px;
	margin-top: 118px;
	margin-left: 267px;
}

#u550
{
	z-index: 119;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
}

#u569-7
{
	z-index: 141;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#u556
{
	z-index: 124;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	margin-top: 17px;
	position: relative;
}

#u574-7
{
	z-index: 176;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#pu527
{
	width: 0.01px;
	margin-right: -10000px;
	margin-top: 82px;
	margin-left: 385px;
}

#u527
{
    z-index: 110;
    width: 286px;
	font-color:#FFFFFF;
	text-transform:uppercase;
    border-radius: 10px;
    padding-bottom: 7px;
    margin-left: 1px;
    position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,e00000+49,b20000+49,ff0000+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top,  #ff0000 0%, #e00000 49%, #b20000 49%, #ff0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff0000 0%,#e00000 49%,#b20000 49%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff0000 0%,#e00000 49%,#b20000 49%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */

}
#prox
{
    z-index: 110;
    width: 286px;
	font-color:#FFFFFF;
	text-transform:uppercase;
    border-radius: 10px;
    padding-bottom: 7px;
    margin-left: 1px;
    position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,e00000+49,b20000+49,ff0000+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top,  #ff0000 0%, #e00000 49%, #b20000 49%, #ff0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff0000 0%,#e00000 49%,#b20000 49%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff0000 0%,#e00000 49%,#b20000 49%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */

}

#u529
{
	z-index: 115;
	width: 32px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: 8px;
	left: 32px;
}

#u528-4
{
	z-index: 111;
	width: 121px;
	min-height: 21px;
	background-color: transparent;
	line-height: 20px;
	font-size: 17px;
	color: #7F7F7F;
	font-family: open-sans, sans-serif;
	font-weight: 600;
	position: relative;
	margin-right: -10000px;
	margin-top: 13px;
	left: 54px;
}

#pu551
{
	width: 0.01px;
	margin-top: 37px;
}

#u551
{
	z-index: 120;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
}

#u570-7
{
	z-index: 148;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#u552
{
	z-index: 121;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
	left: 118px;
}

#u571-7
{
	z-index: 155;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#pu557
{
	width: 0.01px;
	margin-top: 15px;
}

#u557
{
	z-index: 125;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
}

#u575-7
{
	z-index: 183;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#u558
{
	z-index: 126;
	width: 99px;
	border-color: #C0C0C0;
	background-color: #C0C0C0;
	padding-bottom: 7px;
	position: relative;
	margin-right: -10000px;
	left: 118px;
}

#u576-7
{
	z-index: 190;
	width: 90px;
	min-height: 83px;
	background-color: transparent;
	font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 300;
	position: relative;
	margin-right: -10000px;
	margin-top: -16px;
	left: 4px;
}

#u538-5,#u568-5,#u572-5,#u573-5,#u569-5,#u574-5,#u570-5,#u571-5,#u575-5,#u576-5
{
	line-height: 0px;/* 0 for mixed font sized paras; applied on spans instead */
	text-decoration:none;
}
#u538-5 a{color:#FFFFFF;}
#u538-5 a:hover{text-decoration:none;color:#006699;}
#u568-5 a{text-decoration:none;color:#FFFFFF;}

#voltar_menu{
    width: 84px;
    height: 37px;
    float: left;
    position: relative;
    left: 486px;
    top: -26px;
    background-color: #FF0000;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#voltar_menu img{
	position:relative;
	left:3px;
	top:3px;
}

#voltar_menu p{        
	float: left;
    position: relative;
    left: 41px;
    top: -26px;
    width: 250px;
}
#voltar_menu a{
color:#7f7f7f;
	}
#voltar_menu a:hover{
	color:#585858;
	}
#u568-5 a:hover{color:#00b400;}

#u538
{
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 15px;
	margin: 15px 0 0 22px;
    font-weight: 600;
    float: left;
}
#u538-2
{
	font-size: 18px;
    letter-spacing: -1px;
    line-height: 15px;
    margin: 31px 0 0 22px;
    font-weight: 600;
    float: left;
	color: #000000;
}
#u538-3
{
	font-size: 18px;
    letter-spacing: -1px;
    line-height: 15px;
    margin: 31px 0 0 22px;
    font-weight: 600;
    float: left;
	color: #ffffff;
}
#menu_units{
    border: 1px solid #00aaff;
    width: 82px;
    height: 29px;
    margin: 42px 0 0 2px;
    line-height: 26px;
}
#menu_units a{
	color:#FFFFFF;
}
#menu_units a:hover{
	color:#b0d800;
	text-decoration:none;
}
#menu_units2{
    border: 1px solid #ffffff;
    width: 82px;
    height: 29px;
    margin: 58px 0 0 2px;
    line-height: 26px;
	color:#000000;
}
#menu_units2 a{
	color:#000000;
}
#menu_units2 a:hover{
	color:#0087cc;
	text-decoration:none;
}
#menu_units3{
    border: 1px solid #ffffff;
    width: 82px;
    height: 29px;
    margin: 58px 0 0 2px;
    line-height: 26px;
	color:#ffffff;
}
#menu_units3 a{
	color:#ffffff;
}
#menu_units3 a:hover{
	text-decoration:none;
}
#u568,#u572,#u573,#u569,#u574,#u570,#u571,#u575,#u576
{
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 15px;
}

#u538-4,#u568-4,#u572-4,#u573-4,#u569-4,#u574-4,#u570-4,#u571-4,#u575-4,#u576-4
{
	line-height: 49px;
}
#u538-4 a{
}
#u538-4 a:hover{
	text-decoration:none;
}
#pu498
{
	width: 0.01px;
	margin-right: -10000px;
	margin-top: 3px;
	margin-left: 672px;
	position:fixed;
}

#pu497
{
	width: 0.01px;
	margin-right: -10000px;
	margin-top: 40px;
	margin-left: 672px;
	position:fixed;
}

#rightpanel
{
	width: 0.01px;
	margin-right: -10000px;
	margin-left: 672px;
    margin-top: 16px;
}

#u497
{
	z-index: 76;
	width: 288px;
	padding-bottom: 0px;
}

#u497_position_content
{
	padding-top: 24px;
	padding-bottom: 39px;
}

#u498-4
{
	z-index: 77;
	width: 213px;
	min-height: 23px;
	margin-left: 38px;
}

#u499-6
{
	z-index: 81;
	width: 288px;
	min-height: 41px;
	margin-top: 12px;
}

#u500
{
	z-index: 87;
	width: 186px;
	margin-left: 51px;
	margin-top: 30px;
}

#u492
{
	z-index: 65;
	width: 288px;
	position:fixed;
}

#u492 img{
	float:left;
	margin:18px 0 0 60px;
}


#u492_position_content
{
	padding-top: 24px;
	padding-bottom: 31px;
}
#duvidas
{
	z-index: 65;
	width: 288px;
	    background-color: #FFFFFF;
    border-radius: 10px;
    position: relative;
	top:20px;
}

#duvidas img{
	float:left;
	margin:18px 0 0 60px;
}


#duvidas_position_content
{
	padding-top: 24px;
	padding-bottom: 31px;
}

#u493-4
{
	z-index: 66;
	width: 213px;
	min-height: 23px;
	margin-left: 38px;
}

#u494-6
{
	z-index: 70;
	width: 288px;
	min-height: 41px;
	margin-top: 12px;
}

#u592
{
	z-index: 197;
	width: 651px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding-bottom: 31px;
	position: relative;
	margin-top: 22px;
}

#u663
{
	z-index: 218;
	width: 571px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: 34px;
	left: 31px;
}

#u642
{
	z-index: 219;
	width: 98px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	padding-bottom: 0px;
	position: relative;
	margin-right: -10000px;
}

#u611
{
	z-index: 226;
	width: 64px;
	background-color: transparent;
	margin-left: 17px;
	position: relative;
}

#u601-6
{
	z-index: 220;
	width: 98px;
	min-height: 23px;
	background-color: transparent;
	text-align: center;
	color: #006699;
	font-family: open-sans, sans-serif;
	font-weight: 400;
	margin-top: 6px;
	position: relative;
}

#u643
{
	z-index: 228;
	width: 98px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	padding-bottom: 0px;
	position: relative;
	margin-right: -10000px;
	left: 118px;
}

#u617
{
	z-index: 235;
	width: 64px;
	background-color: transparent;
	margin-left: 17px;
	position: relative;
}

#u602-6
{
	z-index: 229;
	width: 98px;
	min-height: 23px;
	background-color: transparent;
	text-align: center;
	color: #006699;
	font-family: open-sans, sans-serif;
	font-weight: 400;
	margin-top: 6px;
	position: relative;
}

#u644
{
	z-index: 237;
	width: 98px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	padding-bottom: 0px;
	position: relative;
	margin-right: -10000px;
	left: 236px;
}

#u629
{
	z-index: 244;
	width: 64px;
	background-color: transparent;
	margin-left: 17px;
	position: relative;
}

#u603-6
{
	z-index: 238;
	width: 98px;
	min-height: 23px;
	background-color: transparent;
	text-align: center;
	color: #006699;
	font-family: open-sans, sans-serif;
	font-weight: 400;
	margin-top: 6px;
	position: relative;
}

#pu635
{
	width: 0.01px;
	padding-bottom: 0px;
	margin-right: -10000px;
	margin-left: 354px;
}

#u635
{
	z-index: 252;
	width: 64px;
	background-color: transparent;
	margin-left: 17px;
	position: relative;
}

#u604-6
{
	z-index: 246;
	width: 98px;
	min-height: 23px;
	background-color: transparent;
	text-align: center;
	color: #006699;
	font-family: open-sans, sans-serif;
	font-weight: 400;
	margin-top: 6px;
	position: relative;
}

#pu657
{
	width: 0.01px;
	padding-bottom: 0px;
	margin-right: -10000px;
	margin-left: 473px;
}

#u657
{
	z-index: 260;
	width: 64px;
	background-color: transparent;
	margin-left: 17px;
	position: relative;
}

#u656-6
{
	z-index: 254;
	width: 98px;
	min-height: 23px;
	background-color: transparent;
	text-align: center;
	color: #006699;
	font-family: open-sans, sans-serif;
	font-weight: 400;
	margin-top: 6px;
	position: relative;
}

#u510
{
	z-index: 89;
	height: 14px;
}

#u510-bw
{
	z-index: 89;
	margin-top: 1px;
	height: 14px;
}

#u299
{
	z-index: 101;
	height: 22px;
}

.ie #u510,.ie #u299
{
	background-color: #FFFFFF;
	opacity: 0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

#u299-bw
{
	z-index: 101;
	margin-top: 4px;
	height: 22px;
}

#u476
{
	z-index: 48;
	min-height: 86px;
	padding-bottom: 31px;
}

#u478
{
	z-index: 50;
	width: 158px;
	margin-right: -10000px;
	margin-top: 31px;
	left: 98px;
}

#u479-4
{
	z-index: 51;
	width: 151px;
	min-height: 27px;
}

#u480
{
	z-index: 55;
	width: 158px;
	margin-top: 2px;
}

#u476-bw
{
	z-index: 48;
	min-height: 86px;
	margin-top: 4px;
}

#u477
{
	z-index: 49;
	min-height: 36px;
	padding-bottom: 20px;
}

#u419_align_to_page,#u476_align_to_page,#u477_align_to_page
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	left: -100px;
}

#u482-4
{
	z-index: 57;
	width: 568px;
	min-height: 18px;
	margin-right: -10000px;
	margin-top: 18px;
	left: 98px;
}

#u483
{
	z-index: 61;
	width: 64px;
	padding-bottom: 16px;
	margin-right: -10000px;
	margin-top: -32px;
	left: 994px;
}

#u484
{
	z-index: 62;
	width: 32px;
	margin-right: -10000px;
	margin-top: 16px;
	left: 16px;
}

#u477-bw
{
	z-index: 49;
	min-height: 36px;
}

body
{
	position: relative;
	min-width: 960px;
	padding-top: 36px;
}

#page .verticalspacer
{
	clear: both;
}
#recordingslist{
		
}
#recordingslist a{
margin-left:11px;
color:#000000;
}
#recordingslist a:hover{
color:#FF0000;
text-decoration:none;
}
#boxgame{
	width:250px;
	height:239px;
	text-align:center;
	border:1px solid #dad5d5;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
float: left;
margin: 0 0 0 30px;
}
#boxgame:hover{
border:1px solid #006699;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 0px rgb(208, 207, 207);
}
#boxgame img{
	width:250px;
	height:110px;
	background-color:#8A0002;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#retangulo_h1{
    width: 250px;
    height: 40px;
    background-color: #FF0000;
	margin-top:-3px;
    float: left;
}
.games_h1{
	color:#ffffff;
    font-size: 18px;
    font-weight: 400;
	margin-top:10px;
}
.games_p{
	    color: #000000;
    margin-top: 17px;
    padding: 0 10px 0 10px;
    float: left;
}