/*Layouts.css*/ /*This style sheet contains classes to define the header, containers, boxes and footer*/ /*Header*/ .cabeza { float: left; height: 96px; text-align: left; width: 990px; } .link-advanced{ margin-bottom: 0px; margin-left: 20px; margin-right: 10px; margin-top: 0px; padding: 0px; position: absolute; top: 27px; vertical-align: text-bottom; } .link-advanced a{ text-decoration: none; } .link-advanced, .link-advanced a{ color: #666666; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; line-height: 14px; } .logo { background-image: url('../images/logo_blanco.jpg'); background-position: 50% top; background-repeat: no-repeat; bottom: 708px; height: 63px; left: 45px; position: absolute; right: 749px; top: 5px; width: 220px; } .text-logo{ bottom: 0px; clip: rect(0px,0px,0px,0px); color: #76D0EB; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; height: 20px; left: 0px; margin: 0px; padding-bottom: 0px; padding-left: 17px; padding-right: 0px; padding-top: 48px; right: 0px; text-align: left; top: 0px; width: 600px; } .text-search{ bottom: 0px; clip: rect(0px,0px,0px,0px); color: #666666; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; height: 20px; left: 0px; margin: 0px; padding-bottom: 0px; padding-left: 17px; padding-right: 0px; padding-top: 48px; right: 0px; text-align: left; top: 0px; width: 300px; } #busqueda{ float: right; height: 35px; left: 650px; margin: 0px; padding: 0px; position: absolute; top: 10px; width: 245px; } #busqueda .campo { color: #333333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; height: 17px; margin-bottom: 5px; margin-right: 10px; padding: 0px; } #busqueda .drop1{ color: #333333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; margin-bottom: 5px; margin-left: 4px; padding: 0; vertical-align: middle; } #busqueda .submit { vertical-align: middle; } #header { background-image: url(../images/logo_blanco.jpg); background-position: 15px 0px; background-repeat: no-repeat; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; height: 164px; margin: 0px; padding: 0px; width: 990px; } #mainmenu { height: 44px; margin: 0px; padding: 0px; position: relative; text-align: left; top: -24px; width: 550px; } #mainmenu ul{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 25px; padding-right: 0px; padding-top: 0px; position: absolute; top: 0px; } #mainmenu ul li{ background: url(../images/bg_tabs.gif) no-repeat 0px -26px; color: #FFFFFF; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; margin: 0px 3px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 94px; } #mainmenu ul li a{ background: url(../images/bg_tabs.gif) no-repeat left top; color: #FFFFFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; margin: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 7px; text-align: center; text-decoration: none; width: 94px; } #mainmenu ul li a:hover{ background-image: none; } #mainmenu ul li ul li a{ background: none transparent scroll repeat 0% 0%; margin: 0px; padding: 0px; width: auto; } #mainmenu ul li ul li a:hover{ color: #dadada; font-weight: 900; margin: 0px; padding: 0px; } #mainmenu ul ul{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; left: 3px; position: absolute; width: 900px; } #mainmenu ul ul{ left: 22px; margin: 0px; padding: 0px; top: 22px; } #mainmenu ul ul li{ background-image: none; display: inline; margin-bottom: 0px; margin-left: 10px; margin-right: 5px; margin-top: 10px; width: auto; } #menu{ background-image: url(../images/bg_pleca_sub_nav.gif); background-position: center bottom; background-repeat: repeat-x; bottom: 0px; float: none; height: 97px; left: 0px; margin: 0px; padding: 0px; position: relative; right: 0px; text-align: left; top: 50px; width: 990px; } #slogan{ bottom: 0px; height: 20px; left: 0px; position: absolute; right: 0px; text-align: left; top: -55px; width: 600px; } #titulo-search{ bottom: 0px; height: 20px; left: 635px; position: absolute; right: 0px; text-align: left; top: -65px; width: 50px; } /*Containers*/ #container{margin: 0px;padding: 0px; height: 440px; width: 990px; position: relative; top: 0px; left: 0px; } .content{ height: 670px; width: 930px; background-color: #FFFFFF; position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; /*text-align:center;*/ padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; margin: 0px; float: left; } .leftcolumn700 {width:700px; float: left; } .rightcolumn215 {width:215px; float: right; padding: 0 0 0 0; margin: 0 0 0 0;} .leftcolumn215 {width:215px; float: left; } .rightcolumn700 {width:700px; float: right; padding: 0 0 0 0; margin: 0 0 0 0;} .leftcolumn615{ width:615px; float: left; } .rightcolumn315 {width:315px; float: right; padding: 0 0 0 0; margin: 0 0 0 0 ; } .leftcolumn315{ width:315px; float: left; padding: 0 0 0 0; margin:0 0 0 0 ;} .rightcolumn615 {width:615px; float: right;} .centercolumn930{ width:930px; float: left; } .boxlayoutwhite585, .boxlayoutwhite900, .boxlayoutwhite670 {float: left; padding: 15px; background-color: #FFFFFF; } .boxlayoutwhite585{width: 555px;} .boxlayoutwhite670{width: 640px;} .boxlayoutwhite900 {width:870px;} .boxseparator555, .boxseparator640, .boxseparator870 {float:left; display:inline; padding: 15px 0px 5px 0px;} .boxseparator555{width:555px;} .boxseparator640{width:640px;} .boxseparator870{width:870px;} /* Tables */ .tablesize555 {width:555px;} .tablesize {width:640px;} /*Big boxes*/ .roundbox930 {width: 930px; float: left; background: #B7DE91 url(../images/bg_trans_layout_bot_930x7.gif) bottom left no-repeat; padding-bottom: 15px;} .roundbox-in930 {background: url(../images/bg_trans_layout_top_930x7.gif) 0 0 no-repeat; font-size: 92%; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;} .roundbox700 {width: 700px; float: left; background: #B7DE91 url(../images/bg_trans_layout_bot_700x7.gif) bottom left no-repeat; padding-bottom: 15px;} .roundbox-in700 {background: url(../images/bg_trans_layout_top_700x7.gif) 0 0 no-repeat; font-size: 92%; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;} .roundbox615 { width: 615px; float: left; background: #B7DE91 url(../images/bg_trans_layout_bot_615x7.gif) bottom left no-repeat; padding-bottom: 15px;} .roundbox615-in { background: url(../images/bg_trans_layout_top_615x7.gif) 0 0 no-repeat; font-size: 92%; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;} .roundboxfilters490 { width: 490px; float: right; margin: 0px 0px 10px; background: #2A78A3 url(../images/bg_trans_talentnetworkfilters_bot_490x7.gif) bottom left no-repeat; } .roundboxfilters490-in { background: url(../images/bg_trans_talentnetworkfilters_top_490x7.gif) 0 0 no-repeat; padding: 3px 10px; font-size: 92%; } .roundboxfilters405 { width: 405px; float: right; margin: 0px 0px 10px; background: #2A78A3 url(../images/bg_trans_filters_bot_405x7.gif) bottom left no-repeat; } .roundboxfilters405-in { background: url(../images/bg_trans_filters_top_405x7.gif) 0 0 no-repeat; padding: 3px 10px; font-size: 92%; } .roundboxfilters360 { width: 360px; float: right; margin: 0px 0px 10px; background: #2A78A3 url(../images/bg_trans_filters_bot_360x7.gif) bottom left no-repeat; } .roundboxfilters360-in { background: url(../images/bg_trans_filters_top_360x7.gif) 0 0 no-repeat; padding: 3px 10px; font-size: 92%; } /* Round boxes for layout rows */ .roundbox930t {width: 930px; float: left; background: url(../images/bg_trans_layout_bot_930x7R.gif) bottom left no-repeat; padding:0px 0px 15px 0px;} .roundbox930t-in { background: url(../images/bg_trans_layout_top_930x7r.gif) 0 0 no-repeat; font-size: 92%; padding: 0px 0px 15px 0px} .backt {width:700px; float:left; width: 900px; background-image: url(../images/back_content_700.gif); background-repeat: repeat-y; background-position: left; padding: 0px 0px 0px 30px;} .roundtab200{ width:200px; float: left; padding: 10px 0; background: #B7DE91 url(../images/bg_trans_talentnetworktab_200x7.gif) top left no-repeat; text-align: left; } .roundtab330{ width:330px; float: left; padding: 10px 0; background: #B7DE91 url(../images/bg_trans_tab_330x7.gif) top left no-repeat; text-align: left; } .roundboxtab615 {width: 615px; float: left; background-color: #B7DE91; background-image:url(../images/bg_trans_layout_bot_615x7.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 15px;} .roundboxtab615-in { background: url(../images/bg_trans_layoutwtab_top_615x7.gif) 0 0 no-repeat; font-size: 92%; padding: 15px 15px 15px 15px; } .roundboxtab700 {width: 700px; float: left; background-color: #B7DE91; background-image:url(../images/bg_trans_talentnetworks_bot_700x7.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 15px;} .roundboxtab700-in { background: url(../images/bg_trans_talentnetworks_top_700x7.gif) 0 0 no-repeat; font-size: 92%; padding: 15px 15px 15px 15px; } .roundtab120on, .roundtab120off{ width:120px; height: 15px; float: left; padding: 10px 0; text-align: center; margin: 0 10px 0 0;} .roundtab120on{background: #C9E0E7 url(../images/bg_trans_tabs_on_top_120x7.gif) top left no-repeat;} .roundtab120off{background: #7DB4C4 url(../images/bg_trans_tabs_off_top_120x7.gif) top left no-repeat;} .roundboxtab315 {float: left; width: 300px; background: #C9E0E7 url(../images/bg_trans_tabs_bot_300x7.gif) bottom left no-repeat;} .roundboxtab315-in {float: left; width: 290px; display: inline; background: url(../images/bg_trans_tabs_top_300x7.gif) 0 0 no-repeat; padding: 5px;} /*Small boxes*/ .adsbox230{ width: 230px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px;} .roundbox215 { float: right; width: 215px; background: #C9E0E7 url(../images/bg_trans_layout_bot_215x7.gif) bottom left no-repeat;} .roundbox215-in{ float: right; width: 205px; display: inline; background: url(../images/bg_trans_layout_top_215x7.gif) 0 0 no-repeat; padding: 5px;} .insidebg-ads215 { padding: 4px; width: 195px; text-align: left; margin: 0px;} .controlbox230 {width: 230px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px;} .roundboxcontrol215 { float: right; width: 215px; background: #F0F7F8 url(../images/bg_trans_controlbox_bot_215x7.gif) bottom left no-repeat;} .roundboxcontrol215-in{ float: right; width: 205px; display: inline; background: url(../images/bg_trans_controlbox_top_215x7.gif) 0 0 no-repeat; padding: 5px;} .adsbox315{width: 300px; float: right; margin: 0 0 20px 0; padding: 0 0 0 0;} .adsbox315left{width: 300px; float: left; margin: 0 0 20px 0; padding: 0 0 0 0;} .roundbox315 {float: left; width: 300px; background: #C9E0E7 url(../images/bg_trans_layout_bot_315x7.gif) bottom left no-repeat;} .roundbox315-in{ float: left; width: 290px; display: inline; background: url(../images/bg_trans_layout_top_315x7.gif) 0 0 no-repeat; padding: 5px;} .insidebg-ads315 {padding: 4px; width: 280px; text-align: left; margin: 0px;} .roundboxmsg315 {float: left; width: 300px; background: #e6ff9a url(../images/bg_trans_layout_bot_315x7.gif) bottom left no-repeat;} .roundboxmsg315-in{ float: left; width: 290px; display: inline; background: url(../images/bg_trans_layout_top_315x7.gif) 0 0 no-repeat; padding: 5px;} .insidebg-adsmsg315 {padding: 4px; width: 280px; text-align: left; margin: 0px;} .roundbox315more {float: left; width: 300px; background: #C9E0E7 url(../images/bg_trans_layout_bot_315x7.gif) bottom left no-repeat;} .roundbox315more-in{ float: left; width: 300px; display: inline; background: url(../images/bg_trans_layout_top_315x7.gif) 0 0 no-repeat; } .botonmore {float: left; height: 28px; width: 102px;} /*Help tip box*/ .helptipbox{ width: 230px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px;} .roundboxheltip { float: right; width: 215px; background: #E9D9C9 url(../images/bg_trans_helptip_bot_215x7.gif) bottom left no-repeat;} .roundboxheltip-in{ float: right; width: 205px; display: inline; background: url(../images/bg_trans_helptip_top_215x7.gif) 0 0 no-repeat; padding: 5px;} .insidebg-helptip { padding: 4px; background: #EDE1D4; width: 195px; text-align: left; margin: 0px;} .arrowhelptip{ background-image:url(../images/triangulo_beige.gif); background-repeat: no-repeat; background-position: top; float: left; margin: 0px; padding: 0px; left: 0px; top: 15px; right: 0px; bottom: 0px; position: relative; height: 15px; width: 15px;} .helptipbox300{ width: 315px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px;} .roundboxheltip300 { float: right; width: 300px; background: #E9D9C9 url(../images/bg_trans_helptip_bot_300x7.gif) bottom left no-repeat;} .roundboxheltip300-in{ float: right; width: 290px; display: inline; background: url(../images/bg_trans_helptip_top_300x7.gif) 0 0 no-repeat; padding: 5px;} .insidebg-helptip300 { padding: 4px; background: #EDE1D4; width: 280px; text-align: left; margin: 0px;} .arrowhelptip{ background-image:url(../images/triangulo_beige.gif); background-repeat: no-repeat; background-position: top; float: left; margin: 0px; padding: 0px; left: 0px; top: 15px; right: 0px; bottom: 0px; position: relative; height: 15px; width: 15px;} /* My Reference Letter rounded box */ .roundboxmyreferencetop { background-image: url(../images/bg_top_rounds_273.gif); background-repeat: no-repeat; background-position: bottom; height: 12px; width: 273px; } .roundboxmyreferencecenter { background-image: url(../images/bg_center_rounds_273.gif); background-repeat: repeat-y; width: 273px; } .roundboxmyreferencebot { background-image: url(../images/bg_bot_rounds_273.gif); background-repeat: no-repeat; background-position: top; height: 12px; width: 273px; } /*Lists*/ .genericlist{padding: 15px 15px 15px 15px;} /*Footer*/ .footer900, .footer700, .footer615{background-color:#FFFFFF; margin: 0px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-style: normal; font-weight: normal; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center;} .footer900{width: 900px;} .footer700{width: 700px;} .footer615{width: 615px;} .footer900 a, .footer700 a, .footer615 a {color: #666666; font-weight: normal; font-size: 10px !important; text-decoration: none;} .footer900 a:hover, .footer700 a:hover, .footer615 a:hover{ text-decoration: underline;} /*Google banners*/ .banner468x60{ width: 670px; height:60px; padding: 15px 15px 15px 15px; text-align: center; float: left;} .adsvertical250x250 {width:300px; height:600px; text-align: center; float: right;} .adsvertical200x200 {width:200px; height:200px; text-align: center; float: right;} /*Float divs*/ .floatdivright{float: right;} .floatdivleft{float: left} /*dotted line*/ .topline { background-image: url(../images/linea_punteada.gif); background-repeat: repeat-x; background-position: top;} .bottomline {height:1px; background-image: url(../images/linea_punteada.gif); background-repeat: repeat-x; background-position: bottom;} /*Background colors*/ .bgblue1{background: #7DB4C4;}