body { color: #000; margin: 0; padding: 0; font-family: 'PT Sans Narrow', Arial; } img { border: 0; } #box-info .tipcomp { color: #123D74; border: solid #d2d7e4 1px; padding: 10px; margin: 15px 0px; } #box-info .tipcomp .subtitmed { color: #2D9242; font-size: 18px; font-weight: 700; margin-bottom: 5px; } #box-info .tipcomp .imgtxttip { margin-bottom: 5px; overflow: hidden; } #box-info .tipcomp .imgtxttip img{ margin-right: 15px; float: left; } #box-info .tipcomp .vermastip { color: #2D9242; font-weight: 700; background-color: #F3F4F8; text-align: right; font-size: 17px; padding-right: 10px; } #box-info .tipcomp .vermastip a{ color: #2D9242; text-decoration: underline; } #box-tip { overflow: hidden; } #box-tip .tittipint { color: #2D9242; font-size: 20px; font-weight: 700; margin-bottom: 15px; margin-top: 15px; } #box-tip .txttipint #videotipint { height: 208px; width: 260px; float: left; margin-right: 30px; margin-bottom: 30px; } #box-testim { overflow: hidden; margin-top: 20px; } #box-testim .tittestimint { color: #2D9242; font-size: 22px; font-weight: 700; margin-bottom: 15px; margin-top: 15px; } #box-testim .txttestimint { overflow: hidden; font-size: 17px; background-color: #FFFFFF; } #box-testim .txttestimint #videotestimint { height: 450px; width: 300px; float: left; margin-right: 30px; margin-bottom: 30px; } #box-testim .txttestimint #videotestimint img{ margin-top: 20px; } #container { width: 985px; margin: 0px auto; padding: 0px 15px; padding-right: 0px; position: relative;} #Courus { bottom: 60px; left: 300px; position: absolute; z-index: 2; } #divsuptips { height: 300px; width: 440px; float: left; background-color: #F3F4F8; padding: 25px 25px; position: relative; } #divsuptips .videotips { width: 260px; height: 208px; float: right; } #divsuptips .videotips iframe, #videotipint iframe{ width: 260px; height: 208px; } #divsuptips .titnota { color: #2D9242; font-size: 21px; margin-bottom: 10px; font-weight: 700; } #divsuptips .txttips { float: left; width: 170px; font-size: 16px; } #divsuptips .txttips a{ font-size: 17px; color: #2D9242; font-weight: 700; } #divsuptips .txttips .subtitch{ font-size: 17px; color: #2D9242; font-weight: 700; } #divcontact { height: 280px; width: 460px; float: left; background-color: #F3F4F8; padding: 10px 25px; } #divcontact .mapcontact { width: 260px; height: 208px; float: right; } #divcontact .titcontact { color: #2D9242; font-size: 21px; margin-bottom: 10px; font-weight: 700; } #divcontact .txtcontact { float: left; font-size: 52px; color: #193E72; } #divcontact .txtcontact .texto{ float: left; font-size: 20px; color: #193E72; } #divcontact .txtcontact a{ font-size: 17px; color: #2D9242; font-weight: 700; } #divcontact .txtcontact .subtitch{ font-size: 32px; color: #2D9242; font-weight: 700; } #divsuptestim { height: 285px; width: 640px; float: left; background-color: #F3F4F8; padding: 10px 30px; position: relative; cursor: pointer; } #divsuptestim .videotestim { width: 300px; height: 240px; float: right; } #divsuptestim .videotestim iframe, #videotestimint iframe{ width: 300px; height: 240px; } #divsuptestim .titnotatestim { color: #2D9242; font-size: 24px; margin-bottom: 10px; font-weight: 700; text-align: center; } #divsuptestim .txttestim { float: left; width: 300px; font-size: 17px; } #divsuptestim .txttestim a{ font-size: 17px; color: #2D9242; font-weight: 700; } #divsuptestim .txttestim .subtitch{ font-size: 17px; color: #2D9242; font-weight: 700; } #footer { margin: 0px auto; margin-top: 50px; width: 715px; float: right; } #header { width: 1000px; margin: 0px auto; height: 210px; margin-bottom: 8px; } #header .headsup { height: 170px; background: url(imgs/fondo-header.jpg) no-repeat; } #header .headsup .logo { width: 231px; float: left; padding-top: 22px; } #header .headsup .logo span{ width: 231px; float: left; font-family: 'Crimson Text', Arial; font-size: 22px; text-align: center; text-transform: uppercase; line-height: 15px; } #header .headsup .tagline { width: 450px; float: left; font-family: 'Crimson Text', Arial; font-size: 28px; text-align: center; text-transform: uppercase; line-height: 32px; padding-top: 28px; text-shadow: 2px 2px 0 white, -2px -2px white, 2px -2px white, -2px 2px white, 0 2px white, 2px 0 white, -2px 0 white, 0 -2px white; } #header .headsup .tagline h1{ font-family: 'Crimson Text', Arial; font-size: 28px; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 0 white, -2px -2px white, 2px -2px white, -2px 2px white, 0 2px white, 2px 0 white, -2px 0 white, 0 -2px white; margin: 0px; } #header .headsup .tagline span{ width: 450px; float: left; font-family: 'Crimson Text', Arial; font-size: 22px; text-align: center; text-transform: uppercase; line-height: 15px; } #header .headsup .imgprom { width: 310px; float: right; } #menu { padding: 0px 15px; height: 38px; background: url(imgs/fondo-menu.jpg); } /*MENU PRIINCIPAL*/ #nav { float: left; width: 778px; text-transform: uppercase; padding-top: 5px; } #nav ul { margin:0; padding:0; overflow: hidden; list-style: none; } #nav ul li { text-align:center; padding: 3px 11px; display: inline-block; float: left; background: -webkit-linear-gradient(top, #1cbe2f, #096404); background: -moz-linear-gradient(top, #1cbe2f, #096404); background-color: #2D9242; margin-right: 8px; border-radius: 15px; } #nav ul li img{ vertical-align: baseline; } #nav ul li a{ text-decoration: none; color: #FFFFFF; font-size: 17px; height: 25px; } #nav ul li:hover { text-decoration: none; background: -webkit-linear-gradient(top, #9A751D, #9A751D); background: -moz-linear-gradient(top, #9A751D, #9A751D); color: #FFF; } /*MENU DESARROLLOS*/ #navdes { float: left; width: 700px; padding-top: 5px; margin-top: 20px; border-bottom: solid #123d74 1px; } #navdes ul { margin:0; padding:0; overflow: hidden; list-style: none; } #navdes ul li { text-align:center; padding: 3px 0px; display: inline-block; float: left; background: -webkit-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); background: #123d74; margin-right: 6px; border-radius: 15px 15px 0px 0px; width: 95px; } #navdes ul li.lifinal { float: right; margin-right: 0px; width: 94px; } #navdes ul li a{ text-decoration: none; color: #FFFFFF; font-size: 17px; height: 25px; } #navdes ul li:hover , #navdes ul li.actnd{ text-decoration: none; background-color: #9A741C; color: #FFFFFF; } #sideA { width: 246px; float: left; padding-bottom: 20px; } #sideA .tith2 { background: -webkit-linear-gradient(top, #fff, #088624); background: -moz-linear-gradient(top, #fff, #088624); color: #FFF; text-transform: uppercase; padding: 1px 12px; font-family: 'Crimson Text', Arial; font-size: 28px; border-radius: 12px; text-shadow: 2px 2px 2px #314B02; background-color: #28B05B; margin-top: 8px; } #sideA .tith2 h2{ color: #193E72; text-transform: uppercase; font-family: 'Crimson Text', Arial; font-size: 24px; text-shadow: 2px 2px 0 white, -2px -2px white, 2px -2px white, -2px 2px white, 0 2px white, 2px 0 white, -2px 0 white, 0 -2px white; font-weight: 700; margin: 0px; line-height: 33px; margin-top: 6px; } #sideA .titzona { background: -webkit-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); background: -moz-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); color: #123d74; padding: 0px 12px; font-size: 24px; border: solid #d2d7e4 1px; line-height: 28px; font-weight: 700; margin-bottom: 4px; margin-top: 12px; } #sideA .boxOpc { background-color: #ffffff; border: solid #143d75 1px; padding: 3px 4px 3px 2px; overflow: hidden; font-size: 19px; color: #123d74; line-height: 22px; margin-bottom: 3px; } #sideA .boxOpc a{ font-size: 19px; color: #123d74; text-decoration: none; } #sideA .boxOpc img{ float: left; margin-right: 5px; } #sideB { width: 700px; float: right; padding-top: 8px; padding-right: 15px; } #sideB #box-info h3{ color: #123D74; font-size: 30px; } #sideB .listmenu { background: -webkit-linear-gradient(top, #fff, #088624); background: -moz-linear-gradient(top, #fff, #088624); color: #193E72; text-transform: uppercase; padding: 6px 12px; font-size: 21px; border-radius: 12px; text-shadow: 2px 2px 0 white, -2px -2px white, 2px -2px white, -2px 2px white, 0 2px white, 2px 0 white, -2px 0 white, 0 -2px white; background-color: #28B05B; margin-top: 8px; margin-bottom: 10px; } #box-info .imgwho { height: 172px; } #box-info .imgbolsa { height: 195px; } #box-info .txtquien { text-align: justify; overflow: hidden; } #box-info .txtquien .videoquienes { float: right; height: 250px; width: 266px; margin-left: 30px; margin-bottom: 30px; } /*MENU CATEGORIAS BUSQUEDA*/ #menucat { width: 385px; float: right; text-transform: none; } #menucat sup{ vertical-align: top; font-size: 15px; } #menucat ul { margin:0px; padding:0px; overflow: hidden; list-style: none; line-height: 22px; } #menucat ul li { text-align:center; padding: 3px; display: inline-block; float: left; margin-right: 12px; border-radius: 15px; } #menucat ul li img{ vertical-align: baseline; margin: 3px 5px; margin-right: 0px; } #menucat ul li a{ text-decoration: none; color: #193E72; } #menucat ul li:hover { text-decoration: none; color: #FFF; } #menucat ul ul{ display:none; position: absolute; width: 100px; z-index: 2;margin-left: -30px;} #menucat ul li:hover > ul {display: inline;} #sideB #box-info { background-color: #FFF; } #box-info .imgHome { color: #993; height: 755px; border: solid #099939 3px; border-radius: 5px; } #box-info .titzona { background: -webkit-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); background: -moz-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); color: #123d74; padding: 0px 12px; font-size: 24px; border: solid #d2d7e4 1px; line-height: 28px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; } #box-info .info-des { background-color: #FFF; margin-top: 38px; } .info-des .col-a { float: left; width: 330px; font-size: 15px; background-color: #FFFFFF; } .info-des .col-a .box-logoimg { background-color: #FFF; padding-bottom: 10px; } .info-des .col-a .box-logoimg .logodes{ float: left; width: 150px; height: 130px; } .info-des .col-a .box-logoimg .imgdes{ float: right; width: 170px; height: 130px; } .info-des .col-a .box-txtdes { background-color: #F8F8FA; padding: 15px; } .info-des h3 { color: #123D74; font-size: 30px; margin: 0; } .info-des .col-b { float: right; width: 340px; } .info-des .col-b .avances { color: #FFF; background: -webkit-linear-gradient(top, #1cbe2f, #096404); background: -moz-linear-gradient(top, #1cbe2f, #096404); background-color: #28B05B; padding: 10px 15px; margin-bottom: 18px; text-transform: uppercase; font-size: 28px; text-align: center; border-radius: 10px; font-weight: 700; } .info-des .col-b .avances a{ text-decoration: none; color: #FFF; } .info-des .col-b #video { width: 340px; height: 280px; margin-bottom: 15px; } .info-des .col-b #video iframe { height:280px; width:340px; } .info-des .col-b .youtube { background-color: #ED2F2B; color: #FFF; padding: 7px 10px; border-radius: 10px 10px 0px 0px; overflow: hidden; line-height: 27px; } .info-des .col-b .youtube a{ text-decoration: none; color: #FFF; } .info-des .col-b .youtube img{ float: right; vertical-align: middle; } .info-des .creditos { padding: 5px 0px 5px; text-align: center; margin-bottom: 15px; } .info-des .creditos img { background-color: #FFFFFF; padding: 5px; border: solid #d2d7e4 1px; margin-left: 10px; } .info-des .creditos2 { text-align: center; margin-bottom: 15px; overflow: hidden; margin-top: 15px; } .info-des .creditos2 .divimg { background-color: #FFFFFF; padding: 10px; border: solid #d2d7e4 1px; width: 110px; color: #123D74; font-size: 17px; font-weight: 700; margin-bottom: 10px; float: left; margin-right: 8px; } .info-des .creditos2 img { background-color: #FFFFFF; margin-bottom: 10px; } .info-des .masinfodes { background: -webkit-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); background: -moz-linear-gradient(top, #f5f5f5, #fff, #dfe4eb); color: #123D74; font-size: 21px; padding: 10px; text-align: center; background-color: #F8F8FA; border-radius: 10px; } .info-des .masinfodes span { color: #123D74; font-size: 36px; font-weight: 700; } .info-des .nota { color: #CCC; margin-top: 30px; font-size: 12px; text-align: justify; } /*TESTIMONIOS micropagina desarrollos */ #des-testim { height: 295px; width: 640px; float: left; background-color: #F3F4F8; padding: 10px 30px; position: relative; cursor: pointer; } #des-testim .videodestestim { width: 300px; height: 240px; float: right; } #des-testim .titnotades-testim { color: #123D74; font-size: 24px; margin-bottom: 10px; font-weight: 700; text-align: left; } #des-testim .txtdes-testim { float: left; width: 300px; font-size: 17px; } #des-testim .txtdes-testim a{ font-size: 17px; color: #2D9242; font-weight: 700; } #des-testim .txtdes-testim .subtitch{ font-size: 17px; color: #333333; font-weight: 700; } #info-des #slider-amen { margin-top: 15px; } #slider-amen .sld-amen-img { height: 300px; width: 500px; float: left; } #slider-amen .slider-amen-menu { background-color: #F8F8FA; color: #FFF; font-size: 16px; text-align: left; padding: 5px; overflow: hidden; width: 690px; } #slider-amen .slider-amen-menu ul { margin: 0; padding: 0; list-style-type: none; } #slider-amen .slider-amen-menu ul li { display: inline-block; /*Separar el texto*/ margin:3px; /* Color de fondo */ min-width: 100px; vertical-align: top; background-color: #2F9D45; border-radius: 10px} #slider-amen .slider-amen-menu ul li a { color: #FFF; text-decoration: underline; display: block; height: 25px; padding: 0px 5px;} #slider-amen .slider-amen-menu ul li a:hover { color: #FFF; background-color: #28B55E; border-radius: 10px; text-decoration: none; } /*#slider-amen .slider-amen-menu a{ color: #FFF; text-decoration: none; display: block; padding: 6px; float: left; } #slider-amen .slider-amen-menu a.act { color: #FFF; text-decoration: none; background-color: #28B55E; } #slider-amen .slider-amen-menu a:hover { color: #FFF; text-decoration: none; background-color: #28B55E; }*/ #slider-amen .slider-amen-txtinfo { background-color: #F8F8FA; padding: 10px; font-size: 17px; color: #123D74; float: right; width: 180px; height: 280px; } #info-des #map { height: 300px; margin-top: 15px; margin-bottom: 15px; } .info-des #map iframe { height:300px; width:700px; } #info-des .direcciondes { margin-top: 15px; font-size: 18px; } #galery { height: 166px; } #galery-zoom { height: 550px; border: solid #099939 8px; border-radius: 10px; } #sliderProm { height: 164px; width: 700px; position: relative; } #promo-int { height: 300px; width: 510px; float: left; background-color:#ffffff;} #sideB #contacto { float: right; width: 190px; height: 300px; background-color: #9A741C; color: #FFF; line-height: 15px; font-size: 14px; } #social { float: left; padding-top: 2px; } .arrwSliderHm { background: url(imgs/arrw-slider-promo.png) no-repeat top right; height: 58px; width: 24px; right: 8px; top: 55px; position: absolute; } .arrwSlidertip { background: url(imgs/arrw-slider-testim-tips.png) no-repeat top right; height: 58px; width: 24px; right: 0px; top: 120px; position: absolute; } .arrwSlider { background: url(imgs/arrw-slider-testim-tips.png) no-repeat top right; height: 58px; width: 24px; right: 4px; top: 140px; position: absolute; } .espacio { clear: both; } /*----------------- FORMULARIO -------------------*/ form { margin-top: 6px; text-align: left; color: #000; } label { width: 150px; font-size: 13px; font-weight: normal; color: #FFF; } input { width: 185px; margin-bottom: 4px; color: #333; font-size: 12px; border: solid #fff 1px; } textarea { width: 185px; height: 55px; font: normal 10px Arial; color: #333; font-size: 12px; border: solid #fff 1px; } #submit { margin-top: 5px; width: 70px; background-color: #C89621; color: #FFFFFF; font-weight: normal; cursor: pointer; border: 0; float: right; padding: 2px; font-size: 14px; margin-right: 3px; border-radius: 8px; } #box-info #formbolsa { float: right; height: 430px; width: 300px; margin-left: 30px; margin-bottom: 30px; margin-top: 30px; background-color: #FAFAFA; padding: 20px; } /*-------- FORMULARIO BOLSA TRABAJO --------*/ #FormBolsaTrabajo { float:right; margin:0; padding:0; width:300px; z-index:10; color: #123D74; font-size: 18px; } #FormBolsaTrabajo label { float:left; font-weight:bold; margin:0 10px; padding:0px; color: #123D88; font-size: 16px; } #FormBolsaTrabajo input { border:1px solid #123D74; border-radius:4px; height:20px; margin:0 0 2px 10px; padding:2px; text-size:10px; width:280px; } #FormBolsaTrabajo textarea { border:1px solid #123D74; border-radius:4px; height:50px; margin:0 10px; width:280px; } #FormBolsaTrabajo img { border:0; border-radius:5px; margin:20px auto; width:150px; } #FormBolsaTrabajo label.error { background:url('../../images/Web/icoCheck.png') no-repeat left; float:left; height:12px; width:12px; } #FormBolsaTrabajo input.error { box-shadow: 0 -5px 5px #FFC0CB inset; } #FormBolsaTrabajo textarea.error { box-shadow: 0 -5px 5px #FFC0CB inset; } #FormBolsaTrabajo label.checked { background:url('../../images/Web/icoCheck.png') no-repeat right; float:left; height:12px; width:12px; } .frmbutton { background:#123D74; color:#FFF; font-weight:bold; height:24px; width: 280px; } .frmbutton:hover { background:#123D74; color:#FFF; cursor:pointer; } .o-form { color:white; height:290px; margin:0; padding:0; width:160px;} .o-form .bodyText { color:white; font-weight:bold; margin:0; text-align:center; } .o-form .bodyText p { margin:2px 0 0 0; padding:0 4px; } .o-form .submit { background:#663300; color:white; float:right; font-weight:bold; height:20px; margin:4px 10px 0 0; width:70px; } .o-form .submit:hover { background:white; color:black; cursor:pointer; } .ar1-form-wrapper { margin-top:5px; } .ar1-form-wrapper br { float:left; margin:0; padding:0; } .ar1-form-wrapper label { color:white; float:left; font-size:10px; font-weight:bold; margin:0 8px ; padding:0px; } .ar1-element { color:white; float:left; font-weight:bold; margin:0 8px ; padding:0px; } .ar1-form-wrapper input { border:0; border-radius:5px; float:left; height:18px; margin:1px 8px; padding:0px; text-size:10px; width:140px; } .ar1-form-wrapper textarea { border:0; border-radius:5px; height:50px; margin:0 10px; width:140px; } .ar1-form-wrapper img { border:0; border-radius:5px; margin:20px auto; width:150px; } .ar1-form-wrapper label.error { background:url('../../images/Web/icoCheck.png') no-repeat left; float:left; height:12px; width:12px; } .ar1-form-wrapper input.error { box-shadow: 0 -5px 5px #FFC0CB inset; } .ar1-form-wrapper textarea.error { box-shadow: 0 -5px 5px #FFC0CB inset; } .ar1-form-wrapper label.checked { background:url('../../images/Web/icoCheck.png') no-repeat right; float:left; height:12px; width:12px; } #MenuCorinet { display:none !important; } #MenuCorinet:hover > .subMenuCorinet { display:block; position:absolute; top: 200px; z-index: 2;} #MenuCorinet .subMenuCorinet { display:none; margin:0; padding:0; } #MenuCorinet .subMenuCorinet a { display:block; float:left; width:100%; text-decoration: none; color: #000;} #MenuCorinet .subMenuCorinet li { background:white; height:25px; list-style-type:none; text-align:center; width:120px; z-index:200; } #MenuCorinet .subMenuCorinet li span { float:left; margin-top:5px; width:100%; } #MenuCorinet .subMenuCorinet li:hover { background:#28B55E; cursor:default; } #MenuCorinet .subMenuCorinet li:hover > ul { display:block; } #MenuCorinet .subMenuCorinet ul { display:none; right:120px; margin:0; padding:0; position:absolute; top:20px; width:120px; }