html,body{ background-color:#BDC1C4;}
p{ margin:0; padding:0}
img{ border:0}

#mascara{position:fixed; background-color:#000000; min-height:100%; overflow:auto;  width:100%; height:100%; filter:alpha(opacity=0);-moz-opacity:0; z-index:0}

#survey{position:fixed; text-align:left; background-color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  color:#000000; width:400px; left:30%; top:10%;  filter:alpha(opacity=0);-moz-opacity:0;z-index:0}
.survey_cont{padding:20px;}
#close_form1{ position:absolute; left:380px; top:10px}
#survey p{ padding:0 0 5px 0}
#gracies_survey{ visibility:hidden; position:relative; left:30%; top:100px }
#survey .form{ padding:10px 0 0px 0; }
.field{ padding:0 0 5px 0;  clear:both;}
#survey input{float:left; width:10px; }
.text_field{ float:left;  width:330px; padding:3px 0 5px 5px}
.buttons_cont{ clear:both; padding:10px 0 0 0}
.buttons_cont a,#close_form1 a{ text-decoration:none; color:#000000}
.buttons_cont a:hover, #close_form1 a:hover{ color:#CCCCCC}


#decorative_numbers{ width:100%}
#decorative_begin{ position:absolute; top:0px; left:0; }
#decorative_end{position:absolute; top:0px; left:770px;}

#brocc_bar{position:relative; z-index:3;width:100%; height:62px; background-color:#000000;}
#brocc_logo{ position:relative; top:0; left:0; height:60px; width:770px; margin: 0 auto; background-image:url(images/header.jpg); background-repeat:no-repeat; background-position:bottom}
#play{ position:absolute; top:40px; left:600px}
#underline_header{ height:2px; width:100%; background-color:#FFFFFF; font-size:0px; padding:0; margin:0}

#header { border:0; font-size:0; margin:0; padding:0}
#flash_port{ height:100%}



.menu_left{ text-align:right;}
.menu_left_padd{ padding:0 0px 0 0; margin:0; text-align:right; width:100%}

#intro{ padding: 16px 3px 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#presentation{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0 0 17px 0; margin:0;  width:430px}
div.padd_pres{ clear:both; padding-top:5px;}
.padd_pres a{ color:#000000;} .padd_pres a:hover{ color:#E52425;}
.bullet{ background-image:url(bullet_n.jpg); background-repeat:no-repeat; padding-right:5px; background-position:0px 2px}

.intro_red{ color:#E52425; }
.intro_black{ color:#000000; text-align:left;}
.list_intro{ }
.clear{ clear:both; padding:0; margin:0}
.list_intro_clear{ clear:both; float:left;}
.intro_black_l{ text-align:left}
.padd_black{ padding-left:30px; text-align:left}
p.intro_red, p.intro_black{ padding:0 0 10px 0}

#menucat_wrapper{ position:relative; top:0}
#menu{padding: 0px 3px 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;position:relative; top:0px; right:0;  }
a.menu_selected{ color:#E52425; text-decoration:none}
a.menu{color:#000000; text-decoration:none}
a.menu:hover{color:#E52425; text-decoration:none}

#logobroc{ background-image:url(images/logobroc.jpg); width:293px; height:219px}



#menu_lang{padding:0px 3px 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; position:relative; top:-105px; right:0}
a.lang{ text-decoration:none; color:#000000 } a.lang:hover{ text-decoration:none; color:#E52425; }
a.lang_selected{text-decoration:none; color:#E52425; }

#login{position:relative; top:0; background-image:url(recuadre_login.jpg); background-position:left; background-repeat:no-repeat; height:129px; width:100%; padding:0;margin:0 } 
.login_title{padding: 5px 8px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
.input_name{padding: 5px 8px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000 }
.login_input{margin: 0px 8px 0 0; width:106px; height:16px; border:2px solid #E52425;}
.enter_input{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#E52425; color:#FFFFFF; border-color:#942C2D; border-width:0 0px 2px 2px; width:60px; margin:8px 8px 0 0}


.padding_extent{padding:0 0 0 23.5px; margin:0;}
#port_container{ padding:16px 0 0 0px; position:relative; top:0; left:0;}
#port_container_cas_detall{padding:16px 0 0 0px; position:relative; top:0; left:0;}
.odd_port{padding:0 0px 20px 0px;position:relative; float: left}
.even_port{padding:0 20px 20px 20px;position:relative; float: left}

.odd_port_detall{padding:0 0px 6px 0px;position:relative; float: left}
.even_port_detall{padding:0 20px 6px 20px;position:relative; float: left}

.menu_port{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none; }
a.menu_port_selected{ color:#E52425; text-decoration:none; text-align:right; padding:0 8px 0 0}
a.menu_port{color:#000000; text-decoration:none; text-align:right; padding:0 8px 0 0}  
a.menu_port:hover {color: #E52425;text-decoration:none;text-align:right; padding:0 8px 0 0} 
.enllac{ background-image:url(enllac.gif); background-repeat:no-repeat; float:right; width:6px; position:relative;top:2px;  right:3px}
.final_enllac{ background-image:url(final_enllac.gif);background-repeat:no-repeat; float:right; width:6px; position:relative;top:2px;  right:3px}

p.noticies a{text-align:right; padding:0 8px 0 0}


.port_title{color:#E52425; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:16px; height:20px; vertical-align:top}
.port_window{ width:124px;border:3px solid #000000;  background-color:#000000;border-bottom:0; position:relative}
.port_image{ margin:0; padding:0; width:124px; height:124px;border-bottom:3px solid #000000; font-size:0;}
.port_image img{ border:0; padding:0; margin:0}

div.port_description{ background-color:#000000; margin:0; min-height:26px; height:26px;  padding:0 0 0 3px}


p.port_desc_client, p.port_desc_work{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:11px;line-height:13px }
p.port_desc_client{ font-weight:bold}


p.port_desc_client{color:#E52425;}
p.port_desc_work{color:#FFFFFF;}

p.port_desc_client a{color:#E52425; text-decoration:none}
p.port_desc_client a:hover{color:#B11C1D; text-decoration:none}
p.port_desc_work a{color:#FFFFFF; text-decoration:none}
p.port_desc_work a:hover{color:#C3C3C3; text-decoration:none}

.corners_window{ width:124px; height:6px; background-color:#000000}
.corners_window_left{ float:left; background-image:url(images/left_curve.jpg); width:6px; height:6px; position:absolute; left:-3px; background-repeat:no-repeat;}
.corners_window_right{ float:right; background-image:url(images/right_curve.jpg);  width:6px; height:6px;position:absolute; right:-3px; background-repeat:no-repeat;}
/* .all_port_button{ clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;background-color:#E52425; color:#FFFFFF; width:126px; height:17px; padding:3px 0 0 0; text-align:center; border:3px solid #942C2D; border-width:0 0 2px 2px; position:relative; left:300px; top:-10px} */
form{ }
div.all_port_button{ clear:both; position:relative; left:303px; top:-10px;background-color:#E52425;  width:126px;text-align:center; border-bottom:3px solid #611D1E; border-left:3px solid #D0A4A4;}
p.all_port_button{ padding:3px 0 5px 0}
a.all_port_button{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#E52425; color:#FFFFFF; border-color:#942C2D; width:126px; text-decoration:none; }

#port_detail_desc{  width:100%; background-color:#FFFFFF; }
#port_detail_desc_padding{padding:16px 23px 16px 23px}
#port_detail_desc_work{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; color:#000000; float:left; font-weight:normal}
#port_detail_desc_client{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; color:#E52425; font-weight:bold;  float:left}
#port_detail_desc_body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; clear:both }
#port_detail_desc_body p{ padding-top:5px}

#port_detail_desc_body a{  color:#E52425; text-decoration:none} #port_detail_desc_body a:hover{ color:#BDC1C4; text-decoration:none}
#img_port_detail{ height:400px}

#banner_cont{ clear:both; padding:10px 0 0 0; }
.banner_text_padding{ padding:10px 10px 10px 10px; position:absolute; left:0; top:0}
.banner_text_padding a {display:block; width:100%}

a.banner_text,a.banner_text:hover,a.banner_text:link,a.banner_text:visited{ color:#FFFFFF; text-decoration:none;  cursor: pointer; width:100%; height:80px; display:block }
.banner3, .banner2, .banner1{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:bold; color:#FFFFFF; position:relative }
.banner3{ background-color:#000000}
.banner3 img, .banner2 img, .banner1 img{ border:0; float:left;}
.banner3{ width:428px; height:90px; border:1px solid #E52425; float:left; margin:0 20px 20px 0; }
.banner2{ width:278px; height:90px; border:1px solid #E52425; float:left;  margin:0 20px 20px 0; position:relative;left:0; top:0}
.banner2_color{background-color:#E52425; width:278px; height:90px; position:relative; left:0; top:0}
div.banner2_img{ position:absolute; right:0px; top:0; width:128px;height:90px; background-color:#000000}
.banner2_text{width:128px; height:100%; position:absolute; left:0; }
.banner1{ width:128px; height:90px; border:1px solid #E52425; float:left;  margin:0 20px 20px 0; background-color:#E52425}

#news_content{ clear:both;color:#E52425; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; font-weight:bold; font-style:italic; padding:10px 0 0 0}

#new_container{width:428px;}
#news_body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:10px}
#news_body img{ float:right}
#news_body p{ padding-bottom:10px;}
/*#news_body p img{ padding:0 0 10px 20px} */

img.news_image { padding:0 0 10px 0px}
img.image_p,img.image_g{ padding-left:20px}


#news_detail_titol{ color:#E52425; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:16px;}
#new_container h2{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:normal; padding-bottom:10px}

#news_detail_intro{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; color:#E52425; font-weight:bold}
.clear_news_body{ font-size:0; height:0; clear:both; height:20px}

#footer_left{width:293px;background-image:url(v_line.gif); float:left;}
#footer_right{width:477px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:center}



.section_container{ width:430px; padding-bottom:20px	}

#other_sections{}
.wwd_title{ font-family:Georgia, "Times New Roman", Times, serif; color:#E52425; font-size:16px; font-style:italic; font-weight:bold; }
.wwd_normal{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:15px; font-weight:normal; clear:both}
.wwd_hight{font-family:Georgia, "Times New Roman", Times, serif;  font-size:27px; font-weight:normal; clear:both; padding-bottom:10px }
.www_wp{ padding:0}

div.wwd_list{ padding-left:20px; }
div.wwd_list ul, div.wwd_list li{ list-style-type:circle; margin:0; padding:0}
.wwd_floating{float:left;padding-bottom:10px}
.wwd_guio{ width:20px;}


.wwd_hight_red{color:#E52425;}
.wwd_hight_low{font-family:Georgia, "Times New Roman", Times, serif;  font-size:14px;; padding-bottom:20px; padding-top:8px}
.wwd_lineas{ background-image:url(lineas.gif); background-repeat:no-repeat; position:absolute; top:44px; left:0; height:227px; width:63px}

.wwu_title{ font-family:Georgia, "Times New Roman", Times, serif; color:#E52425; font-size:16px; font-style:italic; font-weight:bold; }
.wwu_normal{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  font-weight:normal}
.wwu_paddsup{ padding-top:10px}
.wwu_normal a{ color:#000000;} .wwu_normal a:hover{ color:#E52425;}

.cont_title{ font-family:Georgia, "Times New Roman", Times, serif; color:#E52425; font-size:16px; font-style:italic; font-weight:bold; }
.cont_red{ font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#E52425; padding-top:15px}
.cont_clear_padd{ padding:0}
.cont_normal{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.cont_dest{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px}
.cont_mail a{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; color:#000000; text-decoration:none}
.cont_mail a:hover{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; color:#E52425;text-decoration:none}

.portfolio_comment{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px 0 20px 0}
.port_input{ padding:0 0 10px 0; clear:both}
.port_tag{ float:left; width:130px}
.port_tag_captcha{ float:left; width:230px}
.textInput { width:315px; margin:0; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:2px solid #E52425;}
.textInputCaptcha{width:170px; margin:8px 0 8px 0; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:2px solid #E52425; float:right}
textarea.textInput{ overflow:hidden; height:100px}
.sendInput{ float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#E52425; color:#FFFFFF; border-color:#942C2D; border-width:0 0px 2px 2px; padding:2px}

form img{float:right; padding:2px; }


.comments_cont{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#FFFFFF; margin:0 0px 15px 0px }
.comment{ padding:10px}
.user{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic;color:#E52425; font-weight:bold }
.opinion{ padding:2px 0 2px 0}
.com_data{ color:#999999}

.comentaris_titol{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding:0 0 10px; font-weight:bold; font-style:italic}
.title_form{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0 0 10px }
/*
.who_title{ font-family:Georgia, "Times New Roman", Times, serif; color:#E52425; font-size:16px; font-style:italic; font-weight:bold; }
.who_normal{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.who_name{ font-family:Georgia, "Times New Roman", Times, serif; color:#E52425; font-size:18px; padding-top:30px}
.who_pos{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding-bottom:5px}
.who_desc{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.who_list{ padding:15px 0 70px 0}
*/