/* 
    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; 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                                                              {margin-left: 0px; margin-top: 5px; margin-bottom: 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                                                                    {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%}

.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                                                           {font-size: 10pt; margin-bottom: 15px; 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}
.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: -125px;}
.ctnComment                                                                     {margin: 60px 0 0 -100px}
.ctnMedia                                                                       {margin: 120px 0 0 -80px}
.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; margin: -8px 0 0 0;}
.etMonth                                                                        {height: 15px;}
.etResto                                                                        {float: left; width: 58px; font-size: 0.8em; margin: -40px 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;}
  .dataMateria                                                                  {font-size: 11px;}
  .ctnBC                                                                        {margin-bottom: 20px;}
}