/*  



Theme Name: Typograff



Theme URI: http://typograff.com







*/







body,td,th, p{



font-family:Helvetica, Arial;



font-size:13px;



color:#333333;



}







body {



background:#000;



margin-left:0px;



margin-top:0px;



margin-right:0px;



margin-bottom:0px;



}



/* twittada */



a:link {color:#29ABE2; text-decoration:underline;}



a:visited {color:#29ABE2; text-decoration:underline;}



a:hover{color:#E0007A; text-decoration:underline;}

/* facebook */

#div_componente_facebook_sidebar {
    border: 2px solid #191919;
    float: left;
    height: 268px;
    overflow: hidden;
    width: 335px;
}





/* mapa */



.mapa{



margin-top:20px;



}







.tbMapa{



width:37px;



height:34px;



background-image:url(images/tb_mapa.jpg);



float:left;



}



.titulo{



position:relative;



font:24px Arial, Helvetica, sans-serif; color:#29ABE2;



margin: 5px 5px 5px 5px;



padding: 5px 0 5px 0;







}



.imagemMapa{



width:335px;



height:220px;



background-image:url(images/mapa.jpg);



}

.mapaLink{



color:#ffffff;

}





/* parceiros */

.box.ads .content

{

padding-left: 0px;

padding-right: 13px;

text-align: left;

}

.thsAds img{

	border:0px;;

	} 















.adsTitulo{



font:24px Arial, Helvetica, sans-serif; 

color:#29ABE2;

margin: 5px 5px 5px 5px;

padding: 5px 0 5px 0;







}







/* Pagebar */







.pagebar {font:11px Arial, Helvetica, sans-serif; padding-top:0px; padding-bottom:5px; margin:0px; color:#666666;}



.pagebar a, .pageList .this-page {padding:2px 6px; text-decoration:none; border:solid 1px #dadada; background:#ebe9e1;}



.pagebar a:visited {padding:2px 6px; text-decoration:none; border:solid 1px #dadada; background:#ebe9e1;}



.pagebar .break {padding:2px 6px; border:none; text-decoration:none; background:#ebe9e1;}



.pagebar .this-page {padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; border-color:#f6f6f6; background:#ebe9e1;}



.pagebar a:hover {text-decoration:none; border-color:#dadada; color:#ffffff; background:#E0007A;}







/* MISC */







hr {height:1px; border:0px; color:#CECFCE; background-color:#CECFCE;}



.space li {padding:0px 0px 20px 0px; margin:0px;}



pre {height:auto; padding:10px 10px 10px 10px; overflow-x:scroll; width:530px;}







/* -Mailing - */







.mailing {font-size:11px;}







/* -Panoview - */







.panoview {



display: block;



overflow: visible;



overflow-x: auto;



overflow-y: hidden;



padding-bottom: 0px;



width: 560px;



margin: 0px auto 0px auto;



text-align: left;



}







/* -Gravatar - */







.gravatar {float:right; margin:10px 10px 10px 10px;}







/* Images & Caption Alignment */







.aligncenter,



div.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



}







.alignleft {



   float:left;



   margin:10px 15px 10px 0;



}







.alignright {



   float:right;



   margin:10px 0 10px 15px;



}







.wp-caption {



   border: 1px solid #ddd;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 10px;



   /* optional rounded corners for browsers that support it */



   -moz-border-radius: 3px;



   -khtml-border-radius: 3px;



   -webkit-border-radius: 3px;



   border-radius: 3px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



}







/* Containter */







#container1 {



margin:0 auto;



text-align:center;



background:#000;



background-repeat:repeat-x;



}







#container2 {



margin:0 auto;



text-align:center;



background-image:url(images/melayu-boleh-03.gif);



background-repeat:repeat-x;



}







#container3 {



margin:0 auto;



text-align:center;



background-image:url(images/melayu-boleh-04.gif);



background-repeat:repeat-x;



}







#container4 {



margin:0 auto 0;



padding:20px 0px 20px 0px;



text-align:center;



width:955px;



}











/* Box 1 */







.box1 h4 {



font-family:Arial;



font-size:11px;



color:#a0a09b;



font-weight:normal;



margin:0 auto;



}







.box1 a {text-decoration:none; color:#e8a02c;}



.box1 a:visited {text-decoration:none; color:#e8a02c;}



.box1 a:hover {text-decoration:none; color:#ffffff;}







/* Box 2 */







.box2 {




background-image:url(images/typograff-banner.jpg);



background-repeat:no-repeat;



}







.box2a h1 {



text-transform:uppercase;



margin:0px 0px 0px 0px;



padding:0px 0px 0px 0px;



font-size:40px;



line-height:33px;



}







.box2a a {text-decoration:none; color:#e8a02c;}



.box2a a:visited {text-decoration:none; color:#e8a02c;}



.box2a a:hover {text-decoration:none; color:#ffffff;}







.box2b {



color:#FFFFFF;



font-size:31px;



}







.box2a h4 {



margin:0px 0px 0px 0px;



padding:0px 0px 0px 0px;



font-size:11px;



font-weight:bold;



}







.box2a h4 a {text-decoration:none; color:#ffffff;}



.box2a h4 a:visited {text-decoration:none; color:#ffffff;}



.box2a h4 a:hover {text-decoration:none; color:#cccccc;}











/* Box 3 */







.box3 ul {padding:0px 0px 0px 0px; margin:0px; list-style-type:none;}



.box3 li {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-right:1px dashed #BFBFBF; float:left; display:block; font-size:13px;}



.box3 li a {color:#ffffff; text-decoration:none; padding:2px 10px 2px 10px; margin:0px; display:block; }  



.box3 li a:visited {color:#ffffff; text-decoration:none;} 



.box3 li a:hover {color:#000; text-decoration:none; background-color:#BFBFBF;} 







.box3a {



background-image:url(images/melayu-boleh-05.gif);



background-repeat:no-repeat;



margin:0px 0px 0px 0px;



padding:0px 0px 0px 0px;



}







/* Box 4 */







.box4 {

margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
width:596px;
border-color:#000; 
border-width:1px; 
border-style:solid;
background-color:#fff;
}

.box4a {

}







.box4b {

margin:0px 0px 0px 0px;

padding:18px 18px 18px 18px;

height:250px;

}



.box4b img {border:2px solid #e2e2e2;}

.box4b img {
padding:0;

}


.box4b h2 {



padding:5px 5px 5px 0px;



margin:0px 0px 0px 0px;



font-size:24px;



}







.box4b h2 a {text-decoration:none; color:#000;}



.box4b h2 a:visited {text-decoration:none; color:#000;}



.box4b h2 a:hover {text-decoration:none; color:#EE2372;}







.box4c {



padding:5px 0px 0px 0px;


margin:0px 0px 0px 0px;

border-top:1px solid #f6f6f6;

}







.box4d {



font-size:10px;



}

.box4_int {

margin:0px 0px 15px 0px;

padding:0px 0px 0px 0px;

width:596px;

border-color:#000; 

border-width:1px; 

border-style:solid;

background-color:#fff;

}



.box4a_int {

}



.box4b_int {



margin:0px 0px 0px 0px;

padding:18px 18px 18px 18px;

}



.box4b_int img {border:0px;}

.box4b_int img {

padding:0;

}



.box4b_int h2 {

padding:5px 5px 5px 0px;

margin:0px 0px 0px 0px;

font-size:24px;

}



.box4b_int h2 a {text-decoration:none; color:#000;}

.box4b_int h2 a:visited {text-decoration:none; color:#000;}

.box4b_int h2 a:hover {text-decoration:none; color:#EE2372;}



.box4c_int {

padding:5px 0px 0px 18px;

margin:0px 0px 0px 0px;

border-top:1px solid #f6f6f6;

}



.box4d_int {

font-size:10px;

}





.readMore{



width:96;
height:30;
float:right;
position:relative;
bottom:20px;
padding:0px 18px 0px 0px;



}



.readMore img{



}







/* Box 5 */







.box5 {



width:596px;



margin:0px 0px 20px 0px;



padding:0px 0px 0px 0px;



text-align:center;



}







/* Box 6 */







/* Box 7 */







.box7 {



width:337px;



height:35px;



background-image:url(images/search.jpg);



background-repeat:no-repeat;



}







.box7 ul {padding:0px 0px 0px 10px; margin:0px; list-style-type:none;}



.box7 li {padding:0px 0px 0px 0px; margin:0px;}







.box7 form {



margin:0px 0px 0px 0px;



padding:0px 0px 0px 0px;



}







.box7a {



width:280px;



background-color:#e7e5da;



border-color:#e7e5da; 



border-width:1px; 



border-style:solid;



text-align:left;



}







/* Box 8 */







.box8 {

width:335px;
height:42px;


margin:0px 0px 15px 0px;



padding:0px 0px 0px 0px;



border-color:#666; 



border-width:1px; 



border-style:solid;



background-color:#000000;



}











.box8b {



margin:0px 0px 0px 0px;



padding:18px 18px 18px 18px;



}







.box8b h3 {



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;



font-family:'Arial Narrow';



font-size:14px;



color:#e1771e;



line-height:14px;



}







.box8b h4 {



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;



font-size:13px;



color:#fff;



}







.box8b ul {padding:10px 0px 0px 20px; margin:0px;}



.box8b li {padding:3px 10px 6px 5px; margin:0px; list-style-type: disc; font-size:12px;}







.box8c {



background-image:url(images/bk-translate.jpg);



background-repeat:repeat-x;



}







.translation_bar {



position:relative;



padding:5px 5px 5px 5px;



}



.transl_sign {



padding:20px 5px 5px 5px;



float:right;



}

.translation_bar img{



padding:0px 10px 0px 5px;



}







.box8c {



margin:0px 0px 0px 0px;



padding:2px 2px 2px 2px;



}







.box8c h3 {



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;



font-size:13px;



color:#ffffff;



line-height:14px;



}







.box8c p {



padding:5px 5px 5px 5px;



margin:5px 5px 5px 5px;



text-decoration:none;



color:#ffffff;



float:left;



}







.box8d {



font-size:10px;



}







.box8d a {text-decoration:underline; color:#000000;}  



.box8d a:visited {text-decoration:underline; color:#000000;} 



.box8d a:hover {text-decoration:none; color:#666666;} 







.box8e img {border:none;}







.box8e ul {padding:10px 0px 0px 0px; margin:0px;}



.box8e li {padding:0px 10px 10px 0px; margin:0px; list-style-type:none; float:left;}







/* Box 8 nOVO*/







.box8_novo {



margin:0px 0px 17px 0px;



padding:0px 0px 0px 0px;



border-color:#666; 



border-width:1px; 



border-style:solid;



background-color:#000000;



}











.box8b_novo {



margin:0px 0px 0px 0px;



padding:18px 18px 18px 18px;



}







.box8b_novo h3 {



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;



font-size:14px;



color:#e1771e;



line-height:14px;



}







.box8b_novo h4 {



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;



font-size:13px;



color:#fff;



}







.box8b_novo ul {padding:10px 0px 0px 20px; margin:0px;}



.box8b_novo li {padding:3px 10px 6px 5px; margin:0px; list-style-type: disc; font-size:12px;}







.box8c_novo {



}







.box8c_novo {



margin:0px 0px 0px 0px;



padding:2px 2px 2px 2px;



}







.box8c_novo h3 {



padding:0px 0px 0px 10px;



margin:0px 0px 0px 0px;



font-size:16px;



color:##29ABE2;



line-height:14px;



}







.box8c_novo p {



padding:5px 5px 5px 5px;



margin:5px 5px 5px 5px;



text-decoration:none;



color:#ffffff;



float:left;



}







.box8d_novo {



font-size:10px;



}







.box8d_novo a {text-decoration:underline; color:#000000;}  



.box8d_novo a:visited {text-decoration:underline; color:#000000;} 



.box8d_novo a:hover {text-decoration:none; color:#666666;} 







.box8e_novo img {border:none;}







.box8e_novo ul {padding:10px 0px 0px 0px; margin:0px;}



.box8e_novo li {padding:0px 10px 10px 0px; margin:0px; list-style-type:none; float:left;}







/* Box 9 */



.tbFlickr{



width:54px;



height:33px;



background-image:url(images/tb_flickr.jpg);



float:left;



}







.box9 {



position:relative;



font:24px Arial, Helvetica, sans-serif; color:#29ABE2;



padding: 0 0 5px 0;



}











.box9a {



text-align:left;



margin:0px 0px 0px 10px;



}







.box9a form {



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;



}







.box9b {



font-size:11px;



}







/* Box 10 */







.box10 {



margin:15px 0px 0px 20px;



}







.box10a {



font-size:11px; 



color:#000000;



font-weight:bold;



}







.box10a ul {padding:0px 0px 10px 0px; margin:0px; list-style-type:none;}



.box10a li {padding:0px 0px 0px 0px; margin:0px; text-decoration:none; color:#666666; font-weight:normal;}







/* Box 11 */







.box11 ol {padding:10px 0px 0px 35px; margin:0px;}



.box11 li {padding:3px 0px 0px 0px; margin:0px; text-decoration:none; color:#666666; font-size:10px; list-style-type:decimal;}



.box11 li a {color:#000000; font-size:11px;}  



.box11 li a:visited {color:#000000; font-size:11px;} 



.box11 li a:hover {color:#333333; font-size:11px;} 







/* Box 12 */







.box12 {padding:0px 0px 0px 0px; margin:0px;}



.box12 p {padding:0px 0px 0px 0px; margin:0px;}



.box12 ul {padding:0px 0px 0px 5px; margin:0px;}



.box12 li {padding:0px 0px 0px 0px; margin:0px; list-style-type:none; text-decoration:none;}



.box12 img {border:none;}



.box12 li img {width:95px; height:95px; border-style:1px solid #c4c4b9; padding:7px 7px 7px 7px; float:left;}



.box12 li a img {text-decoration:none; padding:9px 9px 9px 9px; display:block;}



.box12 li a:hover img {text-decoration:none; background-color:#29ABE2;} 







/* Box 13 */







.box13 {



background-color:#818181;



padding:18px 25px 18px 25px;



margin:0px 0px 0px 0px;



text-align:center;



position:relative;



}







.box13a h4 {



padding:8px 12px 8px 12px;



margin:0px 0px 10px 0px;



color:#fff;



background-color:#333333;



}







.box13b {



border-color:#999999; 



border-width:5px; 



border-style:solid;



background-color:#ededed;



width:85%;



}







.box13b ul {padding:0px 0px 0px 0px; margin:0px;}



.box13b li {padding:7px 15px 7px 15px; margin:0px; text-decoration:none; font-size:12px; list-style-type:none; border-top:1px solid #ffffff; border-bottom:1px solid #d6d5d5;}



.box13b li a {text-decoration:none; color:#EA0D8C;}  



.box13b li a:visited {text-decoration:none; color:#999;} 



.box13b li a:hover {text-decoration:underline; color:#29ABE2;} 







.box13c {float:left; margin:1px 5px 0px 0px; padding:0px 0px 0px 0px;}







/* Box 14 */







.box14 {



background-color:#1c1d17;



padding:8px 25px 8px 25px;



margin:0px 0px 0px 0px;



text-align:center;



font-size:10px;



color:#a0a09b;



}







.box14 a:hover {color:#ED008C;} 







/* Box15 */







.box15 {



width:100%;



border-spacing:0px; 



margin:10px 0px 0px 0px;



padding:0px 0px 0px 0px;



}







.box15a {



width:50%;



text-align:left;



}







.box15a img {border:none;}







.box15a ul {padding:0px 0px 0px 0px; margin:0px;} 



.box15a li {padding:0px 3px 8px 0px; margin:0px; list-style-type:none; text-decoration:none; float:left;}







.box15b {



width:50%;



text-align:right;



}







.box15b ul {padding:0px 0px 15px 0px; margin:0px;} 



.box15b li {padding:0px 0px 0px 0px; margin:0px; list-style-type:none; text-decoration:none; font-size:10px; color:#999999;}







/* Box16 */







.box16 {



width:596px;
height:40px;
border-spacing:0px; 
position:relative;

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;



border-collapse:separate;



border-top:1px dotted #cccccc;



background-color:#f7f7f7;



}

.box16_int {

width:596px;
border-spacing:0px; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-collapse:separate;
border-top:1px dotted #cccccc;
background-color:#f7f7f7;

}





.box16a {



width:50%;
text-align:left;
float:left;

}



.box16a ul {padding:4px 4px 4px 10px; margin:0px;} 

.box16a li {padding:0px 0px 0px 0px; margin:0px; list-style-type:none; text-decoration:none; font-size:10px; color:#999999;}

.box16a li a {text-decoration:none;}

.box16a li a:visited {text-decoration:none;}

.box16a li a:hover {text-decoration:underline;}

.box16a_int {

width:50%;

text-align:left;

}



.box16a_int ul {padding:0px 0px 0px 0px; margin:0px;} 

.box16a_int li {padding:0px 0px 0px 0px; margin:0px; list-style-type:none; text-decoration:none; font-size:10px; color:#999999;}

.box16a_int li a {text-decoration:none;}

.box16a_int li a:visited {text-decoration:none;}

.box16a_int li a:hover {text-decoration:underline;}







.box16b {

width:50%;
float:right;
text-align:right;
}

.box16b ul {padding:4px 10px 4px 4px; margin:0px;} 

.box16b li {padding:0px 0px 0px 0px; 
margin:0px; list-style-type:none; text-decoration:none; font-size:10px; color:#999999;}
.box16b li a {text-decoration:none;}

.box16b li a:visited {text-decoration:none;}

.box16b li a:hover {text-decoration:underline;}

.box16b_int {

width:50%;

text-align:right;

}



.box16b_int ul {padding:0px 0px 0px 0px; margin:0px;} 

.box16b_int li {padding:0px 0px 0px 0px; margin:0px; list-style-type:none; text-decoration:none; font-size:10px; color:#999999;}

.box16b_int li a {text-decoration:none;}

.box16b_int li a:visited {text-decoration:none;}

.box16b_int li a:hover {text-decoration:underline;}
