/* 
    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: 20px;}
.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                                                            {}

.container_propertie_print                                                      {float:right;cursor: pointer}

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

.textMateria                                                                    {float: left; min-height: 250px;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;}
.dataMateria2                                                                   {margin: 0px 0 2px 0px;; width: 100%; }
.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: 10px; 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}
.circle_mini                                                                    {overflow: hidden; height: 60px; width: 60px; border-radius: 30px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);}
.comment_pict                                                                   {margin: -20px 20px 20px 0px !important; height: 50px; width: 50px;}
.container_names_properties                                                     {height: 30px!important; margin-bottom: 40px!important;}                          

/* 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; text-align: center}
.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;}
.ctnLinks                                                                       {margin-bottom: 50px;}
.ctnTags                                                                        {width: 240px;}
.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; margin: -10px 0 0 -22px; overflow: hidden; cursor: pointer}
.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                                                           {width: 400px; height: 30px;}
.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: 60px; font-size: 0.8em; margin: -5px 0 0 0px; float: right; text-align: center}

.etComm                                                                         {padding-left: 20px;}

.support-widget                                                                 { background: url("/media/images/layout/support.png") no-repeat scroll 95% 20px #fefbdc; border: 1px solid #e9e6c4; margin-bottom: 20px; padding: 10px 100px 10px 20px;}


.cn-nav {position: relative; margin: 40px 0 0 0;}
.cn-nav a span{ width: 46px; height: 46px; display: block; text-indent: -9000px; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; cursor: pointer; opacity: 0.9; position: absolute; top: 50%;  left: 50%;  background-size: 17px 25px;  margin: -23px 0 0 -23px;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}

.cn-nav a.cn-nav-prev span{background: #666 no-repeat center center;}
.cn-nav a.cn-nav-next span{ background: #666 no-repeat center center;}
.cn-nav a div{width: 0px;height: 0px;position: absolute;top: 50%;left: 50%; overflow: hidden;background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; margin: 0px;  -moz-border-radius: 0px;  -webkit-border-radius: 0px;  border-radius: 0px;   -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.cn-nav a:hover span{ width: 100px; height: 100px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; opacity: 0.6; margin: -50px 0 0 -50px; background-size: 22px 32px; }
.cn-nav a:hover div{width: 90px; height: 90px; background-size: 120% 120%; margin: -45px 0 0 -45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; }
.cn-nav a .circular {width: 70px;height: 70px; margin: -35px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;box-shadow: 0 0 8px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); background-size: 100%!important; z-index: 2; position: absolute; position: absolute;top: 50%;left: 50%;  overflow: hidden; background-position: center center!important;}


.cn-nav2 {position: relative; margin: 40px 0 0 0;}
.cn-nav2 a span{ width: 46px; height: 46px; display: block; text-indent: -9000px; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; cursor: pointer; opacity: 0.9; position: absolute; top: 50%;  left: 50%;  background-size: 17px 25px;  margin: -23px 0 0 -23px;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}

.cn-nav3 {position: relative; margin: 30px 0 0 0;}
.cn-nav3 a span{ width: 25px; height: 25px; display: block; text-indent: -9000px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; cursor: pointer; opacity: 0.9; position: absolute; top: 50%;  left: 50%;  background-size: 8px 12px;  margin: -13px 0 0 -12px;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}

.cn-nav2 a.cn-nav-prev span{background: #666 no-repeat center center;}
.cn-nav2 a.cn-nav-next span{ background: #666 no-repeat center center;}
.cn-nav2 a div{width: 0px;height: 0px;position: absolute;top: 50%;left: 50%; overflow: hidden;background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; margin: 0px;  -moz-border-radius: 0px;  -webkit-border-radius: 0px;  border-radius: 0px;   -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.cn-nav2 a:hover span{ width: 90px; height: 90px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; opacity: 0.6; margin: -45px 0 0 -45px; background-size: 22px 32px; }
.cn-nav2 a:hover div{width: 80px; height: 80px; background-size: 120% 120%; margin: -40px 0 0 -40px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; }
.cn-nav2 a .circular {width: 60px;height: 60px; margin: -30px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;box-shadow: 0 0 8px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); background-size: 100%!important; z-index: 2; position: absolute; position: absolute;top: 50%;left: 50%;  overflow: hidden; background-position: center center!important;}


.cn-nav3 a .circular-mini {width: 35px;height: 35px; margin: -17px;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;box-shadow: 0 0 1px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .8);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .8); background-size: 100%!important; z-index: 2; position: absolute;top: 50%;left: 50%;  overflow: hidden; background-position: center center!important;}