/* DEFAULT ELEMENTS ----------------------------------------------------------*/ * { margin: 0; padding: 0; } body { font-family: Arial; font-size: 11px; padding: 0; line-height: 14px;} img { border: 0; vertical-align: middle; } ul { list-style: none; } a { outline: 0; color:#008cbc; text-decoration:none;} table { border-spacing: 0; border-collapse: collapse; border: none; } td, th { vertical-align: top; text-align: left; } select { padding: 0; } option { padding: 1px 5px; } textarea{font-family:Arial;} .middle { vertical-align:middle;} .right {text-align:right;} .error {color:red;} ._right {float:right;} ._left {float:left;} /* ----------------------------------------------------------------------------- MAQUETACIÓN PRINCIPAL ------------------------------------------------------------------------------*/ body { text-align: center; background: #FE6102 url('bg_background.jpg') repeat-x; } /*div.main_block_box { width: 957px; margin: 0 auto; text-align: left; }*/ #header { height: 89px; width:100%; } #body { width:959px; margin: 0 auto;} #footer { height: 59px;} /*Frame*/ div#frame_up { width:100%; height:15px; background: url('/css/table_up.jpg') no-repeat;} div#frame_center { width:948px; padding-left:3px; background: url('/css/bg_body.jpg') bottom repeat-x; border-left:3px solid #FFF; border-right:3px solid #FFF; } div#frame_down { width:100%; height:15px; background: url('/css/table_down2.jpg') left bottom no-repeat; } div#frame_down.content {width:100%; height:15px; background: url('/css/table_down1.jpg') left bottom no-repeat;} /*title*/ #header img.main_title { width:312px; height:43px; position:relative; top:30px; right:320px;} div#box_head { margin: 0pt auto; width: 1058px; height:89px; background: url('/css/big_arrow.jpg') center bottom no-repeat;} ul#menu {} ul#menu li {float:right; padding-left:8px;} ul#menu li.last {padding-right:80px;} /*div#box_menu {border:1px solid #00F; width:400px; position:relative; bottom:30px; left:640px; }*/ a#m_presentation { width:124px; height:34px; background: url('/css/menu_presentation.jpg') center no-repeat; display: block;} a#m_presentation.up { width:124px; height:34px; background: url('/css/menu_presentation_hover.jpg') center no-repeat; display: block;} a#m_presentation:hover { width:124px; height:34px; background: url('/css/menu_presentation_hover.jpg') center no-repeat; display: block;} a#m_advantage { width:124px; height:34px; background: url('/css/menu_advantage.jpg') center no-repeat; display: block; } a#m_advantage.up { width:124px; height:34px; background: url('/css/menu_advantage_hover.jpg') center no-repeat; display: block; } a#m_advantage:hover { width:124px; height:34px; background: url('/css/menu_advantage_hover.jpg') center no-repeat; display: block; } a#m_requisito {width:124px; height:34px; background: url('/css/menu_requisito.jpg') center no-repeat; display: block;} a#m_requisito.up {width:124px; height:34px; background: url('/css/menu_requisito_hover.jpg') center no-repeat; display: block;} a#m_requisito:hover {width:124px; height:34px; background: url('/css/menu_requisito_hover.jpg') center no-repeat; display: block;} a#m_contact {width:124px; height:34px; background: url('/css/menu_contact.jpg') center no-repeat; display: block;} a#m_contact.up {width:124px; height:34px; background: url('/css/menu_contact_hover.jpg') center no-repeat; display: block;} a#m_contact:hover {width:124px; height:34px; background: url('/css/menu_contact_hover.jpg') center no-repeat; display: block;} /*fotter*/ #footer { position: relative; width: 948px; margin: 0 auto; height: 75px; } #info_tel { position:absolute; top:18px; left:20px; } #info_url { position:absolute; right: 16px; top: 18px; } #footer p#address {color:#FFFFFF; position:absolute; text-align: right; right: 21px; top: 41px; } /* ----------------------------------------------------------------------------- PORTADA ------------------------------------------------------------------------------*/ div#portada {background: url('/css/bg_portada_new.gif') left bottom no-repeat; width:100%; height:100%; } div#portada p {color:#403f41; width:346px; text-align:left; line-height:18px; font-size:12px;} div#portada p.text1 { margin-top:20px; margin-right:45px; float:right;} div#portada p.text2 { margin-top:20px; margin-right:45px; float:right;} div#portada img.more_info {position:relative; top:107px; left:453px;} /*div#portada img.vienes {position:relative; top:130px; left:492px;}*/ div#portada img.vienes { margin-top:139px; margin-left:599px; } /*div#portada a.link {position:relative; top:161px; left:679px; background: url('/css/link_portada_new.gif') no-repeat; height:29px; display:block; width:213px;}*/ div#portada a.link {margin-top:20px; margin-left:686px; background: url('/css/link_portada_new.gif') no-repeat; height:29px; display:block; width:213px;} div#portada a.link:hover { background: url('/css/link_portada_hover.gif') no-repeat; } img#welcome_title {position:relative; top:10px; } /* ----------------------------------------------------------------------------- PRESENTACIÓN ------------------------------------------------------------------------------*/ div.box_pres {width:100%; height:100%; } #presentation { width:941px; height:530px; overflow: hidden; position: relative; } #presentation div.tab { width:941px; height:530px; } #presentation #slider { position: absolute; left: 0; } div#tab1 { background: url('/css/bg_presentation_tab1_new.jpg') center top no-repeat; } div#tab2 { background: url('/css/bg_values_tab2_new.jpg') center top no-repeat; } div#tab3 { background: url('/css/bg_strat_tab3_new.jpg') center top no-repeat; } div#frame_center_presentation { width:948px; padding-left:3px; background-color: white ; border-left:3px solid #FFF; border-right:3px solid #FFF; } div#tab1 ul.menu_contact { padding-right:70px; padding-top:54px; color:#fd7016;} div#tab1 ul.menu_contact li {float:right; margin-left:15px;} div#tab1 ul.menu_contact li a {font-size:13px; color:#fd7016;} div#tab1 ul.menu_contact li a:hover { color:#6a6d70;} div#tab1 ul.menu_contact li.sel a { color:#6a6d70; font-weight:bold;} div#tab1 p {text-align:left; color:#414042; margin-left:103px; padding-right:450px; line-height:16px;} div#tab1 p.p_bold { margin-top:60px; font-weight:bold; font-size:13px; } div#tab1 p.p_norm { margin-top:20px; padding-right:550px; font-size:12px;} /*div#tab1 a.next_link { position:relative; top:274px; left:776px; padding-right:55px; background: url('/css/link_next.jpg') no-repeat; display:block;width:114px; height:26px;}*/ div#tab1 a.next_link { float:right; margin-top:282px; margin-right:50px; background: url('/css/link_next.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab1 a.next_link:hover {background: url('/css/link_next_hover.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab2 ul.menu_contact { padding-right:70px; padding-top:54px; color:#fd7016;} div#tab2 ul.menu_contact li {float:right; margin-left:15px;} div#tab2 ul.menu_contact li a {font-size:13px; color:#fd7016;} div#tab2 ul.menu_contact li a:hover {color:#6a6d70;} div#tab2 ul.menu_contact li.sel a { color:#6a6d70; font-weight:bold;} div#tab2 p { text-align:left; color:#414042; margin-left:103px; padding-right:450px; line-height:16px; font-size:12px;} div#tab2 p.p1 {margin-top:59px; } div#tab2 p.p2 {margin-top:20px; } div#tab2 p.p3 {margin-top:30px; padding-right:583px; } div#tab2 p.p4 { margin-top:20px; padding-right:583px;} div#tab2 a.prev_link2 { float:left; margin-left:90px; margin-top:65px; background: url('/css/link_previous.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab2 a.prev_link2:hover {background: url('/css/link_previous_hover.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab2 a.next_link2 { float:right; margin-right:55px; margin-top:65px; background: url('/css/link_next.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab2 a.next_link2:hover {background: url('/css/link_next_hover.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab3 ul.menu_contact { padding-right:70px; padding-top:51px; color:#fd7016;} div#tab3 ul.menu_contact li {float:right; margin-left:15px;} div#tab3 ul.menu_contact li a {font-size:13px; color:#fd7016;} div#tab3 ul.menu_contact li a:hover { color:#6a6d70;} div#tab3 ul.menu_contact li.sel a { color:#6a6d70; font-weight:bold;} div#tab3 p {text-align:left; color:#414042; margin-left:103px; padding-right:500px; line-height:16px;} div#tab3 p.p1 { margin-top:96px; font-size:12px; } div#tab3 p.p2 { margin-top:20px; font-size:12px; } div#tab3 a.prev_link3 { float:left; margin-left:90px; margin-top:187px; background: url('/css/link_previous.jpg') no-repeat; display:block;width:114px; height:26px;} div#tab3 a.prev_link3:hover {background: url('/css/link_previous_hover.jpg') no-repeat; display:block;width:114px; height:26px;} /* ----------------------------------------------------------------------------- Ventajas ------------------------------------------------------------------------------*/ #frame_center_ventajas { width:948px; height:100%; padding-left:3px; background-color: white ; border-left:3px solid #FFF; border-right:3px solid #FFF; background: #FFFFFF url('/css/bg_ventajas.jpg') top center no-repeat; } #frame_center_ventajas div.ventaja_left { width: 268px; float: left; margin: 100px 0 0 50px; color:#414042; height:100%;} #frame_center_ventajas div.ventaja_right { width: 464px; float: right; margin: 90px 60px 0 0; color:#414042; text-align:left; height:100%; _margin-right: 30px; } div.ventaja_left p.text_normal {text-align:left; line-height:16px; font-size:13px; } div.ventaja_left p.text_normal a {color:#fd7016; font-weight:bold; font-style:italic;} div.ventaja_right h4 {text-align:top;} div.ventaja_right img.icon {display:none;} table.ventajas_list { width: 100%; } table.ventajas_list h4 { color: #414042; font-size:14px; font-weight:bold; margin: 0; } table.ventajas_list h4:hover { color: #000000; } table.ventajas_list tr { border-bottom: 1px solid #ececec; } table.ventajas_list td.image { width: 69px; background: url('/css/mini_arrow_orange.jpg') 53px 18px no-repeat; } table.ventajas_list tr.selected td { background: none !important; cursor:default !important;} table.ventajas_list td.image img.icon { display: none; margin-top: 14px; } table.ventajas_list td.info { padding: 16px 0; } table.ventajas_list td.info p.info { display: none; margin-top: 2px; line-height:18px; } table.ventajas_list tr.hover td { background-color:#f6f6f6; cursor:pointer; } /*1 op*/ #op1 { padding-bottom:15px; border-bottom:1px solid #ececec;} #op1 img { float:left;} #op1 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op1 div { padding-left:61px; } /*2 op*/ #op2 { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ececec;} #op2 img { float:left;} #op2 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op2 div { padding-left:61px; display:none; } /*3 op*/ #op3 { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ececec;} #op3 img { float:left;} #op3 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op3 div { padding-left:61px; display:none;} /*4 op*/ #op4 { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ececec;} #op4 img { float:left;} #op4 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op4 div { padding-left:61px; display:none;} /*5 op*/ #op5 { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ececec;} #op5 img { float:left;} #op5 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op5 div { padding-left:61px; margin-left:10px; display:none;} /*6 op*/ #op6 { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ececec;} #op6 img { float:left; } #op6 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op6 div { padding-left:61px; display:none;} /*7 op*/ #op7 { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ececec;} #op7 img { float:left;} #op7 h4 { font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer;} #op7 div { padding-left:61px; display:none;} /* ----------------------------------------------------------------------------- Requisitos ------------------------------------------------------------------------------*/ div#frame_center_requisitos { width:948px; height:485px; padding-left:3px; background-color: white ; border-left:3px solid #FFF; border-right:3px solid #FFF; } div#frame_center_requisitos div.box_requisitos { background: url('/css/bg_requisitos_new.jpg') center top no-repeat; width:100%; height:100%;} div#frame_center_requisitos div#main_box { width: 396px; float: right; margin: 100px 50px 0 0; height:384px;} div#main_box p { color:#212121; font-size:12px; text-align:left; line-height:18px; } div#main_box p.p1 { padding-top:10px; } div#main_box p.p2 { padding-top:20px; font-weight:bold; } div#main_box div#perfil1 { width:402px; height:110px; text-align:left; margin-top:5px;} div#main_box div#perfil1 span.p1 { color:#bfbfbf; font-size:29px; font-weight:bold; font-style: italic; position:relative; top:30px; left:10px; } div.box_requisitos div#perfil1 span.p11 { float:right; line-height:18px; color:#212121; width:263px; margin:10px 10px 0 0 ;} #perfil1 div.line { width:350px; border-top:1px solid #b2b2b2; margin:0 auto; margin-top:60px; display:none;} #perfil1 span.p111 { color:#212121; font-weight:bold; padding-left:213px; line-height:20px; display:none;} div#main_box div#perfil1:hover { background-color:#e3e3e3;} div#main_box div#perfil1:hover span.p1 { color:#FFFFFF; font-size:29px; } div#main_box div#perfil1:hover div.line {display:block;} div#main_box div#perfil1:hover span.p111 {display:block;} div#main_box div#perfil2 { width:402px; height:110px; text-align:left; margin-top:5px; } div.box_requisitos div#perfil2 span.p2 { color:#bfbfbf; font-size:29px; font-weight:bold; font-style: italic; position:relative; top:30px; left:10px;} div.box_requisitos div#perfil2 span.p22 { float:right; line-height:18px; color:#212121; width:263px; margin:10px 10px 0 0 ;} #perfil2 div.line { width:350px; border-top:1px solid #b2b2b2; margin:0 auto; margin-top:60px; display:none;} #perfil2 span.p222 { color:#212121; font-weight:bold; padding-left:213px; line-height:20px; display:none; } div#main_box div#perfil2:hover { text-align:left; margin-top:5px; background-color:#e3e3e3;} div#main_box div#perfil2:hover span.p2 { color:#FFFFFF; font-size:29px; } div#main_box div#perfil2:hover div.line { display:block;} div#main_box div#perfil2:hover span.p222 { display:block;} /* ----------------------------------------------------------------------------- Contacto ------------------------------------------------------------------------------*/ #frame_center_contacto { width:948px; padding-left:3px; background-color: white ; border-left:3px solid #FFF; border-right:3px solid #FFF; } #frame_center_contacto div.box_contact {background: url('/css/bg_contacto.jpg') no-repeat; width:948px; } div.box_contact div.textos { width: 360px; float: left; margin: 110px 0 0 50px; } div.box_contact div.formulario { width: 385px; float: right; margin: 110px 50px 0 0; color:#414042; text-align:left;} div.box_contact div.textos p {line-height:20px;} div.box_contact div.textos p.text_norm {font-size:12px; color:#414042; text-align:left; margin-bottom:15px; padding-right:15px;} div.box_contact div.textos p.text_b {color:#414042; font-weight:bold; font-style: italic; font-size:12px; text-align:left; padding-right:50px;} div.box_contact div.textos p.text_b a {color:#fe8001; font-size:19px; } div.formulario p.title_form {font-size:12px; font-weight:bold; margin-bottom:10px;} div.formulario p.text_normal {font-size:12px; margin-bottom:10px;} div.formulario input.input_name {width:200px;} div.formulario input.input_direcc { width:356px;} div.formulario input.input_mini {width:109px;} div.formulario input.input_nacionalidad {width:146px;} div.formulario select.select_estado {width:124px;} div.formulario input.input_edad {width:61px;} div.formulario input.input_mail {width:198px;} div.formulario select.select_inversion {width:198px;} div.formulario textarea.ta_coment {width:354px; height:100px;} div.formulario p.legal {} div.formulario p.legal a {color:#fd7016; font-weight:bold;} div.formulario table {margin-bottom:5px;} div.formulario #btn_enviar {background: url('/css/btn_enviar_datos.gif') no-repeat; display:block; width:118px; height:28px; float:right; margin-right: 26px;} div.formulario input {color:#fd7016; font-size:12px; font-weight:bold; padding:1px;} div.formulario select {color:#fd7016; font-size:12px; font-weight:bold; padding:1px;} div.formulario textarea {color:#fd7016; font-size:12px; font-weight:bold; padding:1px;} div.formulario span.title_good_send { color: #4aa51b; font-weight: bold; font-size: 18px; } div.formulario p.pp1 { font-size: 15px; color: #414042; line-height: 20px; } div.formulario p.pp2 { font-size: 14px; line-height: 20px; color: #414042; margin-top: 30px; }