@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: local('?'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfontwInAtQyf') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: local('?'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#webfontSBd3KlY1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: local('?'), url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold-webfont.svg#webfonteDrx4oxO') format('svg');
    font-weight: normal;
    font-style: normal;
}

cufon {
    text-indent:0!important;
}

@media screen,projection {
    cufon{display:inline!important;
          display:inline-block!important
              position:relative!important;
          vertical-align:middle!important;
          font-size:1px!important;
          line-height:1px!important;
    }

    cufon cufontext {
        display:-moz-inline-box!important;
        display:inline-block!important;
        width:0!important;
        height:0!important;
        overflow:hidden!important;
        text-indent:-10000in!important;
    }

    cufon canvas {
        position:relative!important;
    }}

@media print {
    cufon {
        padding:0!important;
    }

    cufon canvas {
        display:none!important;
    }
} 


a.chat {
    background: url(/chat/b.php?i=mblue&amp;lang=pt-br) left top;
    width: 40px;
    height: 122px;
    position: absolute;
    left: 0;
    top: 350px;
    text-indent: -10000px;
    z-index: 1000;
}

a.chat:hover {
    background: url(/chat/b.php?i=mblue&amp;lang=pt-br) left bottom;
}  

/* --------   TOPO   ------- */

* { outline: 0 none; } 

.container { width:1000px; margin: 0; }

body {	
    width:auto;	
    padding:0;
    margin:auto;
    text-align: center;
    background: #fff url(../img/bg_site.jpg) top center repeat-x; 
    overflow: auto;

}

body#interna {
    background: url(../img/bg_site_interna.jpg) top center no-repeat #fff;
    /* background: url(../img/bg_site.jpg) top center no-repeat #fff; */
}

body#iframe {
    background: none;
    margin: 20px;
}


div#header {
    width: 100%;
    height: 140px;
    float: left;
}

div.wrapper {
    width: 870px;         
    margin: 0 auto;
}

div#header div a.logo {
    background: url(../img/logo.png) no-repeat;
    width: 245px;
    height: 116px;
    position: absolute;
    display: block;
    z-index: 1000;
    text-indent: -9999em; 
    overflow: hidden; 
    *margin-left: -333px;          
}

div#header div a.logo_interna {
    background: url(../img/logo_interna.png) no-repeat;   
    width: 235px;
    height: 120px;
    position: relative;
    top: -40px;
    display: block;	
    float: top;
    left: 2px;
    text-indent: -9999em; 
    overflow: visible;     
    *margin-left: -333px;      
    z-index: 11;   
}

.box-top {
    position: relative;
    top:-157px;

    border-radius:18px;
    -moz-border-radius: 18px;
    border:1px #ACACAC solid; padding-top:4px;
    /*    box-shadow: -1px 2px 4px #ACACAC !important;   */
    -webkit-box-shadow: 6px 6px 38px #e4edf1 inset !important;
    -moz-box-shadow: 3px 3px -36px #333 inset !important;

    background: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #e4edf1) !important;
    background-image: -moz-linear-gradient(top, #FFFFFF, #e4edf1) !important;
    background-image: -ms-linear-gradient(top, #FFFFFF, #e4edf1)!important;
    background-image: -o-linear-gradient(top, #FFFFFF, #e4edf1)!important;
    background-image: linear-gradient(to bottom, #FFFFFF, #e5eef2) !important;
    background-clip: content-box(to bottom, #FFFFFF, #e5eef2) ;

    width: 235px;
    height: 120px;
    z-index: 10; 
}

div#header div span.hora_data {
    position: relative;
    top:-23px;
    padding: 0;
    background: url(../img/hr_dt_bg.png);   
    left: -8px;
    width: 185px;
    height: 52px;
    display: block;
    float: right;
    color: #424242;
}

div#header div span.hora_data p {
    margin-top: 3px;
}




/* --- MENU TOPO LINHA_1 ---*/
#header ul.menu-top-1 { position: relative; left: 345px; top: -215px; width: 500px; max-width: 500px; font-size: 15px; color: #115b85;
                        list-style: none; margin: 0; padding: 0; font-family: sans-serif; }
#header div ul.menu-top-1 li { float: left; }
#header div ul.menu-top-1 a { color: #115b85; text-decoration: none; float: left; margin-top: 1px; }
#header div ul.menu-top-1 span { margin: 0 8px 0 11px; display: block;  float: left; }


/* --- MENU TOPO LINHA_2 ---*/
#header ul.menu-top-2 { position: relative; left: -125px; top: -190px; list-style: none; font-size: 14px; font-family: sans-serif;
                        width: 650px; height: 42px; color: #fff; padding-left: 350px; }

#header div ul.menu-top-2 li { float: left; }
#header div ul.menu-top-2 li a { color: #fff; text-decoration: none; display: block; margin-top: 10px; float: left; }
#header div ul.menu-top-2 li span { margin: 9px 12px 0 10px; display: block; float: left; }


/* --------   CONTE�DO ESQUERDA   ------- */

div.col_esq  {
    margin-left: 4px;
    width: 640px;
    height: auto;
    /*  border: 1px #000 solid; */
    float: left;
    /* border-bottom: 4px dotted #ABABAB;*/
    margin: 6px 0 20px 0;
    padding: 0;
}

div#content {
    width: 100%;
    float: left;
}

div#content div div.col_esq {  
    float: left;
    width: 645px;
    margin-left: 4px;
}    



div.col_esq div.flash {
    margin-left: 4px;
    width: 640px;
    height: 190px;
    float: left;
    /* border-bottom: 4px dotted #ABABAB;*/
    margin: 6px 0 20px 0;
    padding: 0;
}

div.col_esq span.flash {
    display: block;
    margin-left: 4px;
    width: 640px;
    float: left;
    padding: 0px;
    border-bottom: 4px dotted #ABABAB;
    margin: 8px 0 20px 0;
}

object.banner-tab {
    width: 640px;
    height: 238px;
    float: left;
    display: block;
}

ul#menu-banner {
    list-style: none;
    float: left;
    margin: -20px 0 0;
    padding: 0;
}

ul#menu-banner li {
    float: left;
    margin-right: 2px;
}

ul#menu-banner li a {
    background: url(../images/bt_banner_fnd.png) left;
    width: 13px;
    height: 15px;
    padding: 4px 0 0 6px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

ul#menu-banner li a:hover, ul#menu-banner li.active a {
    background: url(../images/bt_banner_fnd.png) right;
}

.col_esq div {       
    margin-top: 0;
    padding: 15px;

    width: 295px;
    height: 130px;
    float: left;

    text-align: left;

    /*
  padding-bottom: -10px;
 width: 625px;*/
}

div.col_esq div.box {
    background: url(../img/bg_box1.png) top #fff repeat-x;
}

div.col_esq div a.bt-cad {
    margin-top: -7px;
    display: block;
}

div.col_esq div.box2 {
    background: url(../img/bg_box2.png) top #fff repeat-x;
    float: left;
    margin-left: 21px;
}

#novo {
    position: absolute;
    margin: -30px 0 0 -25px;
}

div.col_esq div span {
    width: 100%;
    color: #003a59;
    float: left;
    font-size:  14px;
    margin-bottom: -2px;
    z-index: 1000;

}

div.col_esq div p {
    font-family: 'MyriadProRegular';
    color: #5c5c5c;
    font-size: 12px;
    z-index: 1000;
    display: block;
    margin-bottom: 25px;
    *margin-bottom: 20px;
}      

div.col_esq div a {
    color: #003a59;
    float: left;
    display: block;
    font-size:  14px;
    margin-bottom: 8px;
    text-decoration: none; 
    float: left;   
    margin-top: 5px;    
    z-index: 10;
}

div.col_esq div a.link_text {
    float: none;
    display: inline;
}

div.col_esq div a.link_text:hover {
    text-decoration: underline;
}

div.col_esq div a span {
    width: auto;
    color: #bba700;
    font-size: 23px;
    margin-top: -6px;
    *margin-top: 1px;
    z-index: 1000;
}

div.col_esq a.help {
    position: relative;
    left: 12px;
    background: url(../img/help.png) no-repeat;
    width: 625px;
    height: 170px;

    display: block;
    margin: 15px 0 0 -2px;
    float: left;
    overflow: hidden;
    text-indent: -9999em;
}

div.col_esq .facebook-aluno {
    position: relative;
    background: url(../img/bnn-facebook-aluno2.png) 100% no-repeat;
    left: 6px;
    width: 656px;
    height: 70px;
    border: 0px;
    /* display: block; */
    padding: 0;
    margin-bottom: 3px;
    margin-top: 147px;
    /* float: left;
       overflow: hidden; */
    text-indent: -9999em;
}



div.col_esq div.links {
    margin: 0;
    border: 1px #ccc solid;
    max-height: 30px;

    width: 630px;
    padding: 0 0 0 1px;
    float: left; 
    margin-top: 15px;
    padding: 5px 5px 35px;
    font-family: 'MyriadProSemibold';
}

div.col_esq div.links a.detran {
    width: 320px;
    border-right: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
    float: left;
    margin-right: 2px;
    text-transform: uppercase;
}

div.col_esq div.links a.sebrae {
    width: 320px;
    text-align: center;
    overflow: hidden;
    float: left;
    text-transform: uppercase;
}

div.col_esq div.links a.pref {
    width: 120px;
    text-align: center;
    overflow: hidden;
    float: left;
    text-transform: uppercase;
}


/* --------  FIM CONTE�DO ESQUERDA   ------- */

div#content div.col_dir {
    position: relative;
    top: -2px; 

    float: right;
    width: 187px;
    margin: 7px 4px 0 0;
}    

.col-itens-right {   
    position: relative;
    top: -3px !important;  
    margin: 0;
    padding: 0;
}

div.col_dir div.login {
    background: url(../img/bg_login.png);
    width: 185px;
    height: 178px;
    float: left;
}

div.login form {
    width: 160px;
    float: left;
    margin: 49px 0 0 11px;    
}

div.login form span {
    font-family: 'MyriadProRegular';
    color: #5c5c5c;
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 2px;
    float: left;
}

div.login form input {
    width: 100%;
    height: 18px;
    border: 1px solid #ccc; 
    margin-bottom: 8px;
    *margin-left: -12px; 
    float: left;  
    font-family: 'MyriadProRegular';    
}

div.login form input.senha {
    width: 115px;   
}

div.login form input.submit {
    background: url(../img/submit_bt.png);
    width: 35px;
    height: 29px;
    overflow: hidden;
    text-indent: -9999em;
    border: none;
    margin-top: -7px;
    cursor: pointer;
    float: right;
}

div.login a {
    font-family: 'MyriadProSemibold';
    color: #518daf;
    width: 100%;
    float: left;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

div.login a span {
    color: #BBA700;
    font-size: 18px;
    width: auto;
    font-family: 'MyriadProBold';
    margin-left: 5px;
}

div.login a:hover {
    color: #0f577f;

}

div.col_dir div.clientes {
    background: url(../img/box_clientes.png);
    width: 185px;
    height: 181px;
    float: left;
    margin-top: 10px;        
}

div.col_dir div.clientes div.mask {
    width: 161px;
    height: 118px;
    overflow: hidden;
    background: #fff;
    float: left;
    border: 1px solid #ddd;
    margin: 46px 0 0 11px;
}

div.clientes div.mask ul.logos {
    list-style: none;
    padding: 0;
    width: 10000px;
}

div.clientes div.mask ul.logos li {
    position: relative;  /* 19/3/2015 */
    top:-7px;           /* 19/3/2015 */

    float: left;
    margin: 35px 0 0;
    padding: 0 5px;
    width: 151px;
    height: 118px;
    overflow: auto;
}

div.clientes div.mask ul.logos li img {
    width: 150px;
}

div.col_dir div.videos {
    background: url(../img/bg_video.png);
    width: 185px;
    height: 193px;
    float: left;
    margin-top: 10px;        
}

div.videos a.video {
    background: #000;
    width: 160px;
    height: 90px;
    float: left;
    display: block;
    margin: 49px 0 0 12px;        
    opacity:0.6;
    -moz-opacity:0.6;
    filter:alpha(opacity:60);
}

div.videos a.video:hover {
    opacity:1.0;
    -moz-opacity:1.0;
    filter:alpha(opacity:100);
}

div.videos a.video img {
    border: none;
}

div.videos a.video img.play_icon {
    position: absolute;
    margin: 35px 0 0 75px;
}

div.videos ul {
    list-style: none;
    margin: 8px 0 0 12px; 
    padding: 0;
    float: left;
    width: 160px;
}

div.videos ul li {
    display: block;
}

div.videos ul li a {
    width: 100%;
    display: block;
    float: left;        
    text-decoration: none;
    margin-bottom: 8px;
    opacity:0.6;
    -moz-opacity:0.6;
    filter:alpha(opacity:60);
}

div.videos ul li a:hover {
    opacity:1.0;
    -moz-opacity:1.0;
    filter:alpha(opacity:100);
}

div.videos ul li a img {
    float: left;
    border: none;
}

div.videos ul li a img.play_icon {
    float: left;
    margin: 10px 0 0 -26px;
}

div.videos ul li a span {
    float: right;
    display: block;
    width: 105px;
    font-family: 'MyriadProSemibold';
    color: #003a59;
    font-size: 11px;
    text-align: left;
    margin-left: 4px;
}

div.videos img.thumb {
    width: 50px;
}

div.col_dir div.parceiros {
    background: url(../img/bg_parceiros.png) no-repeat center top;
    width: 185px;
    height: 134px;
    float: left;
    margin-top: 10px;
}

div.col_dir div.parceiros a {
    outline: 0 none;
}

div.col_dir div.parceiros a img {
    margin-top: 30px;
    border: none;
}

/* --------   START FOOTER   ------- */

#footer {
    background: url(../img/bg_rodape.png) bottom repeat-x;
    width: 100%;
    height: 82px;	
    float: left;
    margin-left:0px;
    margin-right:0px;
    margin-top: 10px;
    padding-top: 60px;
    z-index: 5;
}

.bloco-yellow {
    position:relative;
    top:60px;
    background: url(../img/bloco-yellow-rigth.png) right no-repeat;
    width: 100%; 
    height: 118px;	
    margin:auto;
    float: right;
    /*	left:45%; */
    margin-top: -100px;
    /*   padding-top: 30px; */
    z-index: 6;
}

#footer div.wrapper ul#menu_rodape {
    list-style: none;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    *width: 550px;
}

#footer div.wrapper ul#menu_rodape li {
    display: inline-block;
    float: left;
    border-right: 1px solid #bbb;
    padding: 0;
    margin: 0;
    *width: auto;
}

#footer div.wrapper ul#menu_rodape li.ultimo {
    border-right: none;
}

#footer div.wrapper ul#menu_rodape li a {
    font-size: 10px;
    font-family: 'MyriadProSemibold';
    margin: 0 5px;
    color: #666;
    display: block;
    float: none;
    text-decoration: none;
    *width: auto;
}

#footer div.wrapper span {
    width: 500px;
    float: left;
    display: block;
    font-family: 'MyriadProSemibold';
    color: #999;
    font-size: 10px;
    margin: 20px 0 0 5px;
    text-align: left;
}

#footer div.wrapper span.rights {
    margin-left: 115px;
}

#footer div.wrapper a {
    float: right;
    margin: -16px 50px 0 0;
    width: auto;
    height: auto;        
}

#footer div.wrapper a img {
    border: none;
}

/* --------   INTERNAS   ------- */

div.col_esq span.bg_box_1 {
    background: url(../img/box_content_1.png);
    width: 659px;
    height: 12px;
    display: block;
    float: left;
    margin-top: 8px;
}

div.col_esq span.bg_box_2 {
    background: url(../img/box_content_3.png);
    width: 659px;
    height: 19px;
    display: block;
    float: left;
}

div.col_esq div.bg_box {
    background: url(../img/box_content_2.png);
    padding: 0 15px;
    width: 629px;
    height: auto;
    float: left;
    text-align: left;        
}

div.col_esq div.bg_box h1 {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    font-size: 20px;
    letter-spacing: -1px;
    color: #115b85;
    margin: 0;
    display: block;
}

div.col_esq div.bg_box a.voltar {
    position: absolute;
    display: block;
    color: #333;
    margin: -23px 0 0 580px;
    *display: none;
}

div.col_esq div.bg_box span {
    margin-top: 15px;
    font-family: 'MyriadProRegular';
    font-size: 12px;
    color: #666;
}

div.col_esq div.bg_box span.dois {
    text-align: center;
}

div.col_esq div.bg_box span strong { 
    font-family: 'MyriadProBold';
    font-size: 16px;
}

div.col_esq div.bg_box span strong.frase {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    text-align: center;
}

div.col_esq div.bg_box span strong.frase br {
    margin-top: 8px;
    display: block;
}

div.col_esq div.bg_box span p {
    width: 100%;
    margin-top: 5px;
}

div.col_esq div.bg_box span ul {
    margin-top: 5px;
    padding-left: 14px;
}

div.col_esq div.bg_box span ul.spc {
    margin: 0;
}        

div.col_esq div.bg_box span ul.bene li, div.col_esq div.bg_box span ul.spc li {
    margin-top: 10px;
}

div.col_esq div.bg_box form {
    width: 320px;
    display: block;
    border-right: 1px dotted #ccc;
    float: left;
    margin-top: 15px;
}


div.col_esq div.bg_box form.demo {
    width: 340px;
    border: none;
    margin: 15px 0 0 140px;
}

div.col_esq div.bg_box form span {
    width: 110px;
    display: block;
    float: left;
    margin: 10px 0 0 0;
}

div.col_esq div.bg_box form span strong {
    width: 5px;
    font-size: 16px;
    color: red;
    font-family: 'MyriadProBold';
    margin-top: 3px;
}

div.col_esq div.bg_box form span.obs {
    font-size: 10px;
    color: #999;
}

div.col_esq div.bg_box form input {
    width: 190px;
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    margin: 12px 0 0 0;
}

div.col_esq div.bg_box form.demo input {
    width: 210px;
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    margin: 12px 0 0 0;
}

div.col_esq div.bg_box form input.cidade {
    width: 135px;
    font-size: 11px;
}

div.col_esq div.bg_box form#evento input.email {    
    width: 535px;
}

div.col_esq div.bg_box form.demo input.cidade {
    width: 135px;
    font-size: 11px;
}

div.col_esq div.bg_box form select {
    float: left;
    height: 19px;
    margin: 12px 0 0 5px;
    font-family: 'Arial';
    font-size: 11px;
}

div.col_esq div.bg_box form textarea {
    width: 190px;
    height:  80px;
    float: left;
    margin: 12px 0 0 0;
    overflow: auto;
    font-family: 'Arial';
    font-size: 11px;
}

div.col_esq div.bg_box form.demo textarea {
    width: 210px;
    height:  80px;
    float: left;
    margin: 12px 0 0 0;
    overflow: auto;
    font-family: 'Arial';
    font-size: 11px;
}

#cad {
    background: url(../img/bt_submit.png) top;
    width: 82px;
    height: 25px;
    float: right;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-family: 'MyriadProBold';
    font-size: 12px;
    margin: 12px 13px 0 0;
}

#acessa {
    background: url(../img/bt_submit.png) top;
    width: 82px;
    height: 25px;
    float: right;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-family: 'MyriadProBold';
    font-size: 12px;
    margin: 12px 67px 0 0;
}

div.col_esq div.bg_box form button:hover {
    background: url(../img/bt_submit.png) bottom;
}

div.col_esq div.bg_box div#info_contato {
    width: 292px;
    float: right;
    padding: 0;
    margin: 26px 2px 0 0;
}

div.col_esq div.bg_box div#info_acesso {
    width: 292px;
    float: right;
    padding: 0;
    margin: 5px 2px 0 0;
}

#border_frame {
    border: solid 8px #ddd;
}

div.col_esq div.bg_box div#info_contato span {
    font-family: 'MyriadProRegular';
    font-size: 12px;
    display: block;
}  

div.col_esq div.bg_box div#info_acesso span {
    font-family: 'MyriadProRegular';
    font-size: 12px;
    display: block;
}  

div.col_esq div.bg_box div#info_contato h3 {
    font-family: 'MyriadProRegular';
    font-size: 12px;
    letter-spacing: -1px;
    color: #666;
    font-weight: normal;
}        

div.col_esq div.bg_box div#info_acesso h3 {
    font-family: 'MyriadProRegular';
    font-size: 12px;
    letter-spacing: -1px;
    color: #666;
    font-weight: normal;
} 

div.col_esq div.bg_box div#info_contato h3 strong {
    font-family: 'tahoma';
    margin: 0 12px 0 3px;
}



div.col_esq table {
    width: 630px;
    float: left;
    font-size: 12px;
    margin-top: 10px;
}



div.col_esq table.links {

    width: 314px;
    font-size: 10px;
    float: left;
}

div.col_esq table.links tr:hover {
    background: #eee;
}

div.col_esq table.links a {
    font-size: 12px;
}

div.col_esq table th {
    background: #0b4d73;
    padding: 3px;
    color: #fff;
    font-family: 'MyriadProBold';
    text-transform: uppercase;
}

div.col_esq table th.nome {
    width: 180px;
}

div.col_esq table th.desc {
    width: 250px;
}

div.col_esq table th.tamanho {
    width: 100px;
}

div.col_esq table td {
    padding: 3px;
    color: #333;
    font-family: 'verdana';
    border: 1px solid #bbb;
    font-size: 11px;
}

div.col_esq table td strong {
    font-family: 'MyriadProBold';
}

div.col_esq table td.download {
    border: none;
    background: none;
    padding-left: 3px;
}

div.col_esq table td.download a {
    background: url(../img/bt_submit.png) top;
    width: 82px;
    height: 19px;
    float: right;
    border: 0;
    padding-top: 6px;
    cursor: pointer;
    color: #fff;
    font-family: 'MyriadProBold';
    font-size: 12px;
    text-align: center;
}

div.col_esq table td.download a:hover {
    background: url(../img/bt_submit.png) bottom;
}

div.col_esq table.precos th , div.col_esq table.precos td {
    text-align: center;
}

div.col_esq table.precos tr.dois {
    background: #eee;
}

span#title_iframe {
    font-size: 20px;
    color: #004062;
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

form.iframe {
    background: #004062;
    font-family: 'MyriadProRegular';
    color: #fff;
    float: left;
    padding: 10px;
}

form.iframe input {
    background: #fff;
    width: 200px;
    height: 20px;
    font-family: 'MyriadProRegular';
    float: left;
    border: 1px #333 solid;
}

form.iframe button {
    background: none;
    font-family: 'MyriadProBold';
    color: #fff;
    float: left;
    border: none;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: -1px;
}

span#alert {
    background: #FFEC4F;
    border: 2px solid #222;
    padding: 8px;
    position:absolute;
    text-align:center;
    width:301px;       
    font-family: 'MyriadProSemiBold';
    font-size: 14px;
    float: none;
    display: block;
    color: #222;
    margin-top: 120px;
}

img.img_evento {
    margin: 10px 0;
    float: left;
}

div.col_esq div.bg_box form#evento {
    display: block;
    float: left;
    width: 597px;
    border: 1px solid #ddd;
    background: #eee;
    padding: 15px;
    margin: 0;
}

div.col_esq div.bg_box form#evento h1 {
    font-family: 'MyriadProSemiBold';
    font-size: 20px;
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 15px;
    padding: 0 0 5px 0;
    letter-spacing: 0;
}

div.col_esq div.bg_box form#evento h1 a {
    font-family: 'MyriadProRegular';
    font-weight: normal;
    font-size: 16px;
    color: #DA3838;
    outline: 0 none;
    text-decoration: none;
}    

div.col_esq div.bg_box form#evento h1 a:hover {
    text-decoration: underline;
}

div.col_esq div.bg_box form#evento label {
    display:  block;
    float: left;
    font-family: 'MyriadProRegular';
    font-size: 12px;      
    color: #333;
    margin-top: 3px;  
    *margin-right: 8px;
}

div.col_esq div.bg_box form#evento input {
    width: 105px;
    padding: 3px;
    float: left;
    margin: 0 8px 15px 8px;
}

div.col_esq div.bg_box form#evento input.telefone_prop {
    *width: 100px;
}

div.col_esq div.bg_box form#evento p {
    *float: left;
}

div.col_esq div.bg_box form#evento select {
    float: left;
    margin: 0 0 0 -5px;   
    *height: 24px; 
    *display: block;
    height: 22px;     
    padding: 3px 3px;
    *width: 49px;
}

div.col_esq div.bg_box form#evento button {
    margin: -2px 0 0 0;
}

div.col_esq div.bg_box form#evento label.checkbox {
    margin: 2px 10px;
}

div.col_esq div.bg_box form#evento input.checkbox {
    width: auto;
    margin: 2px 0 0 0;
}

div.col_esq div.bg_box form#evento span#alert {
    margin: 85px 0 0 120px;
    width: auto;
    padding: 5px 15px;
}

div.col_esq div.bg_box form#evento strong {
    font-family: 'MyriadProSemiBold';
}

div.col_esq div.bg_box form#evento label.dois {
    margin-left: 30px;
    *margin-left: 0;
}

div.col_esq div.bg_box form#evento input.qual {
    width: 169px;
    *width: 130px;
    margin: 0 0 20px 5px;
}

div.col_esq div.bg_box form#evento p#qual {
    *width: 400px;
}

div.col_esq div.bg_box form#evento input.nome {
    width:455px;
} 

a#viewcode {
    float: none;
    display: inline;
}

textarea#textcode {
    width: 622px;
    display: none;
}

div#fotos_do_evento {
    background: url(../img/fnd_evento_fotos.jpg);
    float: left;
    height: 431px;
    width: 600px;
}

div#fotos_do_evento ul#fotos_do_evento {
    list-style: none;
    margin: 30px 0 0 35px;
    padding: 0;
}

div#fotos_do_evento ul#fotos_do_evento.maior {        
    margin: 30px 0 0 35px;
}

div#fotos_do_evento ul#fotos_do_evento li {
    float: left;
    margin: 0 19px 13px 0;
    border: 4px solid #fff;
    width: 110px;
    height: 83px;
    overflow: hidden;
}

div#fotos_do_evento ul#fotos_do_evento.maior li {        
    width: 155px;
    height: 118px;
}

div#fotos_do_evento ul#fotos_do_evento li a {
    margin: 0;
}

div#fotos_do_evento ul#fotos_do_evento li a img {
    width: 110px;
    border: none;
}

div#fotos_do_evento ul#fotos_do_evento.maior li img {
    width: 160px;
}

div#banner_suspenso {
    position: absolute;
    width: 550px;
    height: 500px;
    top: 0;
    margin: 50px 0 0 140px;
    z-index: 1001;
    text-align: center;        
}

ul#links_eventos {
    list-style: none;
    width: 628px;
    margin: 15px 0 0 0;
    padding: 0;
}

ul#links_eventos li {
    float: left;
}

ul#links_eventos li div.data {
    float: left;
    width: 100px;
    text-align: center;
    font-family: 'MyriadProRegular';
    font-size: 14px;
    height: auto;
    color: #115B85;
    padding: 13px 0;
}

ul#links_eventos div.data big {
    font-size: 38px;
    font-family: 'MyriadProBold';
}

ul#links_eventos li ul.not {
    float: left;
    width: 520px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #eee;
}

ul#links_eventos li ul.not li {
    width: 490px;
    float: left;
    padding: 10px 15px;
    font-family: 'MyriadProBold';
    border-bottom: 1px solid #eee;
}

ul#links_eventos li ul.not li p {
    margin-bottom: 10px;
}

div.col_esq div p.title_facebook {
    font-size: 18px;
    color: #111;
    height: auto;     
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

div.col_esq div p.title_facebook strong {
    font-size: 30px;
    color: #115B85;
    letter-spacing: -2px;
    margin: 0 0 7px 0;
    display: block;
    text-transform: uppercase;
}

div.col_esq div p.title_facebook strong.dois {
    text-transform: none;
    letter-spacing: 0px;
    font-size: 21px;
    letter-spacing: -1px;
}    

div.col_esq div p.facebook_text {
    font-size: 14px;
    height: auto;    
    margin: 0;
}

div#galeria {
    width: 220px;
    height: 350px;
    float: left;
    margin: 15px 30px 15px 0;
    padding: 8px;   
    display: block;
}

img#zoom {
    position: absolute;
    margin: 148px 0 0 -268px;
}

ul#videos-list {
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
    float: left;
    width: 628px;
}

ul#videos-list li {        
    width: 300px;
    padding: 5px;
    float: left;
    border: 1px solid #fff;
}

ul#videos-list li:hover {
    border: solid 1px #ddd;
    background: #eee;
    -moz-border-radius: 4px;

}

ul#videos-list li a {
    margin: 0;
    display: block;     
    width: 300px;
}

ul#videos-list li img {
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    background: #fff;
}

ul#videos-list li p {
    display: block;
    float: left;
    width: 115px;
    margin: 5px 0 0;
}

ul#videos-list li p strong {
    font-size: 16px;
    color: #000;
}

ul#videos-list li span {
    background: #115B85;
    padding: 3px;
    margin-top: 15px;
    font-family: 'MyriadProBold';
    color: #fff;
    position: absolute;
    margin: 71px 0 0 -163px;
}

div#seguranca {
    float: left;
    width: 630px;
    margin-left: 15px;
    height: 395px;
}

div#seguranca div.passos {
    border: 15px solid #d8d8d8;
    width: 535px;
    height: 365px;
    overflow: hidden;
    background: ;
    padding: 0;
    float: left;
    width: auto;
}

div#seguranca div.passos ul {
    list-style: none;
    width: 30000px;
}

div#seguranca div.passos ul li {
    float: left;
}

div#seguranca a {
    display: block;
    z-index: 1000;
    position: absolute;
}

div#seguranca a img {
    border: none;
}

div#seguranca a.left {
    margin: 170px 0 0 -13px;
}

div#seguranca a.right {
    margin: 170px 0 0 540px;
}

ul.depoimentos {
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
    font-family: 'MyriadProRegular';
    font-size: 14px;
}

ul.depoimentos li {
    width: 586px;
    padding: 15px;
    font-size: 14px;
    border: 5px solid #eee;
    background: url(../img/aspas.png) 522px -5px no-repeat  #f6f6f6;
    margin: 5px 0;
    float: left;
}

ul.depoimentos li p {
    margin: 0 0 15px;
    font-size: 14px;
}


/*----------- start estilo da pop-up --------------*/
#pop{
    position: fixed;
    top: 20%;
    left: 40%;
    font: 11px;
    margin: -75px 0 0 -350px;
    width: auto; /*Largura do banner flutuante*/
    height: auto; /*Altura do banner flutuante*/
    padding: 15px;
    border: solid 1px #b0c4de;
    background: #ffffff; /*Cor de fundo do banner flutuante*/
    display: none;
    z-index: 10; /*0 "10" faz o banner se sobre-por aos demais*/
    box-shadow: #000000 0px 0px 10px;
    -moz-box-shadow: #000000 0px 0px 10px;
    -webkit-box-shadow: #000000 0px 0px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#link-fechar{
    color: red;
}

/*----------- end estilo da pop-up --------------*/