/***********************************************
		 CSS for CUSRO Fé
		 Escrito em 13/10/2005
***********************************************/
body{
background-color:#9DABB3;
margin:0;
}
*{line-height:150%}
#body2{
background:url(img/bg_body_top.png) repeat-x #6B808B;
padding-top:20px;
}
#all{
width:642px;
padding:0;
margin:auto;
padding-bottom:20px;
}
h1, h2, h3{
text-indent:-15000px;
margin:0;
padding:0;
display:block;
}
.brall{
clear:both;
}
.altContents{
text-align: left;
font:20px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding: 2px 5px;
position:absolute;
top:10px;
left:10px;
display:none;
border: 1px solid #000;
z-index: 100;
background-color: #F4F4D0;
-moz-border-radius: 5px;
-moz-opacity: .75;
opacity: .75;
filter: alpha(opacity=75);
}

/***********************************************
		TOPO
***********************************************/
#top{
height:194px;
}
#top h1{
background:url(img/img_top.jpg) no-repeat;
width:642px;
height:194px;
}
/***********************************************
		MENU
***********************************************/
#menu{
height:34px;
}
#menu li{ text-indent:-15000px; list-style:none; }
#menu a{
display:block;
text-decoration:none;
}
#ul_contato, #ul_idiomas{
margin:0;
padding:0;
}
#ul_contato li{
width:148px;
height:32px;
background:url(img/m_bt_email.png) no-repeat;
float:left;
padding:0;
}
#ul_contato a{
width:124px;
height:32px;
}
#menu_idiomas{
width:325px;
float:right;
}
#menu_idiomas h3{
background:url(img/m_idiomas.gif) no-repeat;
height:29px;
width:90px;
float:left;
}
#ul_idiomas{
float:right;
}
#ul_idiomas li{
display:inline;
float:left;
width:42px;
height:29px;
margin-left:5px;
padding:0;
}
#ul_idiomas a{ /* fot stupid iE */
width:42px;
height:29px;
}
.flag_ar{ background:url(img/m_fl_arab.png) no-repeat; }
.flag_en{ background:url(img/m_fl_en.png) no-repeat; }
.flag_fr{ background:url(img/m_fl_fr.png) no-repeat; }
.flag_pt{ background:url(img/m_fl_pt.png) no-repeat; }
.flag_sp{ background:url(img/m_fl_sp.png) no-repeat; }


/***********************************************
		CONTEUDO CAPA
***********************************************/
#content{
background-color:#9DABB3;
border:10px solid #B1BCC2;
padding:10px;
font:22px/16px  Arial, Helvetica, sans-serif;
color:#000000;
width:602px;
float:left;
}
.but{
height:22px;
cursor:pointer;
margin:0;
white-space:nowrap;
color:#000;
background:#9DABB3;
}
#entrada{
width:325px;
padding:10;
margin:0;
float:left;
text-align: right;
line-height:22px;
}
#entrada2{
width:325px;
padding:10;
margin:0;
float:left;
text-align: left;
}
#entrada h3{
background:url(img/c_rrsoares.png) no-repeat;
width:253px;
height:36px;
}
/***********************************************
		CONTEUDO CAPA > LIÇÕES
***********************************************/
#licoes{
width:258px;
float:right;
background:url(img/c_bg_shw_licoes.gif) repeat-y right;
}
#licoes h3{
background:url(img/c_t_licoes.png) no-repeat;
height:40px;
}
#licoes_txt{
background:url(img/c_bg_licoes.jpg) repeat-x;
border:8px solid #FFFFFF;
border-top:none;
padding:5px;
width:222px;
}
#licoes_txt ul{
margin:0;
padding:0;
color:#666666;
list-style:none;
}
#licoes_txt a{ color:#990000; text-decoration:none; }
#licoes_txt a:hover{ text-decoration:underline; }
#licoes_base{
background:url(img/c_shw_bt_licoes.png) no-repeat;
height:10px;
font:1px Arial, Helvetica, sans-serif
}
/***********************************************
		LIÇÕES
***********************************************/
#mais{
width:173px;
float:right;
background:url(img/licoes_bg_shw.gif) #9DABB3 repeat-y right;
margin-left:15px;
}
#mais h3{
background:url(img/licoes_mais.png) no-repeat;
height:37px;
}
#mais_txt{
background:url(img/c_bg_licoes.jpg) repeat-x;
border:7px solid #FFFFFF;
border-top:none;
padding:5px;
width:143px;
font:10px Arial, Helvetica, sans-serif;
}
#mais_txt a{ color:#CC3300; text-decoration:none; }
#mais_txt a:hover{ text-decoration:underline; }
#a_player{
display:none;
margin-top:5px;
height:40px;
}
#mais_base{
background:url(img/licoes_shw_bt.png) no-repeat;
height:7px;
font:1px  Arial, Helvetica, sans-serif
}
#bts_licoes{
width:132px;
overflow:hidden;
margin-left:10px;
}
#bts_licoes a{
display:block;
width:17px;
font:10px/16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#65707C;
padding:2px;
text-align:center;
float:left;
margin-right:12px;
margin-bottom:10px;
}
#bts_licoes a:hover{
text-decoration:none;
background-color:#CDD3D8;
color:#333333;
}
#content .t_licao{
font:bold 20px "Trebuchet MS", Verdana, sans-serif;
text-indent:0px;
color:#FFFFFF;
margin-top:-5px;
margin-bottom:10px;
}
#content .s_licao{
font:20px/25px Tahoma, Verdana, sans-serif;
color:#666666;
margin-left:0px !important;
margin-left:-15px;
}
#content .i_licao{
font:bold 11px Tahoma, Verdana, sans-serif;
text-indent:0px;
}
#intro{
font:21px  Arial, Helvetica, sans-serif;
margin-bottom:15px;
padding-bottom:10px;
border-bottom:0px solid #B1BCC2;
}
#t_licao{
background-color:#DFE3E6;
border:1px solid #4B5A60;
padding:8px;
}
#t_licao a{
font-weight:bold;
color:#FF6600;
text-decoration:none;
border: 0px solid;
}
#content .altContents{
font:11px/15px Arial, Helvetica, sans-serif;
text-align: left;
color:#FFFFFF;
width:200px;
padding: 5px 5px;
position:absolute;
top:10px;
left:10px;
display:none;
border: 2px solid #4B5A60;
z-index: 100;
background-color:#4F6484;
-moz-border-radius: 0px;
-moz-opacity: 100;
opacity: 100;
filter: alpha(opacity=100);
}
/***********************************************
		QUESTION�RIO
***********************************************/
#questions{
background-color:#9DABB3;
border:10px solid #B1BCC2;
padding:10px;
font:20px/16px Arial, Helvetica, sans-serif;
color:#000000;
}
#questions img{
vertical-align:middle;
}
#questions .respostas{
margin-left:28px;
}
#questions .bt{
font:20px Arial, Helvetica, sans-serif;
padding:3px;
background-color:#FF6600;
border:1px solid #FFFFFF;
color:#FFFFFF;
}
.wrong{
padding:1px 4px;
color:#990000;
font-weight:bold;
}
.correct{
padding:1px 4px;
color:#003399;
font-weight:bold;
}
/***********************************************
		RODAPÉ
***********************************************/
#rodape{
text-align:center;
font:17px/17px Verdana, Arial, Helvetica, sans-serif;
padding:5px;
color:#666666;
}
#rodape a{
color:#333333;
}
#more {
border:0px solid #cccccc;
border-top:none;
color:#cccccc;
}
#more a{
	text-decoration:none;
	color:#cccccc;
}
#more a:hover{ text-decoration:none; }