html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{border:0;outline:0;font-style:inherit;font-size:100%;font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;vertical-align:baseline;}
h1, h2, h3, h4, h5, h6 {font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;font-style: normal;}
img{border:0;outline:0;font-style:inherit;font-size:100%;font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{line-height:1;color:black;background:white;width:auto}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;}
q,blockquote{quotes:"" ""}
q:before,q:after,blockquote:before,blockquote:after{content:""}
a img{border:none}
body{font:13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif}
a:focus{outline:1px dotted invert}
hr{border-color:#cccccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}
h1{font-size:36px}
h2{font-size:15px; font-weight:bold;}
h3{font-size:13px; font-weight:bold;}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square; margin-bottom:10px;}
li{margin-left:30px}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
body{color:#2e2e2f;font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:11px;}
.hide_me{display:none}
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0px;height:0px}
.no_bullet{list-style-type:none}
#header{margin-left: auto;margin-right: auto;width: 1008px;padding-top: 20px;}
#logo{display: block;width: 190px;height: 65px;float: left;margin-left: 24px;background: url('/images/logo.png') no-repeat;}
#user_nav_pom_container{float:left;width:540px;height:1px}
#user_nav_container{float:left;height:38px;padding-top:11px;margin-left:100px}
#user_nav_container #user_left,#user_nav_container #user_right{float:left;width:5px;height:38px;background:url("/images/helper_images.png") no-repeat}
#user_nav_container #user_left{background-position:-659px 0px}
#user_nav_container #user_right{background-position:-665px 0px}
#user_nav_container #user_middle{float:left;height:38px;background:url('/images/one_px.png') repeat-x}
#user_nav_container img{padding-top:3px;margin:0px}
#user_nav_container ul{display:block;float:left;padding-top:8px}
#user_nav_container ul li{float:left;margin:0px;padding-left:5px;padding-right:5px;list-style:none}
#user_nav_container a{float:left;text-decoration:none;font-weight:bold;color:#346170}
#user_nav_container span{float:left}
#user_nav_container .sep{color:#346170;width:4px}
#user_nav_container .last{padding-right:8px}
#search{float:right;margin:0px 0px 0px 100px}
#search #search_container{padding-top:20px}
#search .search_button{float:left;padding-left:2px}
#menu_container{float:left;width:1008px;margin:0px;padding:0px;height:55px;margin-top:-20px;outline:none}
#navigation{margin:0px;padding:0px;background:url(../images/Borschow-nav_home.png);height:54px;width:969px;margin:0px auto}
#navigation span{display:none}
#navigation li{position:relative;margin:0px;padding:0px;list-style-type:none;float:left}
#navigation a{height:54px;display:block}
#navigation a:hover,#navigation a:active{color:#2e2e2f}
#navigation #aboutus{width:116px}
#navigation #aboutus.hovered{background:url(../images/Borschow-nav_home.png) 0px -54px no-repeat}
#navigation #ourhistory{width:129px}
#navigation #ourhistory.hovered{background:url(../images/Borschow-nav_home.png) -116px -54px no-repeat}
#navigation #ourleaders{width:129px}
#navigation #ourleaders.hovered{background:url(../images/Borschow-nav_home.png) -246px -54px no-repeat}
#navigation #services{width:104px}
#navigation #services.hovered{background:url(../images/Borschow-nav_home.png) -376px -54px no-repeat}
#navigation #support{width:105px}
#navigation #support.hovered{background:url(../images/Borschow-nav_home.png) -480px -54px no-repeat}
#navigation #united{width:105px}
#navigation #united.hovered{background:url(../images/Borschow-nav_home.png) -585px -54px no-repeat}
#navigation #noticias{width:105px}
#navigation #noticias.hovered{background:url(../images/Borschow-nav_home.png) -688px -54px no-repeat}
#navigation #menu_space{width:28px;height:54px}
#navigation ul.subnav{position:absolute;display:none;width:217px;top:43px;left:25px;background-color:white; padding-right:15px;}
#navigation ul.subnav li{float:none;font-weight:normal;height:24px;background:white;padding-left:0px;padding-top:5px;margin:0;border-bottom:1px dotted black;font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#navigation ul.subnav li a{font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;color:#E41F35;float:left;margin:0;padding:0;width:190px;height:24px;display:inline-block;border:none;text-decoration:none;outline:none}
#navigation ul.subnav li a:hover{color:#2e2e2f}
#navigation ul.subnav li.last{border:none}
#navigation ul.subnav li.large{height:45px}
#navigation ul.subnav li.large a{height:45px}
#navigation ul.subnav .triangle{float:left;visibility:hidden;height:24px;width:10px;font-size:10px;padding-right:5px;color:#2e2e2f}
.button {cursor: pointer;height: 27px;display: block;background: url(/redesign/images/WhiteButton-OFF.png) no-repeat;font-size: 10px;font-weight: bold;text-decoration: none;text-align: center;color: #E41F35;width: 50px;}
.button:hover{text-decoration:none;}
.button.hovered{text-decoration:none; cursor:pointer;}
.button_container{float:left;cursor:pointer;}
.text_field_left{background:url('/images/helpers.png') 0 -65px no-repeat;float:left;width:5px;height:20px}
.text_field_right{background:url('/images/helpers.png') 0 -85px no-repeat;float:left;width:5px;height:20px}
.text_field{float: left;width: 161px;height: 15px;background: transparent url(/images/bg_field.gif) no-repeat;border: none;font-size: 10px;line-height: 10px;padding: 3px;outline: none;color: #907736;}
.password_label{float: left;width: 161px;height: 15px;border: none;font-size: 9px;line-height: 10px;padding: 3px;outline: none;color: #907736; margin-top:-19px;}
.password_field{float: left;width: 161px;height: 15px;background: transparent url(/images/bg_field.gif) no-repeat;border: none;font-size: 10px;line-height: 10px;padding: 3px;outline: none;color: #907736;display:inline-block;}
.search_button{cursor:pointer;width:62px;height:20px;border:none;margin-left:4px;background:url('/images/helpers.png') 0 -105px no-repeat}
.search_button:hover{background:url('/images/helpers.png') 0 -125px no-repeat}
.member{float:left; background-color:#9bc787; color:#ffffff;margin-top:20px; padding-left:30px; padding-bottom:22px}
.member h2{color:#ffffff; font-size:21px;font-weight:bold;padding-top:20px}
.member ul{margin:0;padding:0}
.member ul li{list-style-type:disc}
.member .text{color:#ffffff; margin:0;padding:0;padding-bottom:8px;padding-right:30px}
.member .text p{color:#ffffff; margin-bottom:15px}
.member .button{float:left}
#ajax_loader{display:none}
#container{margin-left:auto;margin-right:auto;width:1008px;overflow:hidden}
#container .grid_1,#container .grid_2,#container .grid_3,#container .grid_4,#container .grid_5,#container .grid_6,#container .grid_7,#container .grid_8,#container .grid_9,#container .grid_10,#container .grid_11,#container .grid_12,#container .grid_13,#container .grid_14,#container .grid_15,#container .grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
#container .grid_1{width:43px}
#container .grid_2{width:106px}
#container .grid_3{width:169px}
#container .grid_4{width:232px}
#container .grid_5{width:295px}
#container .grid_6{width:358px}
#container .grid_7{width:421px}
#container .grid_8{width:484px}
#container .grid_9{width:547px}
#container .grid_10{width:610px}
#container .grid_11{width:673px}
#container .grid_12{width:736px}
#container .grid_13{width:799px}
#container .grid_14{width:862px}
#container .grid_15{width:925px}
#container .grid_16{width:988px}
#container .prefix_1{padding-left:63px}
#container .prefix_2{padding-left:126px}
#container .prefix_3{padding-left:189px}
#container .prefix_4{padding-left:252px}
#container .prefix_5{padding-left:315px}
#container .prefix_6{padding-left:378px}
#container .prefix_7{padding-left:441px}
#container .prefix_8{padding-left:504px}
#container .prefix_9{padding-left:567px}
#container .prefix_10{padding-left:630px}
#container .prefix_11{padding-left:693px}
#container .prefix_12{padding-left:756px}
#container .prefix_13{padding-left:819px}
#container .prefix_14{padding-left:882px}
#container .prefix_15{padding-left:945px}
#container .suffix_1{padding-right:63px}
#container .suffix_2{padding-right:126px}
#container .suffix_3{padding-right:189px}
#container .suffix_4{padding-right:252px}
#container .suffix_5{padding-right:315px}
#container .suffix_6{padding-right:378px}
#container .suffix_7{padding-right:441px}
#container .suffix_8{padding-right:504px}
#container .suffix_9{padding-right:567px}
#container .suffix_10{padding-right:630px}
#container .suffix_11{padding-right:693px}
#container .suffix_12{padding-right:756px}
#container .suffix_13{padding-right:819px}
#container .suffix_14{padding-right:882px}
#container .suffix_15{padding-right:945px}
#container .alpha{margin-left:0px}
#container .omega{margin-right:0px}
#container .push_1,#container .push_2,#container .push_3,#container .push_4,#container .push_5,#container .push_6,#container .push_7,#container .push_8,#container .push_9,#container .push_10,#container .push_11,#container .push_12,#container .push_13,#container .push_14,#container .push_15,#container .push_16,#container .pull_1,#container .pull_2,#container .pull_3,#container .pull_4,#container .pull_5,#container .pull_6,#container .pull_7,#container .pull_8,#container .pull_9,#container .pull_10,#container .pull_11,#container .pull_12,#container .pull_13,#container .pull_14,#container .pull_15,#container .pull_16{position:relative}
#container .push_1{left:63px}
#container .pull_1{left:-63px}
#container .push_2{left:126px}
#container .pull_2{left:-126px}
#container .push_3{left:189px}
#container .pull_3{left:-189px}
#container .push_4{left:252px}
#container .pull_4{left:-252px}
#container .push_5{left:315px}
#container .pull_5{left:-315px}
#container .push_6{left:378px}
#container .pull_6{left:-378px}
#container .push_7{left:441px}
#container .pull_7{left:-441px}
#container .push_8{left:504px}
#container .pull_8{left:-504px}
#container .push_9{left:567px}
#container .pull_9{left:-567px}
#container .push_10{left:630px}
#container .pull_10{left:-630px}
#container .push_11{left:693px}
#container .pull_11{left:-693px}
#container .push_12{left:756px}
#container .pull_12{left:-756px}
#container .push_13{left:819px}
#container .pull_13{left:-819px}
#container .push_14{left:882px}
#container .pull_14{left:-882px}
#container .push_15{left:945px}
#container .pull_15{left:-945px}
#container .push_16{left:1008px}
#container .pull_16{left:-1008px}
#container .alpha{margin-left:0px}
#container .omega{margin-right:0px}
#container #main_container{margin-left:auto;margin-top:10px;margin-right:auto;width:1008px;z-index:10px;padding-top:16px;padding-bottom:40px;display:table;background:url("/images/footer_frame.png") bottom no-repeat}
.form .field{margin: 0px;padding-top: 5px;padding-bottom: 8px;position: relative;width: 171px;}
.form .odd{background-color:#F4F1E6}
.form .text_field{width:161px}
.form select{width:310px;background-color:#e7e7ea;-webkit-border-radius:4px 4px;-moz-border-radius:4px / 4px;-o-border-radius:4px / 4px;-ms-border-radius:4px / 4px;-khtml-border-radius:4px / 4px}
.attention_icon,.baloon_icon,.bolts_icon,.calendar_icon,.checed_icon,.circle_icon,.circle_plus_icon,.cross_icon,.person_icon,.people_icon,.hand_icon,.lock_icon,.magnify_icon,.mobile_icon,.music_note_icon,.pages_icon,.plane_icon,.play_icon,.rx_icon,.webcast_icon,.cart_icon,.star_icon,.world_icon,.world_down_icon,.truck_icon{float:left}
.attention_icon{width:24px;height:23px;background:url('/images/icons.png') no-repeat}
.baloon_icon{width:18px;height:23px;background:url('/images/icons.png') 0 -23px no-repeat}
.bolts_icon{width:27px;height:28px;background:url('/images/icons.png') 0 -46px no-repeat}
.calendar_icon{width:23px;height:23px;background:url('/images/icons.png') 0 -74px no-repeat}
.checed_icon{width:26px;height:24px;background:url('/images/icons.png') 0 -97px no-repeat}
.circle_icon{width:23px;height:23px;background:url('/images/icons.png') 0 -121px no-repeat}
.circle_plus_icon{width:23px;height:23px;background:url('/images/icons.png') 0 -144px no-repeat}
.cross_icon{width:19px;height:19px;background:url('/images/icons.png') 0 -167px no-repeat}
.person_icon{width:19px;height:23px;background:url('/images/icons.png') 0 -186px no-repeat}
.people_icon{width:33px;height:24px;background:url('/images/icons.png') 0 -209px no-repeat}
.hand_icon{width:21px;height:25px;background:url('/images/icons.png') 0 -233px no-repeat}
.lock_icon{width:16px;height:24px;background:url('/images/icons.png') 0 -258px no-repeat}
.magnify_icon{width:24px;height:24px;background:url('/images/icons.png') 0 -282px no-repeat}
.mobile_icon{width:15px;height:24px;background:url('/images/icons.png') 0 -306px no-repeat}
.music_note_icon{width:17px;height:23px;background:url('/images/icons.png') 0 -330px no-repeat}
.pages_icon{width:28px;height:23px;background:url('/images/icons.png') 0 -353px no-repeat}
.plane_icon{width:24px;height:24px;background:url('/images/icons.png') 0 -376px no-repeat}
.play_icon{width:23px;height:23px;background:url('/images/icons.png') 0 -400px no-repeat}
.rx_icon{width:20px;height:23px;background:url('/images/icons.png') 0 -423px no-repeat}
.webcast_icon{width:26px;height:24px;background:url('/images/icons.png') 0 -446px no-repeat}
.cart_icon{width:29px;height:23px;background:url('/images/icons.png') 0 -470px no-repeat}
.star_icon{width:25px;height:24px;background:url('/images/icons.png') 0 -493px no-repeat}
.world_icon{width:23px;height:23px;background:url('/images/icons.png') 0 -517px no-repeat}
.world_down_icon{width:22px;height:28px;background:url('/images/icons.png') 0 -540px no-repeat}
.truck_icon{width:35px;height:23px;background:url('/images/icons.png') 0 -568px no-repeat}
#pic_frame_container{margin-left:auto;margin-right:auto;width:1008px}
#pic_frame_container #pic{float:left;padding-left:13px}
#pic_frame_container p{width:220px;padding-left:55px;padding-top:75px;font-size:34px;line-height:44px;color:#fff;margin-top:-395px}
#pic_frame_container #pic_caption{position:absolute;overflow:hidden;top:0px;left:0px;width:434px;height:390px;margin-left:18px;background-image:url("/images/pic_frame_caption.png")}
#pic_frame_container #pic_frame_left{float:left;width:24px;height:339px;background:url('/images/pic_frame_big.png') no-repeat}
#pic_frame_container #pic_frame_right{float:right;width:24px;height:339px;background:url('/images/pic_frame_big.png') 0 -403px no-repeat}
#pic_frame_container #pic_frame_bottom{float:left;width:1008px;height:11px;background:url("/images/pic_frame_bottom.png") no-repeat;clear:both}
#pic_frame_container #pic_frame_button{position:relative;float:left;padding-left:57px;padding-top:4px;margin-top:220px}
.home_sidebar{float:right;width:205px;margin:0px;padding-right:20px}
.home_sidebar .banner_1{width:200px;height:200px;background-color:#eeeef1}
.home_sidebar .banner_2{width:200px;height:200px;background-color:#eeeef1;margin-top:25px}
#info_1{margin-left:0px}
#info_1,#info_2{margin-right:30px}
#info_3{margin-right:0px}
#home{float:left;width:750px;padding-left:20px;padding-top:6px; margin-left:15px;}
#home .info{float:left;display:block;width:230px}
#home .info .description{float:left;width:200px;margin-bottom:10px;}
#home .info p{color:#2e2e2f;margin:0px;padding-top:5px}
#home .info ul{margin:0px;padding:0px;margin-top:5px;margin-left:3px}
#home .info ul li{list-style:disc;margin:0px;padding:0px;margin-left:10px}
#home .info .icon{height:35px}
#home .info .title{float:left;width:200px; height:50px;}
#home .info .title a{float:left;font-size:16px;color:#9bc787;font-weight:bold;text-decoration:none;line-height:20px}
#home .info .image_container{float:left;border:1px solid #dcdcdc}
#home .info .image_container .image{float:left;border:2px solid #f1f1f1}
#home .member{width:730px}
#pic_bottom {margin-left:0.98cm}
.sidebar_left{display:inline;float:left;margin-left:10px;margin-right:10px;width:232px;margin-left:0px;width:230px;color:#346170}
.sidebar_left .left_nav{padding-top:0px;padding-left:37px}
.sidebar_left h4{display:block;font-size:18px;color:#464648;margin:0px;padding:0px;padding-bottom:14px}
.sidebar_left ul{margin:0px;padding:0px;float:left}
.sidebar_left ul li{margin:0px;padding:0px;list-style:none;border-bottom:1px dotted #dfdfdf;width:190px;overflow:hidden;padding-top:7px;padding-bottom:7px}
.sidebar_left ul li.first{margin:0px;padding:0px;border-bottom:1px solid #dfdfdf}
.sidebar_left ul li.separator{padding-bottom:3px;border:none}
.sidebar_left a{display:block;font-weight:bold;font-size:11px;color:#346170;text-decoration:none}
.sidebar_left a:hover{font-weight:bold;color:#2e2e2f;text-decoration:underline}
.sidebar_left .selected{color:#2e2e2f}
.sidebar_left .selected:hover{text-decoration:none}
#middle_container{display:inline;float:left;margin-left:10px;margin-right:10px;margin-left:0px;margin-right:0px;width:950px;height:auto;margin-bottom:13px}
#middle_container #middle {float:left;margin:0px;margin-left:13px;padding-left:20px;margin-top:-10px;width:100%}
#middle_container .caption_landing {float:left;width:950px;height:auto;color:white;margin-left:-5px;padding:0px;}
#middle_container .caption_landing .bold{font-size:24px;font-weight:bold}
#middle_container .caption_landing p {font-size:16px;padding:0px;padding-top:12px;padding-left:25px;padding-right:25px;padding-bottom:15px;line-height:20px;margin:0px;width:900px}
#middle_container .caption_landing_p {float:left;width:950px;height:auto;margin:25px;padding:0px;}
#middle_container .caption_landing_p .bold {font-size:24px;font-weight:bold}
#middle_container .caption_landing_p p {font-size:16px;padding:0px;padding-top:12px;padding-left:25px;padding-right:25px;padding-bottom:15px;line-height:20px;margin:0px;width:900px;margin-top:-15px;display:block;text-align:left;}
#middle_container .carreras_caption_landing {float:left;width:969px;color:white;margin:0px;padding:0px;background-color:#e41f35}
#middle_container .carreras_caption_landing .bold{font-size:24px;font-weight:bold}
#middle_container .carreras_caption_landing p{font-size:16px;padding:0px;padding-top:12px;padding-left:25px;padding-right:25px;padding-bottom:15px;line-height:20px;margin:0px;width:900px}
#middle_container .empty{float:left;width:450px;height:20px}
#middle_container .caption_internal{float:left;background-color:#9bc787;min-height:53px;width:500px;color:white;margin:0px;padding:0px}
#middle_container .caption_internal .bold{font-size:24px;font-weight:bold}
#middle_container .caption_internal p{font-size:16px;padding:0px;padding-top:12px;padding-left:25px;padding-right:25px;padding-bottom:15px;line-height:20px;margin:0px;width:450px}
#middle_container .info{float:left;width:700px;margin-top:10px;margin-bottom:10px}
#middle_container .login{float:left;width:740px;margin-top:10px;margin-bottom:10px}
#middle_container .info .button{margin-top:7px}
#middle_container .info .icon{float:left;width:77px;height:77px;padding-top:10px}
#middle_container .info .right_container{float:left;width:415px}
#middle_container .info h1{font-size:36px;font-weight:bold;color:#75c5b4;margin:0px;padding:0px;padding-top:5px;padding-bottom:10px;padding-right:20px;line-height:18px}
#middle_container .info h2{padding-left:0px}
#middle_container .info .text,#middle_container .info .text_full,#middle_container .info .text_middle{padding-left:20px;padding-right:20px;color:#2e2e2f}
#middle_container .info .link_button{float:left;padding-top:5px}
#middle_container .info ul{}
#middle_container .info ul li{list-style-type:disc}
#middle_container .info ul li ul{margin:0px;padding:0px}
#middle_container .info ul li ul li{list-style-type:circle}
#middle_container .info ul li.no_bullet{list-style-type:none}
#middle_container .info .text_full{padding-left:0px;padding-right:0px}
#middle_container .info .text_middle{padding-left:0px;padding-right:0px}
#middle_container .info .text_middle .no_bullet{list-style-type:none}
#middle_container .info .text_middle ul{margin:0px;padding:0px}
#middle_container .info .text_middle ul li{clear:both;list-style-type:disc}
#middle_container .info .text_middle ul li ul{margin:0px;padding:0px}
#middle_container .info .text_middle ul li ul li{list-style-type:circle}
#middle_container .member{width:470px}
#middle_container .quote{float:left;width:500px;padding-top:20px;padding-bottom:22px;border-top:2px solid #f1f1f1;border-bottom:2px solid #f1f1f1;color:#9bc787}
#middle_container .quote p{color:#9bc787;font-size:16px;font-style:italic;font-weight:lighter;margin-top:0px;margin-bottom:5px}
#middle_container .quote .who{font-size:14px;font-weight:bold}
#middle_container_news{display:inline;float:left;margin-left:10px;margin-right:10px;width:484px;margin-left:0px;margin-right:0px;width:530px;min-height:550px;margin-bottom:13px}
#middle_container_news #middle{float:left;margin:0px;margin-left:13px}
#middle_container_news .caption_landing{float:left;width:500px;color:white;margin:0px;padding:0px}
#middle_container_news .caption_landing .bold{font-size:24px;font-weight:bold}
#middle_container_news .caption_landing p{font-size:16px;padding:0px;padding-top:12px;padding-left:25px;padding-right:25px;padding-bottom:15px;line-height:20px;margin:0px;width:450px}
#middle_container_news .empty{float:left;width:450px;height:20px}
#middle_container_news .caption_internal{float:left;background-color:#9bc787;min-height:53px;width:500px;color:white;margin:0px;padding:0px}
#middle_container_news .caption_internal .bold{font-size:24px;font-weight:bold}
#middle_container_news .caption_internal p{font-size:16px;padding:0px;padding-top:12px;padding-left:25px;padding-right:25px;padding-bottom:15px;line-height:20px;margin:0px;width:450px}
#middle_container_news .info{float:left;width:500px;margin-top:10px;margin-bottom:10px}
#middle_container_news .login{float:left;width:740px;margin-top:10px;margin-bottom:10px}
#middle_container_news .info .button{margin-top:7px}
#middle_container_news .info .icon{float:left;width:77px;height:77px;padding-top:10px}
#middle_container_news .info .right_container{float:left;width:415px}
#middle_container_news .info h1{font-size:36px;font-weight:bold;color:#75c5b4;margin:0px;padding:0px;padding-top:5px;padding-bottom:10px;padding-right:20px;line-height:18px}
#middle_container_news .info h2{padding-left:0px}
#middle_container_news .info .text,#middle_container_news .info .text_full,#middle_container_news .info .text_middle{padding-left:20px;padding-right:20px;color:#2e2e2f}
#middle_container_news .info .link_button{float:left;padding-top:5px}
#middle_container_news .info ul{}
#middle_container_news .info ul li{list-style-type:disc}
#middle_container_news .info ul li ul{margin:0px;padding:0px}
#middle_container_news .info ul li ul li{list-style-type:circle}
#middle_container_news .info ul li.no_bullet{list-style-type:none}
#middle_container_news .info .text_full{padding-left:0px;padding-right:0px}
#middle_container_news .info .text_middle{padding-left:0px;padding-right:0px}
#middle_container_news .info .text_middle .no_bullet{list-style-type:none}
#middle_container_news .info .text_middle ul{margin:0px;padding:0px}
#middle_container_news .info .text_middle ul li{clear:both;list-style-type:disc}
#middle_container_news .info .text_middle ul li ul{margin:0px;padding:0px}
#middle_container_news .info .text_middle ul li ul li{list-style-type:circle}
#middle_container_news .member{width:470px}
#middle_container_news .quote{float:left;width:500px;padding-top:20px;padding-bottom:22px;border-top:2px solid #f1f1f1;border-bottom:2px solid #f1f1f1;color:#9bc787}
#middle_container_news .quote p{color:#9bc787;font-size:16px;font-style:italic;font-weight:lighter;margin-top:0px;margin-bottom:5px}
#middle_container_news .quote .who{font-size:14px;font-weight:bold}
.sidebar_right{display:inline;float:left;margin-left:10px;margin-right:10px;width:232px;margin-right:0px;display:table;margin-left:0px;float:right;width:230px;height:500px}
.sidebar_right .info{float:left;width:200px;padding-bottom:12px;margin-top:7px}
.sidebar_right .info .icon{float:left;width:220px;margin-bottom:4px}
.sidebar_right .info .title{float:left;width:180px;font-size:16px;color:#75c5b4;font-weight:bold;line-height:20px;padding-bottom:5px;margin-bottom:5px;text-decoration:none;display:block}
.sidebar_right .info .title.dotted{border-bottom:1px dotted #dfdfdf}
.sidebar_right .info .text{float:left;width:180px;color:#2e2e2f}
.sidebar_right .info a.link{float:left;width:180px;font-size:13px;color:#346170;font-weight:bold;text-decoration:none; border-bottom:1px dotted #dfdfdf;padding-top:5px;padding-bottom:5px}
.sidebar_right .info.first{margin-bottom:0px;margin-top:0px}
.sidebar_right .join{float:left;width:200px;margin-bottom:20px;display:none}
.sidebar_right #banner{float:left;width:200px;height:200px;background-color:#eeeef1}
.sidebar_right .button{margin-top:7px}
#news_releases{float:left;list-style-type:none}
#news_releases li{float:left;list-style-type:none;margin-left:0px}
#news_releases .date{float:left;width:80px;text-align:center;padding:10px}
#news_releases .news_title{margin-left:5px;float:left;width:375px;padding:10px}
#news_releases .news_title a{color:#346170;text-decoration:none}
#news_releases .news_title a:hover{color:#2e2e2f}
#news_releases.last{margin-bottom:0px}
#sitemap a{color:#346170;text-decoration:none}
#sitemap a:hover{color:#2E2E2F}
#sitemap ul{margin:0px;padding:0px;float:left;list-style-type:none;width:500px}
#sitemap ul li{margin:0px 0px 10px;list-style-position:inside}
#sitemap .highlight{font-weight:bold}
#sitemap .level_2{padding-left:20px}
#search_results_container{display:inline;float:left;margin-left:10px;margin-right:10px;width:484px;margin-left:0px;margin-right:0px;width:680px;min-height:550px;margin-bottom:13px;padding-top:5px}
.search h1{font-size:36px;font-weight:bold;color:#9bc787}
.search .stroke{float:left;width:680px;height:5px;background-color:#f1f1f3;margin-top:10px}
.search .stroke_dotted{float:left;width:680px;border-bottom:2px dotted #f1f1f3;margin-top:20px;margin-bottom:5px}
#search_results{float:left;width:680px}
#search_results .search_result{background-color:#f4f1e6;padding:10px}
#search_results .search_result.even{background-color:#fcfbf8}
#search_results .title{display:block;color:#346170;font-size:11px;font-weight:bolder;text-decoration:none;padding-bottom:5px}
#search_results .description{margin-top:5px;color:#2e2e2f;font-size:11px}
#search_results .url{color:#9bc787}
.pagination{font-size:80%}
.pagination a{text-decoration:none;border:solid 1px #AAE;color:#346170;display:block;float:left;padding:0.3em 0.5em;margin-right:5px;margin-bottom:5px;min-width:1em;text-align:center}
.pagination span{display:block;float:left;padding:0.3em 0.5em;margin-right:5px;margin-bottom:5px;min-width:1em;text-align:center}
.pagination .current{background:#346170;color:#fff;border:solid 1px #AAE}
.pagination .current.prev,.pagination .current.next{color:#999;border-color:#999;background:#fff}
#footer_container_back{position:relative;width:100%;background-color:#1a1a1a;margin-top:-40px;z-index:-1;height:20px} /*background-color:#e41f35*/
#footer_container{width:100%;background-color:#1a1a1a;padding-bottom:40px;float:left}/*background-color:#e41f35*/
#footer_container #wrapper{margin-left:auto;margin-right:auto;width:1008px}
#footer{display:inline;float:left;margin-left:10px;margin-right:10px;width:988px;background-color:#1a1a1a;color:white;z-index:0;padding-left:10px}/*background-color:#e41f35*/
#footer .first{margin-left:15px}
#footer .col_small,#footer .col_large{float:left;padding-top:15px}
#footer .col_small{width:150px;margin-left:11px}
#footer .col_large{width:300px;margin-left:10px}
#footer .col_large ul{padding-bottom:8px}
#footer .col_large ul li{margin:0;padding:0;width:300px}
#footer h4{font-weight:bold;color:#750404;margin:0;padding:0}
#footer a{font-size:10px;color:white;text-decoration:none}
#footer a:hover{color:#fcda5a}
#footer ul{display:block;float:left;margin:0;padding:0;padding-bottom:15px}
#footer ul li{margin:0;padding:0;list-style:none;font-size:10px;color:white}
#footer_old{display:inline;float:left;margin-left:10px;margin-right:10px;width:988px;background-color:#1a1a1a;color:white;z-index:0;padding-top:14px;padding-left:10px}/*background-color:#e41f35*/
/*#footer_bottom{background:url('/images/one_px.png') 0 -58px repeat-x;padding-top:20px;padding-left:36px;margin-bottom:0px} old stuff*/
#footerCompanyHeader {color:white;margin:20px; font-size:12px;float:left}
#footerCompanyHeader p{margin:0}
#footer_bottom{background:url('/images/one_px.png') 0 -58px repeat-x;padding-top:5px;padding-left:36px;margin-bottom:0px}
#footer_bottom .links{float:left}
#footer_bottom .links span{font-size:10px;color:#2E2E2F}
#footer_bottom .links a{margin-right:20px;font-size:13px;font-weight:normal;color:#999999;text-decoration:none}
#footer_bottom .links a:hover{color:#fcda5a}
#footer_bottom .hr-footer-mobile-new {width: 200px; margin-left: 0px;margin-bottom: 10px;height: auto;}
#footer_bottom .footer-collapse-content-logo {float:left;width: 180px;height: auto;margin-top:25px}
#footer_bottom .footer-collapse-content {float:left;width: 200px;height: auto;margin-left:50px}
#footer_bottom #wrapper {height: auto;}
#footer_bottom {height: auto;}
#footerColumns{width:1000px;}
#footer_bottom .col-xs-12 {float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
#footer_bottom .links ul{margin:0}
sup {font-size:.8em;}
a.yellow-box {background-color:#f9c916; color:#346170; font-weight:bold; font-size:11px; padding:3px 10px; text-decoration:none;}
a.yellow-box:hover {background-color:#e41f35; color:#ffffff; text-decoration:none;}
#middle_container_unidos{display:inline;float:left;margin-left:10px;margin-right:10px;margin-left:0px;margin-right:0px;width:550px;height:auto;margin-bottom:13px}
/*
CSS updates - 10/12/2011
*/
/* Search box */
#search{float:left;padding-left:30px;}
#search #search_container{padding:3px 0 5px 5px;}
#search .search_button{float:left;padding-left:2px; margin-left:10px;}
.search_bg {background:url(/redesign/images/SearchBG.gif) no-repeat; width:252px; height:27px;}
.input {background:none; border:none;}
.text_field2{float:left;width:160px;height:21px;background:url(/redesign/images/SearchBG-Input.gif) repeat-x;border:none;font-size:10px;line-height:10px;padding:0px;outline:none;}
.search_button{cursor:pointer;width:62px;height:20px;border:none;margin-left:4px;background:url(/redesign/images/SearchBTN-OFF.gif) no-repeat}
.search_button:hover{background:url(/redesign/images/SearchBTN-ON.gif) no-repeat}
/* Provider type */
#providertype {width:200px; height:40px;margin-left:93px; margin-top:10px; background:url(/redesign/images/Nephrology.gif) no-repeat; float:left;}
/* Member2 */
#member2{margin:0 10px 0 10px;padding:0;background:url(/redesign/images/BecomeAMember-off.gif);height:28px;width:152px;margin:0 auto}
#member2 span{display:none}
#member2 ul{padding:0; margin:0}
#member2 li{position:relative;margin:0;padding:0;list-style-type:none;float:left}
#member2 a{height:28px;display:block}
#member2 a:hover,#member2 a:active{color:#2e2e2f}
#member2 #member2a{width:152px;}
#member2 #member2a:hover{background:url(/redesign/images/BecomeAMember-ON.gif) 0px 0px no-repeat;}
/* Middle_Banner */
.site_middle_banner{margin:0 0 0 25px;}
/* Welcome */
#welcome{margin:0 10px 0 10px; padding:0; background:url(/redesign/images/Login-ON.gif);height:28px;width:250px;margin:0 auto; background-repeat:no-repeat;}
#welcome span{ font:Verdana, Geneva, sans-serif; font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; font-weight:normal; color:#000; }
#welcome ul{padding:0; margin:0}
#welcome li{position:relative;margin:0;padding:0;list-style-type:none;float:left; padding:5px 0 0 30px;}
/* Login */
#login{background: white url(/images/bg_login2.gif) no-repeat; margin-left: 545px; margin-top:-25px; padding-left:9px;width: 430px;height: 34px;}
/* Login Pic Link, not the default page */
#loginLink{margin-left: 620px; margin-top:-21px; margin-bottom:-33px;padding-left:9px;width: 165px; height:54px;}
/* Logout */
#logout{margin:0;padding:0;background:url(/redesign/images/Logout-OFF.gif);height:28px;width:81px;margin:0 auto}
#logout span{display:none}
#logout ul{padding:0; margin:0}
#logout li{position:relative;margin:0;padding:0;list-style-type:none;float:left}
#logout a{height:28px;display:block}
#logout a:hover,#login a:active{color:#2e2e2f}
#logout #logout2{width:132px;}
#logout #logout2:hover{background:url(/redesign/images/Logout-ON.gif) no-repeat;}
/* Basic links */
a {text-decoration:none; color:#e41f35; font-weight:bold;}
a:hover {text-decoration:underline;}
/* New Ad space */
#Adspace {width:1008px; height:310px; margin:15px 0 15px 25px;}
#Adspace-left {float:left; width:310px; background-color:#eeeeee; height:100%; border:1px dotted #2e2e2f;}
#Adspace-center {float:left; width:310px; margin-left:10px; background-color:#eeeeee; height:100%; border:1px dotted #2e2e2f;}
#Adspace-right {float:left; width:310px; margin-left:10px; background-color:#eeeeee; height:100%; border:1px dotted #2e2e2f;}
/* New Box space for new pages */
.box {float:left; width:960px; height:auto; margin:15px 0 15px 25px;margin-top:-20px;text-align:left;font-size:13px}
.box h3{color: #808080; font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; border-bottom: solid 1px #EE0000; width:280px; margin-left:8px}
.box p{margin-left:4px;margin-right:4px;font-size:13px}
.box-left {float:left; width:310px; height:auto; background-color:#eeeeee; border:1px dotted #2e2e2f;}
.box-left ul{list-style:outside;}
.box-left ul > li > ul {display: none;}
.box-left.align-center {text-align: left;}
.box-left.align-center > ul > li {float: none;}
.box-left.align-center ul ul {text-align: left;}
.box-left.align-right > ul {float: right;}
.box-left.align-right ul ul {text-align: left;overflow-wrap: break-word;}
.box-center {float:left; width:310px; height:auto; margin-left:10px; background-color:#eeeeee; border:1px dotted #2e2e2f;}
.box-center ul{list-style:outside;}
.box-center ul > li > ul {display: none;}
.box-center.align-center {text-align: center;}
.box-center.align-center > ul > li {float: none;}
.box-center.align-center ul ul {text-align: left;}
.box-center.align-right > ul {float: right;}
.box-center.align-right ul ul {text-align: left;overflow-wrap: break-word;}
.box-right {float:right; width:310px;height:auto; margin-left:10px; background-color:#eeeeee; border:1px dotted #2e2e2f;}
.box-right ul{list-style:outside;}
.box-right ul > li > ul {display: none;}
.box-right.align-center {text-align: center;}
.box-right.align-center > ul > li {float: none;}
.box-right.align-center ul ul {text-align: left;}
.box-right.align-right > ul {float: right;}
.box-right.align-right ul ul {text-align: left;overflow-wrap: break-word;}
.box-extra {float:left; width:470px;height:auto; margin-left:10px;}
.box-extra ul{list-style:outside;}
.box-extra ul > li > ul {display: none;}
.box-extra.align-center {text-align: center;}
.box-extra.align-center > ul > li {float: none;}
.box-extra.align-center ul ul {text-align: left;}
.box-extra.align-right > ul {float: right;}
.box-extra.align-right ul ul {text-align: left;overflow-wrap: break-word;}
.double_column_list
{
margin-left:40px;
float: left;
width:80%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.box-radius {width:180px;height:180px;float:left; border: 5px solid #BFBFBF; border-radius: 25px;margin: 0 25px 25px 0}
.box-radius p {margin: 20px 15px 15px 15px;font-size:12px;color:#A6A6A6}
.box-radius-in {float:left; height:110px}
#trackTraceSP2,#coldChainSP2,#geneRXSP2 {display:none}
#trackTraceEN2,#coldChainEN2,#geneRXEN2 {display:none}
#languageTop {
margin-left: 45%;
margin-top: -20px;
width: 9%;
}
#languageTop img {
width: 23px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: white;
float: right;
margin-top: -23px;
margin-right: 7.5px;
margin-left: 5px;
}
#languageTop a {
color: #000 !important;
display: inline-flex;
}
#top-header {
display: block;
}
#top-header #languageTop {
margin-left: 45%;
margin-top: -20px;
width: 9%;
position: relative;
}
#top-header #languageTop img {
width: 23px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: white;
float: right;
margin-top: -3px !important;
margin-right: 7.5px;
}
.contactMediaHeader h3{font-weight:bold;color:white;font-size:18px;margin-left:15px;font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.contactMedia{font-size:small;margin:20px; margin-top:20px; margin-bottom:20px;font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.contact_box_container {
float: left;
margin-left: 30px;
width: 950px;
display: block;
margin-top: -20px;
text-align: left;
height: 70px;
background-size: 70px;
font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #e41f35
}
.contact_box_holder1 {
width: 910px;
height: auto;
display: inline-block;
margin-top: 25px;
margin-left: 18px;
border-left: solid 2px;
border-right: solid 2px;
border-color: #e41f35;
background-color: white
}
.contact_box_holder2 {
width: 910px;
height: auto;
display: inline-block;
margin-top: -15px;
margin-left: 18px;
border-left: solid 2px;
border-bottom: solid 2px;
border-right: solid 2px;
border-color: #e41f35;
background-color: white
}
.contact_box_container h3 {
font-size: 32px;
margin-left: 25px;
color: #e41f35;
}
.contact_box_in {
float: left;
width: 270px;
height: auto;
display: inline-block;
margin: -15px 0 15px 25px;
text-align: left;
font-size: 14px;
}
.contact_box_in_message {
float: left;
width: 610px;
height: auto;
display: inline-block;
margin: -25px 0 0 150px;
text-align: center;
font-size: 14px;
}
.searchEngine{margin-left:20px;margin-top:-95px;margin-bottom:-105px;width:350px;height:10px;padding:30px}
/* Start Modal Pop-UP */
.modalDialog {
position: fixed;
font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow-y:scroll;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.3);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {opacity:1; pointer-events: auto;}
.modalDialog > div {
width: 600px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #ffffff;
background: -moz-linear-gradient(#ffffff, #ffffff);
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -o-linear-gradient(#ffffff, #ffffff);
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }
.modalDialog p {font-size:15px}
.modalDialog h3{color: #808080; font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; border-bottom: solid 1px #EE0000; width:450px; margin-left:8px}
.modalDialog ul{font-size: 15px;}
/* End Modal Pop-UP*/
/* Table */
table {font:Verdana, Arial, Helvetica, sans-serif; font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px;}
table td {vertical-align: top; padding: 2px 5px;}
table th {color:#9BC787; font-size:8px; font-weight: bold; padding: 5px; text-align: left; vertical-align: top; text-decoration: none; border-bottom:#2e2e2f 1px dotted; text-transform:uppercase;}
table tr.odd td {background:#FcFbF8;}
table tr.even td {background:#F4F1E6; border-right:2px solid #ffffff;}
/* Slider */
#wrotator{width:933px;height:326px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;}
/* End SlidesJS Optional */
.banner
{
width:933px;
height:326px;
overflow:hidden; /* Shows scrollbar if changed */
text-shadow:0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
box-shadow:0 1px 2px rgba(0,0,0,.25);
}
.banner ul
{
list-style:none;
width:300%;
}
.banner ul li
{
display:block;
float:left;
width:933px;
min-height:350px;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
-ms-background-size:100% 100%;
background-size: 100% 100%;
box-shadow:inset 0 -3px 6px rgba(0,0,0,.1);
padding:160px 0 110px;
}
.banner h1,.banner h2
{
font-size:40px;
line-height:52px;
color:#fff;
}
.banner .btn
{
display:inline-block;
clear:both;
color:#fff;
font-size:12px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
border:2px solid rgba(255,255,255,.4);
border-radius:5px;
margin:25px 0 0;
padding:9px 22px 7px;
}
.banner .btn:hover
{
background:rgba(255,255,255,.05);
}
.banner .btn:active
{
-webkit-filter:drop-shadow(0-1px2pxrgba(0,0,0,.5));
-moz-filter:drop-shadow(0-1px2pxrgba(0,0,0,.5));
-ms-filter:drop-shadow(0-1px2pxrgba(0,0,0,.5));
-o-filter:drop-shadow(0-1px2pxrgba(0,0,0,.5));
filter:drop-shadow(0-1px2pxrgba(0,0,0,.5));
}
.banner .btn,.banner .dot
{
-webkit-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
-moz-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
-ms-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
-o-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
filter:drop-shadow(01px2pxrgba(0,0,0,.3));
}
.banner .dots
{
position:absolute;
left:0;
right:0;
bottom:20px;
}
.banner .dots li
{
display:inline-block;
width:10px;
height:10px;
text-indent:-999em;
border:2px solid #fff;
border-radius:6px;
cursor:pointer;
opacity:.4;
-webkit-transition:background .5s, opacity .5s;
-moz-transition:background .5s, opacity .5s;
transition:background .5s, opacity .5s;
margin:0 4px;
}
.banner .dots li.active
{
background:#fff;
opacity:1;
}
/* End SLIDE */
.auto-style1 {width: 162px;}
.auto-style3 {width: 25px;height: 20px;}
.auto-style4 {height: 20px;}
/* For History Timeline START */
.histbox1951, .histbox1986, .histbox2008, .histbox2010, .histbox2011, .histbox2013, .histbox2015 {
display: inline-block;
vertical-align: top;
background: #ffffff; /* color of box */
color: #e41f35; /* color of letter */
padding: 10px;
font-size: 12px;
text-align: center;
position: relative;
border-top: 4px solid #e41f35; /* color of line holding box */
border-radius: 3px;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
}
.histbox1951:after,.histbox1986:after,.histbox2008:after,.histbox2010:after,.histbox2011:after,.histbox2013:after,.histbox2015:after {
content: '';
display: block;
background: #eee;
width: 7px;
height: 7px;
border-radius: 6px;
border: 3px solid #e41f35; /* color of circle hanger */
position: absolute;
left: 50%;
top: -37px;
margin-left: -6px;
}
.histbox1951:before,.histbox1986:before,.histbox2008:before,.histbox2010:before,.histbox2011:before,.histbox2013:before,.histbox2015:before {
content: '';
display: block;
background: #e41f35; /* color of bar line between circle and box */
width: 5px;
height: 20px;
position: absolute;
left: 50%;
top: -24px;
margin-left: -2px;
}
.bar {
/* middle red line path */
position: relative;
display: block;
height: 4px;
background: #e41f35;
top: 15px;
}
.bar::before,
.bar::after {
content: "";
position: absolute;
top: -8px;
display: block;
width: 0;
height: 0;
border-radius: 10px;
border: 10px solid #e41f35; /* left red circle */
}
.bar::before {
left: -5px; /* position where the left circle will be */
}
.bar::after {
right: -10px;
border: 10px solid transparent;
border-right: 0;
border-left: 20px solid #e41f35;
border-radius: 3px;
}
.timeline {
padding: 50px 0 10px 0;
position: relative;
width: 950px;
z-index: 1;
color: white;
text-align: center;
}
.histbox1951,.histbox1986,.histbox2008,.histbox2010,.histbox2011,.histbox2013,.histbox2015 {float:left; width: 95px;}
.alert1951,.alert1986,.alert2008,.alert2010,.alert2011,.alert2013,.alert2015 {color:black}
.span1951,.span1986,.span2008,.span2010,.span2011,.span2013,.span2015{font-size:18px;font-weight:bold}
.span1951:hover,.span1986:hover,.span2008:hover,.span2010:hover,.span2011:hover,.span2013:hover,.span2015:hover {cursor: pointer;color: #28e;}
.span1951:focus ~ .alert1951 {display: block;}
.alert1951 {display: none;width:700px;text-align:left;margin-left:100px;font-size:14px;}
.span1986:focus ~ .alert1986 {display: block;}
.alert1986 {display: none;width:700px;margin-left:-35px;text-align:left;font-size:14px;}
.span2008:focus ~ .alert2008 {display: block;}
.alert2008 {display: none;width:700px;margin-left:-170px;text-align:left;font-size:14px;}
.span2010:focus ~ .alert2010 {display: block;}
.alert2010 {display: none;width:700px;margin-left:-305px;text-align:left;font-size:14px;}
.span2011:focus ~ .alert2011 {display: block;}
.alert2011 {display: none;width:700px;margin-left:-440px;text-align:left;font-size:14px;}
.span2013:focus ~ .alert2013 {display: block;}
.alert2013 {display: none;width:700px;margin-left:-575px;text-align:left;font-size:14px;}
.span2015:focus ~ .alert2015 {display: block;}
.alert2015 {display: none;width:700px;margin-left:-710px;text-align:left;font-size:14px;}
/* For History Timeline END */