/* 
    Document   : Modulo: Zambé
    Created on : 09/07/2014, 14:44:36
    Author     : Carlos
    Description:
        Purpose of the stylesheet follows.
*/
h1                                                                              {background: none; padding: 0px}
.ctnImageTetriz                                                                 {overflow: hidden; border: 1px solid #ccc; margin: 0 0 15px 0;}
.imgTetriz                                                                      {position: relative; overflow: hidden; margin: 0px; height: auto}
.imgTetriz img                                                                  {position: relative;}
.ctnImageTetriz img                                                             {margin-top: 5px;}
.title_face                                                                     {height: 25px; width: 100%; display: none;}
.icons_advertise_mada                                                           {width: 100%; display: none;}
.icons_advertise_mada p                                                         {text-align: center!important; text-transform: uppercase}
.ctnImageTetriz.pp_square                                                       {border-radius: 0px; padding: 0px;}
.white_gradient                                                                 {color: #333;}
.white_gradient hr.separator                                                    {background-color: #ccc; box-shadow: 0 1px 0 0 #fff;}
.red_dark_gradient                                                              {border:1px solid #980021;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #cf2b4f, #980021 130%);color: #fff;}
.red_dark_gradient hr.separator                                                 {background-color: #333; box-shadow: 0 1px 0 0 #c96074;}
.blue_light_gradient                                                            {border:1px solid #56929f;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #7fdbef, #62abbb 130%); color: #fff;}
.blue_light_gradient hr.separator                                               {background-color: #06515c; box-shadow: 0 1px 0 0 #c2e5ea;}
.gray_dark_gradient                                                             {border:1px solid #666;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #ccc, #999 130%);color: #fff;}
.gray_dark_gradient hr.separator                                                {background-color: #333; box-shadow: 0 1px 0 0 #fff;}
.purple_gradient                                                                {border:1px solid #8e2b71;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #751c54, #47022e 130%); color: #fff;}
.purple_gradient hr.separator                                                   {background-color: #000; box-shadow: 0 1px 0 0 #8e2b71;}
.black_gradient                                                                 {border:1px solid #000;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #444, #222 130%); color: #fff;}
.black_gradient hr.separator                                                    {background-color: #000; box-shadow: 0 1px 0 0 #666;}
.yellow_gradient                                                                {border:1px solid #967e10;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #ebc514, #b39712 130%); color: #000;}
.black_gradient p                                                               {color: #fff!important;}
.yellow_gradient hr.separator                                                   {background-color: #7d6d23; box-shadow: 0 1px 0 0 #ffefa6;}
.green_gradient                                                                 {border:1px solid #124018;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #237d30, #1a5d24 130%); color: #fff;}
.green_gradient hr.separator                                                    {background-color: #124018; box-shadow: 0 1px 0 0 #77ab7e;}

.mustard_gradient                                                               {border:1px solid #967e10;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #ffe200, #ffe200 130%); color: #000;}
.mustard_gradient hr.separator                                                  {background-color: #ad9a03; box-shadow: 0 1px 0 0 #fff;}

.facebook_md, .facebook .title_face                                             {border:1px solid #3c5883;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom, #436293, #4b6fa8 130%); color: #fff;}
.facebook_md hr.separator                                                       {background-color: #283955; box-shadow: 0 1px 0 0 #90adda;}
.facebook_md .title_face, .publicidade .icons_advertise_mada                    {display: block;}


a                                                                               {text-decoration: none; color: #333;}
.ctnText                                                                        {font-size: 0.9em; padding: 10px; line-height: 20px;}
.ctnTitle                                                                       {font-size: 1.5em; margin: 10px 0 10px 10px; font-weight: bold;}
.barSeparator                                                                   {width: 100%; height: 25px; color: #fff!important; padding: 6px 6px 6px 10px; background: url(/media/images/textures/site/macffbghack.png); }
.mgRMd                                                                          {margin-right: 5px;}
.tags_container                                                                 {padding: 5px 10px; font-size: 10px!important; height: auto!important; display: inline-flex}
.tags_container .tag                                                            {background: rgba(0, 0, 0, 0) url("/media/images/textures/paginas/transparent_60.png") repeat scroll 0 0; border-radius: 5px; float: left; margin-bottom: 10px; margin-right: 10px; padding: 0 5px;}

.publicidade .icons_rd_mada                                                     {display: none;}

.icon_container                                                                 {margin: 5px 5px 0 0;}
.ic_mada_facebook                                                               {background: url(/media/images/icons/icon_facebook_white_20x20.png) no-repeat; height: 20px; width: 20px;}
.ic_mada_twitter                                                                {background: url(/media/images/icons/icon_twitter_white_20x20.png) no-repeat; height: 20px; width: 20px;}
.ic_mada_google                                                                 {background: url(/media/images/icons/icon_google_white_20x20.png) no-repeat; height: 20px; width: 20px;}
.ic_facebook_inline                                                             {background: url(/media/images/icons/icon_facebook_inline.png) no-repeat; height: 20px; width: 103px; margin: 3px 0 0 5px;}

/* Detalhes */
/* 
    Document   : contact_parallel
    Created on : 21/03/2011, 13:48:39
    Author     : carlosgarcia
    Description:
    Purpose of the stylesheet follows.
*/

/*
* Container left - Article
*/

.container_pan                                                                  {margin-top: 15px;}

.ctnBC                                                                          {margin-bottom: 70px;}
.title_materia                                                                  {margin-bottom: 15px;}
.container_materia_left                                                         {width: 700px; float: left; margin-right: 10px; margin-bottom: 30px; margin-left: 10px}
.container_materia_right                                                        {width: 250px; float: left;}
.container_text_properties                                                      {height: 27px; width: 98.3%; background: #f9f9f9; border: 1px solid #f1f1f1; padding: 6px;}
.ctnImg                                                                         {padding: 10px; background: #fff;}
.slot_picture99                                                                 {width: 300px;}
.label_font_size                                                                {float: left; margin-right: 5px; font-size: 9pt; padding-top: 8px; color: #777}
.label_print_document                                                           {float: left; margin-right: 5px; font-size: 9pt; padding-top: 8px; color: #777}
.icon_font_size                                                                 {float: left; cursor: pointer}
.full, .ctnBlogClean                                                            {padding-left: 30px; margin-left: 10px}

.container_propertie_print                                                      {float:right;cursor: pointer}

.icon_print                                                                     {float: left; margin-right: 5px; }

.textMateria                                                                    {text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif; margin:15px 0px 0 0px;padding: 0 10px 20px 0; text-align: justify; line-height: 24px;}
.dataMateria                                                                    {margin: 10px 0 2px 0px;; width: 100%; white-space:nowrap;}
.textMateriaCodigo                                                              {height:550px;width:550px !important;float: left;}
.textMateriaCodigo textarea                                                     {width:545px;height:540px !important;float:left;background:none !important;text-align:left;border:none !important;font-family:Verdana, Arial, Helvetica, sans-serif;padding-left:15px;padding-top:20px;}
.subtitulo_materia                                                              {font-size: 1.2em; margin: 20px 0px; line-height: 30px; font-style: italic}
.title_materias_down                                                            {clear: both; min-height: 20px; background: #f9f9f9; border: 1px solid #f1f1f1; width: 695px; margin-bottom: 15px; padding-left: 5px; font-size: 0.8em; padding-top: 5px; margin-right: 10px; color: #333}

/* Detahes */
.container_image_materia_details                                                {margin: 0 15px 2px 0px; min-height: 200px; position: relative; overflow: hidden;}
.container_buttons_lines_1                                                      {width: 115px!important}
.ctn_back_button                                                                {padding: 10px 0; background: url(/media/images/textures/paginas/transparent_20.png); width: 100%; margin-bottom: 20px; border: 1px solid #f9f9f9}
.textMateria                                                                    {min-height: 250px; text-align:left; margin:15px 0px 0 0px; padding: 0 10px 20px 0; text-align: left;}
.textMateria p                                                                  {line-height: 30px!important; text-align: left!important;}

/*
* Container right - Advertises
*/
.container_advertise                                                            {height: 100%;}
.advertise                                                                      {margin-bottom: 15px;}
.popular                                                                        {margin-bottom: 12px;}

.ctnSearch                                                                      {margin-bottom: 20px; display: inline-block; position: relative; width: 100%}
.ctnLinks                                                                       {margin-bottom: 50px;}

.ctnTags .tag                                                                   {float: left; font-size: 0.8em; border: 1px solid #f1f1f1; border-radius: 4px; padding: 7px; margin: 0 6px 10px 0; background: url(/media/images/textures/paginas/transparent_20.png);} 
.bt_search_white                                                                {width: 44px!important; height: 30px; background: url(/media/images/buttons/bt_search.png) no-repeat; border: none; right: -1px; overflow: hidden; cursor: pointer; position: absolute}
.bt_search_white:hover                                                          {background-position: 0px -30px;}
.avatar_container_avatar                                                        {width: 940px!important; margin-left: 20px!important;}


/*
* Special Commnet   
*/
.comment_styled                                                                 {font-style: italic; margin-left: 25px; border-left: 3px solid #f1f1f1; color: #666; padding-left: 5px; margin-top: 20px; margin-bottom: 0px; position: relative}
.icon_aspas                                                                     {background: url(/media/images/icons/double_quote.gif) no-repeat; height: 45px; width: 55px; position: absolute; z-index: 0; float: left;}
.icon_aspas2                                                                    {background: url(/media/images/icons/double_quote2.gif) no-repeat; height: 45px; width: 55px; position: absolute; z-index: 0; right:0; bottom: 0;}
.txt_comment                                                                    {z-index: 2; position: relative; float: left; margin-left: 45px; margin-top: 15px; margin-bottom: 27px; font-size: 11pt}

/*
* Comentários
*/
.container_comentarios                                                          {min-height: 200px; margin-bottom: 20px;}
.container_comentarios_sent                                                     {display: none;}

.comentarios_title                                                              {font-size: 17pt}
.comentarios_subtitle                                                           {margin-bottom: 20px 0 10px 0; color: #777;}

.container_comentarios ul                                                       {width: 590px!important;}
.label_comentarios                                                              {width: 70px; float: left; text-align: right; margin-right: 10px; font-size: 9pt;color: #777; font-weight: bold; padding-top: 3px;}

.label_checkbox_email                                                           {height: auto; opacity: 0.3; margin: 10px 0}
.comentario_checkbox                                                            {float: left; width: 30px!important;}
.label_checkbox                                                                 {float: left; font-weight: bold; font-size: 9pt}
.submit_comment                                                                 {width: 80px;}
.message_result_comment                                                         {height: 60px; margin-bottom: 10px; font-weight: bold;}

/*
* Links relacionads
*/
.container_links_recomendados                                                   {clear: both; border-top: 2px dotted #ccc; padding-top: 10px; margin-left: 15px}

/* Noticias */
.title_noticias                                                                 {height: 55px; font-weight: bold; margin-left: 10px}
.image_noticias                                                                 {height: 90px; padding: 2px; border: 1px solid #ccc; margin-bottom: 10px; overflow: hidden; margin-left: 10px}
.data_noticias                                                                  {font-size: 9pt; color: #A09567; margin-bottom: 15px; margin-left: 10px}
.desc_noticias                                                                  {font-size: 10pt; color: #999; height: 80px; overflow: hidden; margin-bottom: 10px; line-height: 17px; margin-left: 10px}
.link_noticias                                                                  {font-size: 9pt; color: #999; overflow: hidden; margin-left: 10px}


/*
* Banners Anúncios
*/
.item_banner_block_advertiser                                                   {position: relative; clear: both; margin-bottom: 15px; overflow: hidden}

/* Details */
.ctnDetailBlog                                                                  {position: absolute;}
.ctnEtiqueta                                                                    {display: inline-block; white-space: nowrap}
.ctnEtiqueta .imgleft                                                           {width: 20px; height: 53px; background: url(/media/images/layout/blog/etiqueta_branca_left.png) no-repeat; float: left;}
.ctnEtiqueta .imgmiddle                                                         {width: 20px; height: 53px; background: url(/media/images/layout/blog/etiqueta_branca_middle.png) repeat-x; float: left}
.ctnEtiqueta .imgright                                                          {width: 20px; height: 53px; background: url(/media/images/layout/blog/etiqueta_branca_right.png) no-repeat; float: left}

.ctnDate                                                                        {margin-left: -105px;}
.ctnComment                                                                     {margin: 60px 0 0 -80px}
.ctnMedia                                                                       {margin: 120px 0 0 -60px}
.etComment                                                                      {width: 60px!important; padding: 10px 0px 0 0}
.etMedia                                                                        {width: 40px!important; padding: 10px 0px 0 0}


.etDate                                                                         {width: 85px!important; padding: 10px 0px 0 0 }
.etDay                                                                          {font-size: 1.5em; float: left; font-weight: bold; }
.etMonth                                                                        {height: 15px;}
.etResto                                                                        {float: left; width: 58px; font-size: 0.8em; margin: -5px 0 0 0px; float: right; text-align: center}

.etComm                                                                         {padding-left: 20px;}

.ctnNewsletter                                                                  {padding: 20px!important}

@media screen and (max-width: 480px) {
  .full, .ctnBlogClean                                                            {margin-left: 0px; padding-left: 0px;}
}