@import url('content.css'); @import url('list_news.css'); /*//////////////////////////*/ html, body { padding: 0; margin: 0; } body { background-color: #fff; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22px; color: #333; position: relative; -webkit-text-size-adjust: none; overflow-x: hidden; } body * { text-shadow: none; } /*FONT FACE*/ @font-face { font-family: 'WebSymbolsRegular'; src: url('../fonts/websymbols-regular-webfont.eot'); src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); } /*RIGHT LEFT*/ .right { float: right !important; } .left { float: left; } @media only screen and (max-width: 760px) { img.right { margin:auto; float:none; display:block; } } /*COLS*/ .col_25{ width:25%; float: left;} .col_35{ width:35%; float: left;} .col_40{ width:40%; float: left; margin-left:-20px; padding-right:10%;} .col_48{ width:48%; float: left;} .col_50{ width:50%; float: left;} .col_60{ width:60%; float: left;} .col_65{ width:65%; float: left;} .col_75{ width:75%; float: left;} @media only screen and (max-width: 760px) { .col_25{ width:100%; float: left; margin-bottom:20px;} .col_35{width:100%; float: left; margin-bottom:20px;} .col_40{ width:95%; float: left; margin-bottom:20px; padding-right:0px;} .col_48{ width:100%; float: left; margin-bottom:20px;} .col_50{ width:100%; float: left; margin-bottom:20px;} .col_60{ width:100%; float: left; margin-bottom:20px;} .col_65{ width:100%; float: left; margin-bottom:20px;} .col_75{ width:100%; float: left; margin-bottom:20px;} } /* TITLE DATA*/ .title { float: left; width: 100%; margin-bottom: 20px; } .data { float: left; width: 100%; margin-bottom: 20px; color: #333333; } .data_padding { float: left; width: 94%; margin-bottom: 20px; color: #333333; padding: 0% 3%; } .title span { float: left; width: 50%; display: block; font-size: 40px; font-weight: 100; letter-spacing: -1px; line-height: 40px; } .title .sub_description { display: block; font-size: 15px; color: #666; margin-top: 0px; width: 100%; line-height: 20px; letter-spacing: 0px; } .center_title{ text-align: center; color: #fff; padding-bottom: 25px; background-image: url(../img/line_title.png); background-repeat: no-repeat; background-position: center bottom; } @media only screen and (max-width: 760px) { .title span { float: left; width: auto; margin-bottom:15px; } } .title h2{ margin-top:-25px;} .title_logo_solution{ margin-top:0px; float:left; width:50%;} .title_videos{ float: left; padding-left: 2%; width: 98%; padding-top: 1.5%; } .title_videos h1 em{ color:#59ACFF; text-decoration: none; font-style: normal; } .top_logo_solution{ max-width:452px; width:100%; min-width:260px;} .margin_top{ margin-top:40px;} .margin_bottom{ margin-bottom: 40px; padding-top: 25px; } /*HEADER*/ #header, .header { float: left; width: 100%; background-color: #fff; border-bottom: none; height: 70px; position: fixed; z-index: 999; -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2); } .menu_left { background-image: url(../img/menu.png); display: block; width: 40px; height: 40px; position: absolute; top: 15px; left: 180px; background-color: transparent; background-repeat: no-repeat; background-position: center center; } #header a.right, .header a.right { left: auto; right: 10px; } #content { width: 100%; float: left; padding-top: 70px; } /*TOP*/ .logo { float: left; width: 100%; background-image: url(../img/logo.png); height: 70px; } .logo a { display: block; text-indent: -300px; overflow: hidden; width: 100%; height: 70px; } .top_box1 { float: left; width: 170px; height: 70px; background-image: url(../img/logo_argentis.png); background-repeat: no-repeat; background-position: center center; } .top_box2 { float: right; width: auto; } .top_box3 { float: right; width: 100px; height: 70px; background-color: #FFFFFF; background-image: url(../img/SAP_logo.png); background-position: center center; background-repeat: no-repeat; text-indent: -500px; overflow: hidden; border-left-width: 1px; border-left-style: solid; border-left-color: #D6D6D6; padding-right: 15px; padding-left: 15px; } @media only screen and (max-width: 760px) { .top_box2 { width: 100%; } .top_box3 { display:none;} .menu_left { right:20px; right: 20px; left: inherit;} } /*MAIN SLIDE*/ .slide_main{} .video_home{width: 100%; height: 500px; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);} @media only screen and (max-width: 1300px) {.video_home{height: 462px;}} @media only screen and (max-width: 1200px) {.video_home{height: 426px;}} @media only screen and (max-width: 1100px) {.video_home{height: 400px;}} @media only screen and (max-width: 900px) {.video_home{height: 326px;}} @media only screen and (max-width: 800px) {.video_home{height: 290px;}} @media only screen and (max-width: 600px) {.video_home{height: 185px;}} @media only screen and (max-width: 400px) {.video_home{height: 180px;}} /*BOTON BROCHURE*/ .brochure { float: left; width: 80px; padding-left: 120px; height: 40px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; color: rgba(102,102,102,1); text-decoration: none; background-image: url(../img/top_img_brochure.png); background-repeat: no-repeat; background-position: left top; background-color: rgba(255,255,255,1); border-left-width: 1px; border-left-style: solid; border-left-color: rgba(214,214,214,1); text-shadow: 0 1px 0 #fff; font-size: 12px; text-transform: uppercase; } .brochure strong { font-style: normal; font-weight: normal; letter-spacing: -1px; } .brochure span { display: block; padding: 0px; color: rgba(153,153,153,1); line-height: 16px; margin-top: -5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; } .brochure:hover { background-color: #59ACFF; color: #fff; text-shadow: none; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .brochure:hover span { color: #fff; } @media only screen and (max-width: 760px) { .brochure { float: left; width: 120px; padding-left: 18px; height: 40px; padding-right: 10px; padding-top: 15px; padding-bottom: 5px; color: rgba(102,102,102,1); text-decoration: none; background-color: rgba(255,255,255,1); border-left-width: 1px; border-left-style: solid; border-left-color: rgba(214,214,214,1); text-shadow: 0 1px 0 #fff; font-size: 12px; background-image: none; display: none; } } .links_top{ float: left; width: 90px; padding-left: 35px; height: 40px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; font-style: normal; font-weight: normal; letter-spacing: -1px; border-left: solid 1px #ccc; font-size: 12px; text-transform: uppercase; color: rgba(102,102,102,1); -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out;} .links_top span{ display: block; line-height: 16px; margin-top: -5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; color: rgba(153,153,153,1); text-transform: capitalize; } .links_top:hover { background-color: #59ACFF; color: #fff; } .links_top:hover span { color: #fff; } .back_ico_top_1{ background-image: url(../img/ico_08.png); background-repeat: no-repeat; background-position: 10px 20px; } .back_ico_top_2{background-image: url(../img/ico_09.png); background-repeat: no-repeat; background-position: 10px 20px;} .back_ico_top_1:hover{ background-image: url(../img/ico_08-b.png); background-repeat: no-repeat; background-position: 10px 20px; } .back_ico_top_2:hover{background-image: url(../img/ico_09-b.png); background-repeat: no-repeat; background-position: 10px 20px;} @media only screen and (max-width: 760px) { .links_top{ display:none} } /*DIV CONTENEDORES*/ .separator { float: left; width: 100%; margin-bottom: 1px; } .content { width: 100%; margin: auto; max-width: 1100px; padding-top: 50px; padding-bottom: 50px; } .content_2{ width: 100%; margin: auto; max-width: 1100px; padding-top: 50px; padding-bottom: 0px; } .content_full { width: 100%; margin: auto; } @media only screen and (max-width: 1000px) { .content { width: 94%; padding:3%; max-width: none; } .content_2 { width: 94%; padding:3%; max-width: none; } } @media only screen and (max-width: 760px) { .content { width: 94%; padding:3%; max-width: none; } .content_2 { width: 94%; padding:3%; max-width: none; } } /*COLUMNAS INTERNAS DE ICONOS*/ .content_col1{ float: left; min-width: 280px; width: 20%; background-color: #F5F5F5; padding-top: 40px; padding-bottom: 40px; min-height: 600px; } .content_col2{ width: 80%; float: left; position:relative; } .content_col1:before { content: ''; width: 20%; display: block; position: fixed; top:0px; left:0px; background-color: #F5F5F5;height: 100%; z-index:-1; min-width: 280px; } @media only screen and (max-width: 960px) { .content_col1:before { display:none} } .content_col1_sub1{ float: left; width: 20%; min-width: 90px; max-width: 90px; position:relative; z-index:99; } .content_col1_sub2{ float:left; width:66%; min-width:150px; background:#fff; margin-left:2%;position:relative; z-index:98;} .content_col1_sub3{ float: left; width: 62%; padding: 2% 4%; padding-top: 50px; } .content_col1_sub4{ float: right; width: 30%; background: #f4f4f4; min-height: 680px; position:absolute; height:100%; right:0px; } .content_col1_sub5{ float: left; width: 94%; background-color: #FFFFFF; padding-top: 50px; padding-right: 3%; padding-bottom: 2%; padding-left: 3%; } .content_col1_sub6{ float: left; width: 100%; padding: 0%; background-color: #fff; padding-top: 0px; } @media only screen and (max-width: 1490px) { .content_col2{ width:77.8%; float:right; margin-right:2%;} .content_col1_sub2{ width:65%;} .content_col1_sub3{ width:98%; padding:2%; padding-top:50px; } .content_col1_sub4{ display:none;} } @media only screen and (max-width: 1400px) { .content_col2{ width:76.5%; float:right; margin-right:2%;} } @media only screen and (max-width: 1350px) { .content_col2{ width:75.5%; float:right; margin-right:2%;} } @media only screen and (max-width: 1280px) { .content_col2{ width:72%; float:right; margin-right:2%; } } @media only screen and (max-width: 1100px) { .content_col2{ width:66%; float:right; margin-right:3%; } } @media only screen and (max-width: 980px) { .content_col2{ width:96%; padding:2%; margin:0%; float:left; } .content_col1{ width:100%; padding:0%; margin:0%; float:left; min-height: 100%; } .content_col1_sub1{ display:none; } .content_col1_sub2{ width:100%; padding:0%; margin:0%; float:left; } .content_col1_sub3{ width:100%; padding:0%; padding-top:40px;} } @media only screen and (max-width: 980px) { .content_col1_sub5{ padding-top: 20px; } } /*FOOTER BOXES*/ .footer { width: 96%; font-size: 12px; padding-top: 10px; margin-right: auto; margin-left: auto; padding-right: 2%; padding-bottom: 10px; padding-left: 2%; } .footer_box_large { float: left; width: 100%; padding-bottom: 10px; line-height: 30px; } .footer_box_large2 { float: left; width: 100%; padding-bottom: 10px; line-height: 30px; margin-top: 10px; padding-top: 10px; font-size: 11px; } .footer_col1 { float: right; } .footer_col2 { float: left; width: auto; height: 40px; line-height: 40px; } .footer_box { vertical-align: top; width: 20%; float: left; margin-right: 20px; } .footer_box:last-child { margin: 0px; } .footer_text { display: block; float: left; line-height: 40px; padding-right: 20px; } .back_footer{ background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; position: relative; z-index: 99; } .footer .title { float: left; width: 100%; margin-bottom: 20px; font-weight: 600; } .logo_footer_img{ display:block; width:100%; margin-bottom:15px; padding-top:15px; } .logo_footer{ border-top-width: 4px; border-top-style: solid; border-top-color: #1C7AD0; width: 30%; font-size: 11px; margin-right: 4%; } .phone_footer{ line-height: 12px; } .phone_footer em { color: #0080ff; font-style:normal; margin-bottom:10px; text-decoration: none; display:block; font-size:18px; } .phone_footer span { display:block; line-height:15px; width:100%; } @media screen\0 { .phone_footer em { margin-bottom:10px !important; } } @media only screen and (max-width: 760px) { .footer { width: 94%; padding:3%; } .footer_box { width: 100%; margin-bottom: 10px; } .footer_box_large { width: 100%; } .footer_box_large2 { width: 100%; } .footer_col1 { width: 100%; } .footer_col2 { width: 100%; height:auto; } .footer_text { width: 100%; } } /*COLUMNAS*/ .col_1 { float: left; width: 60%; background: #ccc; } .col_2 { float: right; width: 35%; background: #ccc; } .col_3 { float: left; width: 48%; } .col_4 { float: right; width: 48%; } @media only screen and (max-width: 760px) { .col_1 { width: 100%; } .col_2 { width: 100%; } .col_3 { width: 100%; margin-bottom:20px; } .col_4 { width: 100%; margin-bottom:20px; } } /*SAP MENU LISTADOS*/ .menu_list { width: 90%; padding: 0% 5%; } li.menu_head { cursor: pointer; position: relative; margin: 1px; list-style-type: none; width: 90%; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; background-image: url(../img/ico_04.gif); background-repeat: no-repeat; background-position: 15px 15px; } li.menu_head a { text-decoration: none; color: #333; } .menu_body { background-image: none; background-color: #FFF; padding-top: 0px; padding-bottom: 20px; color: #06F; display: none; } .menu_body p { display: block; text-decoration: none; margin: 0px; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px; } .menu_body a:hover { color: #000000; text-decoration: underline; } .sap_subtitle { float: left; width: 500px; text-decoration: none; font-size: 18px; padding-top: 20px; padding-left: 10px; letter-spacing: -1px; color: #3A73E9; padding-bottom: 15px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #3A73E9; font-family: 'OpenSansSemibold', Arial, Tahoma, Helvetica; letter-spacing: -1px; } .sap_contact_module { float: right; width: 250px; border: 1px solid #EBEBEB; color: #999; } .info_small { font-size: 10px; color: #666; margin-top: 25px; margin-bottom: 50px; } /*SAP MENU LISTADOS NOTAS VIDEOS*/ .menu_list_notas { width: 100%; padding: 0%; font-size:12px; } li.menu_head_notas { cursor: pointer; position: relative; margin: 1px; list-style-type: none; width: 90%; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; background-image: url(../img/ico_04.gif); background-repeat: no-repeat; background-position: 15px 15px; font-size:13px; letter-spacing:-1px; } li.menu_head_notas strong { font-weight:300; color:#000; } .menu_body_notas { background-image: none; background-color: #FFF; padding-top: 0px; padding-bottom: 20px; color: #999; display: none; padding-left:40px; padding-right:20px; padding-top:20px; } li.menu_head_notas a{ text-decoration:none;} li.menu_head_notas:hover{ text-decoration:none; background-color:#f2f2f2;} .menu_body_notas p { display: block; text-decoration: none; margin: 0px; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px; } .menu_body_notas a:hover { color: #000000; text-decoration: underline; } .delete_notes{ background-image: url(../img/ico_05.png); background-repeat: no-repeat; background-position: center center; height: 22px; width: 22px; position: absolute; top:10px; right: 15px; text-indent: -500px; overflow: hidden; } /*LISTADOS INTENOS DESPLEGABLE*/ .ruled-list { width: 80%; margin-left: 50px; color: #666; font-size: 12px; } .ruled-list ul, li { list-style-type: none; } .ruled-list ul { margin: 0; padding: 0; } .ruled-list li { border-bottom: 1px solid #ACCFE8; line-height: 28px; } /*NOTICIAS DE LA HOME*/ .box_news { width: 22%; vertical-align: top; display: inline-block; zoom: 1; } .testimonials { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .testimonials:after { content: ''; width: 100%; display: inline-block; font-size: 0; line-height: 0; } .box_news a { display: block; } .box_news_1 { float: left; width: 100%; margin-bottom: 15px; padding: 0px; } .box_news_1 img { display: block; width: 100%; color: transparent; border: none; } .box_news_2 { float: left; width: 100%; font-size: 13px; line-height: 17px; } .box_news_subtitle { display: block; text-align: right; line-height: 30px; } .title_news { float: left; width: 100%; font-size: 22px; letter-spacing: -1px; margin-bottom: 10px; color: #333; line-height: 30px; } .title_news em { display: block; margin: 0px; padding: 0px; font-size: 12px; font-style: normal; color: rgba(102,102,102,1); } @media only screen and (max-width: 760px) { .box_news { width: 100%; margin-bottom: 10px; } } .box_news_big { width: 49.8%; vertical-align: top; display:inline-block; zoom: 1; margin-bottom:20px; } .box_news_big_thrid {width: 33.3%; display:block; margin-bottom:20px; float:left; } .box_news_big a { display: block; } .box_news_big_1 { float: left; width: 100%; margin-bottom: 15px; padding: 0px; } .box_news_big_1 img { display: block; width: 100%; color: transparent; border: none; } .box_news_big_2 { float: left; width: 94%; font-size: 14px; line-height: 17px; text-align: left; padding-top: 0%; padding-right: 3%; padding-bottom: 3%; padding-left: 3%; } @media only screen and (max-width: 1300px) { .box_news_big { width: 47%; vertical-align: top; display:inline-block; zoom: 1; } } @media only screen and (max-width: 1100px) { .box_news_big { width: 47.8%; vertical-align: top; display:inline-block; zoom: 1; } .box_news_big_thrid {width: 100%; } } @media only screen and (max-width: 760px) { .box_news_big { width: 99.8%; vertical-align: top; display:inline-block; zoom: 1; } } .news_blok_1{ width: 90%; position: relative; float: left; height: 440px; background-color: #ccc; background-repeat: no-repeat; background-position: left top; background-size: cover; padding-right: 5%; padding-left: 5%; color: #FFF; text-decoration: none; } .news_blok_1 a{ display:block; text-decoration:none; color:#fff; } .news_blok_small a{ display:block; text-decoration:none; color:#fff; } .news_blok_1::after{ content:""; position: absolute; top: 0px; left: 0px; height: 440px; width: 100%; background-color:rgba(0,0,0,0.3); z-index:1;} .news_blok_1:hover::after{background-color:rgba(0,0,0,0.5); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .news_blok_2{width:100%; float:left; height:220px;} .news_blok_3{ width: 90%; float: left; height: 220px; color: #FFF; text-decoration: none; padding-right: 5%; padding-left: 5%; background-color: #666666; } .news_follow_1{ margin-top: 50px; font-size: 40px; font-weight: 100; letter-spacing: -1px; padding-bottom: 12px; } .news_follow_1 em{ font-size: 15px; font-style: normal; } .news_follow_2{ font-size: 12px; line-height: 14px; width: 50%; float: left; } .news_follow_3{ float: right; } .news_blok_big_01{ margin-top: 20px; font-size: 16px; position: relative; z-index: 3; line-height: 15px; letter-spacing: -1px; } .news_blok_big_01 span{ display: block; font-size: 12px; position:relative; z-index:4; } .news_blok_big_02{ margin-top: 205px; font-size: 28px; position: relative; z-index: 5; font-weight: 100; letter-spacing: -1px; } .news_blok_big_03{ padding-top: 15px; position:relative; z-index:6; } .news_blok_big_01::after{ content:""; position:absolute; bottom:-15px; width:100px; height:3px; background-color:#FFF; left:0px;} .news_blok_small{ float:left; position:relative; width:40%; padding:0% 5%; height:220px; background-repeat: no-repeat; background-position: left top; background-size: cover; color:#fff; -webkit-transition: all 1s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .news_blok_small::after{ content:""; position: absolute; top: 0px; left: 0px; height: 220px; width: 100%; background-color:rgba(0,0,0,0); z-index:1;} .news_blok_small:hover::after{background-color:rgba(0,0,0,0.5); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .news_blok_small .news_blok_big_01{ margin-top: 20px; font-size: 16px; position: relative; z-index: 3; letter-spacing: -1px; } .news_blok_small .news_blok_big_03{ padding-top: 55px; position:relative; z-index:6; display:none; } .news_blok_small:hover .news_blok_big_03{ display: block; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } /**/ .list_benefits{ counter-reset: li; width:100%;} .list_benefits ul { padding:0px; margin:0px; padding-left:20px;} .list_benefits li { list-style-type: none; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; position: relative; } .list_benefits li em { display: block; font-style:normal; color:#999;} .list_benefits li:before { content: counter(li); counter-increment: li; color: #fff; height: 30px; text-align: center; width: 30px; position: absolute; left: -20px; top: 10px; background-color: #FFFFFF; font-family: sans-serif; font-size: 0px; line-height: 30px; font-weight: bold; background-image: url(../img/ico_01.png); background-repeat: no-repeat; background-position: left center; list-style-type: none; } /*BOTON AMPLIAR*/ .but_ampliar { display: block; background-color: rgba(255,255,255,1); border: 1px solid rgba(214,214,214,1); font-size: 12px; color: rgba(102,102,102,1); text-decoration: none; padding-top: 8px; padding-right: 14px; padding-bottom: 8px; padding-left: 14px; text-transform: uppercase; letter-spacing: -1px; } .but_ampliar:hover { color: rgba(255,255,255,1); text-decoration: none; background-color: rgba(89,172,255,1); -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .but_next{display: block; background-color: rgba(255,255,255,1); margin-right:0px; height:36px; width:33px; position:relative; text-indent:-500px; overflow:hidden; background:#fff;} .but_prev{display: block; background-color: rgba(255,255,255,1); margin-right:2px; height:36px; width:33px; position:relative; text-indent:-500px; overflow:hidden; background:#fff; } .but_next::after{ font-family: WebSymbolsRegular; content: ")"; position: absolute; top: 0px; left: 0px; height: 36px; width: 30px; color: #59ACFF; font-size: 30px; text-indent: 0px; line-height:35px; } .but_prev::after{ font-family: WebSymbolsRegular; content: "("; position: absolute; top: 0px; left: 0px; height: 36px; width: 30px; color: #59ACFF; font-size: 30px; text-indent: 0px; line-height:35px;} .but_next:hover::after,.but_prev:hover::after{ opacity:0.5; -webkit-transition: background 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .view_pdf{ font-family: cbp-tmicons; src: url('../fonts/tmicons/cbp-tmicons.eot'); src: url('../fonts/tmicons/cbp-tmicons.eot?#iefix') format('embedded-opentype'), url('../fonts/tmicons/cbp-tmicons.woff') format('woff'), url('../fonts/tmicons/cbp-tmicons.ttf') format('truetype'), url('../fonts/tmicons/cbp-tmicons.svg#cbp-tmicons') format('svg'); font-weight: normal; font-style: normal; line-height: 40px; color: #008aff; text-decoration: none; background-color: #FFF; ; border: 1px solid #D6D6D6; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; float:left; margin-right:1px; margin-bottom:1px; } .view_pdf span{ font-family:'Open Sans', Arial; font-size:14px; padding-left:15px; } .view_pdf:hover{ background-color:#59ACFF; color:#fff; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .view_url{font-style: normal; font-size:14px; line-height: 40px; color: #008aff; text-decoration: none; background-color: #FFF; ; border: 1px solid #D6D6D6; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; float:left; margin-right:1px; margin-bottom:1px; } .but_videos{ background-image: url(../img/ico_03.png); background-repeat: no-repeat; background-position: left center; display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 40px; text-decoration: none; padding-right: 15px; } .but_videos:hover{ color:#F00; text-decoration:none;} .but_start_tour { -webkit-border-radius: 3px; border-radius: 3px; display: block; border: 2px solid #59ACFF; font-size: 17px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; float: left; background-color: #fff; color: #59ACFF; text-decoration: none; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; letter-spacing: -1px; } .but_start_tour:hover{ color: #fff; text-decoration: none; background-color: #59ACFF; } .but_start_tour span{ margin-right:10px; } .but_start_tour span.icon_1{ color: #59ACFF; } .but_start_tour:hover span.icon_1{ color: #fff; } @media only screen and (max-width: 760px) { .but_start_tour{ padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-size: 15px;} } .but_more{ display: block; height: 30px; width: 30px; float: left; font-family: WebSymbolsRegular; font-size: 30px; line-height: 30px; padding: 5px; text-decoration: none; color:#CCC; } .icon_more{ margin-top:15px; float:left; clear:both;} .but_ver_news{ font-weight: 400; font-style: normal; line-height: 40px; color: #FFFFFF; text-decoration: none; ; border: 3px solid #FFFFFF; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; float: left; margin-right: 1px; margin-bottom: 1px; } .but_ver_news:hover{ background-color:#008aff; color:#fff; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } /*ICONOS SOCIALES*/ .social_icon { font: 11px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 3px; color:#FFF; } .social_icon_f { font: 11px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 3px; -webkit-border-radius: 2px; border-radius: 2px; } .social_icon2 { color: #fff; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 3px;color:#FFF; font-family: 'WebSymbolsRegular', sans-serif; font-size: 22px; } .social_back1 { background: #00468C; } .social_back2 { background: #67ADD0; } .social_back3 { background: #FE0000; } .social_back4 { background: #00669A; } .social_back5 { background: #F90; } .social_icon:hover { background: #fff; color: #999; } /* ////////// MENUS //////// */ /*MENU LIST */ .menuv { } .menuv ul, li { list-style-type: none; } .menuv ul { margin: 0; padding: 0; } .menuv li { } .menuv a { text-decoration: none; color: #666; display: block; font-size: 14px; line-height: 56px; text-indent: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .menuv a:hover { text-decoration: underline; color: #59ACFF; text-decoration:none; } .menuv a.toggleMenu{ width: 100%; background-color: #FFFFFF; color: #838383; text-decoration: none; text-indent: 40px; border-bottom: solid 1px #ccc;} .menuv li.active { text-decoration: underline; background-color: #fff; color: #FFF; text-decoration: none; } .menuv a.toggleMenu::after{display:block; content:"{"; top:12px; left:12px; position:absolute; font-family: 'WebSymbolsRegular'; font-size: 25px; line-height: 30px; text-indent:0px; color:#999; } @media only screen and (max-width: 760px) { .menuv a { line-height: 36px; } .menuv a.toggleMenu::after{top:2px; } } .menuv a.share_1, .menuv a.share_2, .menuv a.share_3 { display: inline-block; width: 50%; text-indent:55px; overflow: hidden; line-height: 70px; margin-bottom: -6px; margin-right:-3px; font-size:11px;} .menuv a.share_1:hover, .menuv a.share_2:hover, .menuv a.share_3:hover { -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; background-position: left bottom; } .menuv a.share_1{ background-image: url(../img/menu_share_top/ico_lat_share1.png); background-repeat: no-repeat; background-position: left top; } .menuv a.share_2{ background-image: url(../img/menu_share_top/ico_lat_share.gif); background-repeat: no-repeat; background-position: left top; } .menuv a.share_2:hover{ background-image: url(../img/menu_share_top/ico_lat_share2.png); background-repeat: no-repeat; background-position: left bottom; } .menuv a.share_3{ background-image: url(../img/menu_share_top/ico_lat_share3.png); background-repeat: no-repeat; background-position: center top; } @media only screen and (max-width: 760px) { .menuv a.share_1, .menuv a.share_2, .menuv a.share_3 {line-height: 30px; } .menuv a.share_1{ background-position: left -25px; } .menuv a.share_2{ background-position: left -25px; } .menuv a.share_2:hover{ background-position: left -22px; } } /*MENU LIST FOOTER*/ .footer_box .menuv { } .footer_box .menuv ul, li { list-style-type: none; } .nav{} .menuv ul { margin: 0; padding: 0; } .footer_box .menuv li { } .footer_box .menuv a { text-decoration: none; color: #666; display: block; line-height: 20px; text-indent: 0px; font-size: 12px; } .footer_box .menuv a:hover { text-decoration: underline; color: #59ACFF; text-decoration: none; } .footer_box .menuv a.toggleMenu{ width:90px; background-color: #59ACFF; color:#FFF; text-decoration:none;} .footer_box .menuv li.active { text-decoration: underline; background-color: #f2f2f2; color:#FFF; text-decoration:none; } /**/ /*MENU LIST FOOTER*/ .menuv_listas { } .menuv_listas ul, li { list-style-type: none; } .menuv_listas ul { margin: 0; padding: 0; } .menuv_listas li { font-size:11px; line-height:17px; padding-right:15px; } .menuv_listas li strong{ padding-bottom:10px; font-size:14px; display:block;} /*MENU LIST FOOTER*/ .menuh { } .menuh ul, li { list-style-type: none; } .menuh ul { margin: 0; padding: 0; } .menuh li {float: left; } .menuh a { text-decoration: none; color: #666; display: block; font-size: 12px; line-height: 40px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; } .menuh a:hover { color: #59ACFF; text-decoration: none; } @media only screen and (max-width: 760px) { .menuh a { text-decoration: none; color: #666; display: block; font-size: 12px; line-height: 20px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } } /*MENU HORIZONTAL*/ #menuh { float: left; width: 100%; background-color: #F7F7F7; border: 1px solid #D6D6D6; } #menuh ul, li { list-style-type: none; } #menuh ul { margin: 0; padding: 0; } #menuh li { float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; } #menuh a { text-decoration: none; color: #000; display: block; text-align: left; text-transform: capitalize; line-height: 50px; background-image: url(../img/arrow1.png); background-repeat: no-repeat; background-position: right center; margin-bottom: 1px; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; font-size: 14px; } #menuh a#primero { border-left: 1px solid #ACCFE8; } #menuh a:hover { text-decoration: none; color: #FFF; background-color: #4BBCD9; background-image: url(../img/arrow2.png); } #menuh li:last-child { border: none; } /*MENU CENTRADO*/ #menuc { } #menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; } #menuc li { display: inline; padding: 5px; margin: 1px; } #menuc a { } #menuc a:hover { background: #DBEBF6; } /*MENU IDOMAS*/ .idiomas { float: right; font-size: 12px; } .idiomas ul { list-style-type: none; text-align: left; margin: 0px; padding: 0; } .idiomas li { display: inline; margin: 0; } .idiomas li a { text-decoration: none; color: #666; display: block; float: left; width: 85px; background-color: #FFF; background-image: url(../img/ico_1.png); background-repeat: no-repeat; background-position: 10px center; text-align: right; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-top-color: #D6D6D6; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; border-left-color: #D6D6D6; line-height: 70px; margin: 0px; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; } .idiomas li a:hover { text-decoration: none; color: rgba(255,255,255,1); background-color: #59ACFF; background-image: url(../img/ico_2.png); -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out;} .idiomas li.selected { } .idiomas li.selected a { border-bottom-color: white; background-color: #79AEFF; color: #fff; text-decoration: none; background-image: url(../img/ico_2.png);} .idiomas li.selected a:hover { text-decoration: none; } @media only screen and (max-width: 760px) { .idiomas { display:none; } } /* Drop Down Menu */ .dropmenudiv_idiomas { position: absolute; top: 0; z-index: 999; background-color: #59ACFF; width: 102px; visibility: hidden; font-style: normal; } .dropmenudiv_idiomas a { font-size: 12px; width: auto; display: block; /*THEME CHANGE HERE*/ border-bottom-width: 1px; text-decoration: none; color: #fff; border-top-width: 0; border-right-width: 0; border-left-width: 0; border-bottom-style: solid; border-bottom-color: #93C9FF; line-height: 30px; text-align: right; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 0px; } * html .dropmenudiv_idiomas a { /*IE only hack*/ width: 100%; } .dropmenudiv_idiomas a:hover { /*THEME CHANGE HERE*/ background-color: #75BAFF; text-decoration: none; color: rgba(255,255,255,1); -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } /**/ .contact-area { padding: 4%; width: 92%; border: 1px solid rgba(214,214,214,1); background-color: rgba(255,255,255,1); } .contact-area * { margin: 0; padding: 0; } .contact-area input, .contact-area textarea { padding: 1%; width: 98%; font-size: 12px; border: 1px solid #ccc; color: #000; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; height: 30px; font-family: Arial, Helvetica, sans-serif; } .contact-area textarea { height: 90px; } .contact-area textarea:focus, #contact-area input:focus { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .contact-area input.submit-button { width: 100px; float: left; color: rgba(255,255,255,1); text-decoration: none; background-color: #59acff; line-height: 26px; height: 32px; text-transform: capitalize; font-size: 14px; cursor: pointer; } .contact-area label { float: left; text-align: left; width: 100%; padding-top: 5px; } /*ICONOS*/ .listado_icons { } .listado_icons ul { margin: 0px; padding: 0px; } .listado_icons ul li { float: left; list-style: none; display: inline-block; } .icon_1 { font-family: 'WebSymbolsRegular'; font-size: 20px; line-height: 30px; background: rgba(0,153,255,1); color: rgba(255,255,255,1); padding: 5px; margin: 1px; } .icon_2 { font-family: 'WebSymbolsRegular'; font-size: 24px; line-height: 32px; color: rgba(255,255,255,1); padding: 12px; margin: 1px; background-color: rgba(0,204,102,1); } .icon_3 { font-family: WebSymbolsRegular; font-size: 14px; line-height: 30px; color: rgba(0,153,255,1); padding: 5px; margin-right: 20px; margin-top: 15px; margin-bottom: 1px; margin-left: 1px; } .icon_1 a, .icon_2 a { text-decoration: none; color: rgba(255,255,255,1); cursor: pointer; } .transparent{ background-color:transparent;} /*LISTADO*/ .listado_data { margin: 0px; padding: 0px; margin-top: 20px; float: left; width: 100%; } .listado_data li { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; font-size: 12px; } .listado_data_big { margin: 0px; padding: 0px; margin-top: 20px; float: left; width: 100%; } .listado_data_big li { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; } /*NEWSLLETTER*/ .newslletter_main { float: left; width: 100%; } #newslletter { width: 100%; float: left; height: 36px; } #newslletter form { margin-top:2px !important; margin: 0px; padding: 0px; } #newslletter_campo { width: 75%; float: left; height: 30px; background-color: #FFF; } #newslletter_botom { width: 24%; float: left; height: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .newslletter_input { background-color: transparent; height: 20px; width: 99%; padding-top: 3px; padding-left: 3px; float: left; width: 99%; margin-top: 3px; margin-left: 6px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 11px; color: #999; } .newslletter_buttom { background-color: #1868B4; border: none; height: 30px; width: 99%; cursor: default; padding: 0px; float: left; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; color: #FFF; text-decoration: none; display: block; } /* HIGHTLIGH*/ .higtlight { color: #FFF; text-decoration: none; background-color: #59acff; text-align: center; padding: 20px; } .higtlight a { text-decoration: none; color: #FFF; } .higtlight h2 { color: #FFF; font-size: 26px; font-weight: 100; letter-spacing: -1px; margin: 0px; margin-bottom: 10px; padding: 0px; } .higtlight_icon { width: 60px; margin: auto; clear: both; margin-bottom: 20px; } .higtlight_icon .icon_1 { font-size: 36px; background: none; margin-top: 10px; } .higtlight_text{ font-size:18px; margin-bottom:25px; float:left;} .block_higth{ font-family: 'Open Sans', Arial, Tahoma, sans-serif; letter-spacing: -1px; font-size: 30px; display: block; line-height: 30px; margin-bottom: 25px; font-weight: 100; text-decoration: none; color: #0080ff; } .block_higth_small{ font-family: 'Open Sans', Arial, Tahoma, sans-serif; letter-spacing: -1px; font-size: 19px; display: block; line-height: 23px; font-weight: 100; text-decoration: none; color: #000; } .block_higth_login{ font-family: 'Open Sans', Arial, Tahoma, sans-serif; letter-spacing: -1px; font-size: 36px; display: block; line-height: 36px; font-weight: 100; text-decoration: none; color: #59ACFF; width: 40%; padding-left: 25px; } @media only screen and (max-width: 768px) { .block_higth_login{ width: 80%; padding-left: 15px; } } /*ICON TITLE*/ .title_with_icon { float: left; display: block; width: 80%; } .icon_title_right { font-family: WebSymbolsRegular; font-size: 40px; line-height: 60px; background: #59acff; color: #fff; padding: 5px; margin: 1px; float: right; height: 60px; width: 60px; text-align: center; display: inline-block; } /*POP*/ .pop { width: 800px; float: left; clear: both; padding: 30px; display:none; } /*ICONOS LATERAL*/ .iconos_lateral { display: block; width: 90px; margin: 0px; padding: 0px; overflow: hidden; position:relative; z-index:98; border-right:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6;} .iconos_lateral:hover { border-top: solid 1px #ccc; margin-top: 0px; width: 300px; display: block; overflow: hidden; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .iconos_lateral li { border-bottom: solid 1px #ccc; } .iconos_lateral li a { display: block; height: 70px; width: 300px; background-color: #fff; text-indent: -500px; overflow: hidden; line-height: 70px; font-size: 17px; font-weight: 100; color: #999; } .iconos_lateral:hover li a { display: block; height: 70px; width: 300px; background-color: #fff; text-indent: 100px; overflow: hidden; line-height: 70px; font-size: 17px; font-weight: 100; text-decoration: none; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; -webkit-transition: background 0.3ms ease-in-out; -moz-transition: background 0.3ms ease-in-out; -ms-transition: background 0.3ms ease-in-out; -o-transition: background 0.3ms ease-in-out; transition: background 0.3ms ease-in-out; } .iconos_lateral:hover li a:hover { background-color: #008AFF; color: #fff; background-position: bottom left; -webkit-transition: background 0.3ms ease-in-out; } .icono_1 { background-image: url(../img/iconos_laterales/01.png); background-repeat: no-repeat; background-position: left top; } .icono_2 { background-image: url(../img/iconos_laterales/02.png); background-repeat: no-repeat; background-position: left top; } .icono_3 { background-image: url(../img/iconos_laterales/03.png); background-repeat: no-repeat; background-position: left top; } .icono_4 { background-image: url(../img/iconos_laterales/04.png); background-repeat: no-repeat; background-position: left top; } .icono_5 { background-image: url(../img/iconos_laterales/05.png); background-repeat: no-repeat; background-position: left top; } .icono_6 { background-image: url(../img/iconos_laterales/06.png); background-repeat: no-repeat; background-position: left top; } .icono_10 { background-image: url(../img/iconos_laterales/08.png); background-repeat: no-repeat; background-position: left top; } .iconos_lateral:hover li:nth-child(5) a:hover { background-color: #008C23;} .iconos_lateral:hover li:nth-child(6) a:hover { background-color: #0066AA;} .iconos_lateral:hover li:nth-child(7) a:hover { background-color: #FF6600;} /*SECCION VIDEOS*/ .icono_7 { background-image: url(../img/iconos_laterales/ico_1.png); background-repeat: no-repeat; background-position: left top; } .icono_8 { background-image: url(../img/iconos_laterales/ico_2.png); background-repeat: no-repeat; background-position: left top; } .icono_9 { background-image: url(../img/iconos_laterales/06.png); background-repeat: no-repeat; background-position: left top; } .icono_arrow { background-image: url(../img/iconos_laterales/07.png); background-repeat: no-repeat; background-position: left top; } .iconos_lateral li a.active{ background-color: #008aff; background-position: left bottom; color: #fff; } .iconos_lateral li:nth-child(5) a.active{ background-color: #008C23; background-position: left bottom; color: #fff; } .iconos_lateral li:nth-child(6) a.active{ background-color: #0066AA; background-position: left bottom; color: #fff; } .iconos_lateral li:nth-child(7) a.active{ background-color: #FF6600; background-position: left bottom; color: #fff; } @media only screen and (max-width: 768px) { .iconos_lateral { display: block; width: 100%; margin: 0px; padding: 0px; overflow: hidden; position:relative; z-index:999;} .iconos_lateral li a { display: block; height: 70px; background-color: #fff; text-indent: 90px; overflow: hidden; line-height: 70px; font-size: 17px; font-weight: 100; color: #999; float: left; color: #666; text-decoration: none; margin-bottom: 0px; } .iconos_lateral li { border-bottom: none; } .iconos_lateral a { border-right: solid 1px #ccc; border-top: none; } .iconos_lateral:hover { width: 100%; border-top: none; border-right: none; -webkit-transition: background 0.3ms ease-in-out; margin-top: 0px; } .iconos_lateral:hover li a { display: block; height: 70px; background-color: #fff; text-indent: 90px; overflow: hidden; line-height: 70px; font-size: 17px; font-weight: 100; text-decoration: none; } .iconos_lateral a:hover { -moz-transition: background 0.3ms ease-in-out; -ms-transition: background 0.3ms ease-in-out; -o-transition: background 0.3ms ease-in-out; transition: background 0.3ms ease-in-out; } } /*////////////////////LISTAS///////////////////////*/ /*LISTA CON SUBINDICE*/ .lista_sub { float: left; width: 100%; margin-bottom: 30px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #59ACFF; padding-bottom: 10px; } .lista_sub ul, li { list-style-type: none; } .lista_sub ul { margin: 0; padding: 0; } .lista_sub li { float: left; width: 85%; background-image: url(../img/ico_01.png); background-repeat: no-repeat; background-position: right center; margin-bottom: 10px; padding-right: 15%; padding-bottom: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; font-size: 21px; font-weight: 100; color: #333333; text-decoration: none; letter-spacing: -1px; padding-top: 10px; margin-top: 0px; display: block; } .lista_sub li em{ display: block; font-size: 14px; font-style: normal; font-family: "Open Sans", Arial, Tahoma, sans-serif; color: #333; text-decoration: none; letter-spacing: 0px; } .lista_sub li:last-child{ border-bottom:none;} .lista_sub li a { color: #202020; text-decoration: none; display: block; width: 100%; } .lista_sub li a:hover { color: #0080ff; } /*LISTA SIN FLECHAS*/ .lista_sub_simple { float: left; width: 100%; margin-bottom: 30px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #59ACFF; padding-bottom: 10px; } .lista_sub_simple ul, li { list-style-type: none; } .lista_sub_simple ul { margin: 0; padding: 0; } .lista_sub_simple li { float: left; width: 95%; margin-bottom: 15px; padding-right: 5%; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; font-size:21px; font-weight: 100; color: #333; text-decoration: none; margin-top: 0px; letter-spacing:-1px; } .lista_sub_simple li em{ display: block; font-size: 14px; font-style: normal; color:#333; text-decoration: none; } .lista_sub_simple li:last-child{ border-bottom:none;} .lista_sub_simple li a { color: #59ACFF; text-decoration: none; display:block; width:100%; } /*LISTA BENEFITS*/ .lista_benefits_simple { float: left; width: 100%; margin-bottom: 30px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #59ACFF; padding-bottom: 10px; } .lista_benefits_simple ul, li { list-style-type: none; } .lista_benefits_simple ul { margin: 0; padding: 0; } .lista_benefits_simple li { float: left; width: 95%; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; font-size: 18px; text-decoration: none; margin-top: 0px; font-weight: 100; padding-top: 15px; letter-spacing: -1px; } .lista_benefits_simple li strong{ font-weight: 400; } .lista_benefits_simple li em{ display: block; font-size: 14px; font-style: normal; color: #666; text-decoration: none; } .lista_benefits_simple li:last-child{ border-bottom:none;} .lista_benefits_simple li a { color: #59ACFF; text-decoration: none; display:block; width:100%; } /*LISTA ENLACES DONWLOADS*/ .lista_sub_enlaces { float: left; width: 100%; margin-bottom: 30px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #59ACFF; padding-bottom: 20px; } .lista_sub_enlaces ul, li { list-style-type: none; } .lista_sub_enlaces ul { margin: 0; padding: 0; } .lista_sub_enlaces li { float: left; width: 85%; position:relative; } .lista_sub_enlaces span{ width: 100%; display:block; text-align:left; float: left;} .lista_sub_enlaces li:last-child{ border-bottom:none;} .lista_sub_enlaces li a { color: #333; text-decoration: none; display:block; width:100%; line-height:28px; padding-left:40px; } .lista_sub_enlaces li a:hover { color: #59ACFF; text-decoration: none; display:block; width:100%; } .lista_sub_enlaces li::after{ font-family: WebSymbolsRegular; content: ";"; position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; color: #fff; font-size: 14px; text-indent: 0px; line-height:28px;} .lista_sub_enlaces li:hover::after { font-family: WebSymbolsRegular; content: ";"; position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; color: #ccc; font-size: 14px; text-indent: 0px; line-height:28px;} /*LISTA FEATURES*/ .list_features { margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; border-left-width: 5px; border-left-style: solid; border-left-color: #D6D6D6; } /*LISTA PARTNERS*/ .lista_partners { float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; } .lista_partners ul, li { list-style-type: none; } .lista_partners ul { margin: 0; padding: 0; } .lista_partners li { float: left; width: 22%; margin-right:2%; margin-bottom:2%; font-size:11px; } .lista_partners li a img{ border:none;} .lista_partners li img{ width:100%;} @media only screen and (max-width: 768px) { .lista_partners li { float: left; width: 46%; margin:2%; } } /*LISTA PARTNERS DESCRIPTIONS*/ .lista_partners_description{ float: left; width: 100%; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #ccc;} .lista_partners_description_1{ float: left; width: 32%; } .lista_partners_description_2{ float: right; width: 64%; } .lista_partners_description_2 h3{ margin-top:0px;} @media only screen and (max-width: 768px) { .lista_partners_description_1 { float: left; width: 100%; margin-bottom:10px;} .lista_partners_description_2 { float: left; width: 100%;} } /*LISTA DE DONWLOADS*/ .box_info_down{ float: left; width: 100%; margin-bottom: 25px; padding-bottom: 5px; border-bottom: solid 1px #ccc; } .box_info_down h2{ font-family: 'Open Sans', Arial, Tahoma, sans-serif; letter-spacing: -1px; font-size: 25px; display: block; margin-bottom: 25px; font-weight: 100; color:#000; float:left; width:68%; padding-left:4%; position:relative;} .box_info_down h2::before { display:block; content:"F"; top:0px; left:0px; position:absolute; font-family: 'WebSymbolsRegular'; font-size: 16px; line-height: 30px; color:#59ACFF; } .box_info_down h2 span{ display:block; line-height:15px; font-size:14px; color:#999;} .box_info_down_1{ float: right; width: auto; margin-bottom:15px;} .box_info_down_2{ float: left; width: 100%; color:#666;} .box_info_down_3{ float: left; width: 60%; margin:0px;} .box_info_down_4{ float: left; width: 60%; margin:0px 20px;} .box_info_down_4 ul{ margin:20px 0px; padding:0px; } .box_info_down_4 ul li{ margin:0px; padding:0px; display:block; float:left; width:100%; } .box_info_down_4 ul li a{ line-height: 32px; text-decoration: none; display:block; } .box_info_down_4 ul li a .icon_1{ color: #59ACFF; text-decoration: none; background-color: transparent; } .box_info_down_4 ul li a:hover { color:#59ACFF; text-decoration:none;} .download_brochure{ background-color: #FFF; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 10px; border: 1px solid #D6D6D6; float: left; width: auto; text-decoration: none; text-align: center; -webkit-border-radius: 3px; border-radius: 3px;} .download_brochure:hover{ background:#59ACFF; color:#fff; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out;} .download_brochure .icon_1{ color: #59ACFF; text-decoration: none; background-color: transparent; margin-right:10px; } .download_brochure:hover .icon_1{ color:#fff;} @media only screen and (max-width: 768px) { .box_info_down h2{float:left; width:85%; padding-left:15%;} .box_info_down_1{ float:left; width:100%;} .box_info_down_3{ float: left; width:100%; margin-bottom:20px;} } /*LISTADO IFO*/ .listado_home{ float:left; width:100%; margin-top:30px; margin-bottom:30px;} .listado_box{float:left; width:31%; padding:1%; margin:0%; border-bottom:solid 3px #59ACFF; min-height:250px; } .listado_box_news{float:left; width:32%; padding:0%; margin:0.5%; border-bottom:solid 3px #59ACFF; min-height:250px; margin-bottom:20px;} .listado_box:hover{ background-color: #59ACFF; color: rgba(255,255,255,1); text-decoration: none; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .listado_box:firts-child { margin-left:0%; } .listado_box:hover span { color:rgba(255,255,255,0.6)} .listado_box_1{float:left; width:100%; margin-bottom:15px; } .listado_box_1 img{ width:100%; display:block;} .listado_box_2{ float: left; width: 100%; font-size: 19px; color: #000; } .listado_box_2 span{ display: block; padding: 0px; color: rgba(51,51,51,1); font-size: 14px; margin-top: 12px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 17px; } .listado_box_2:hover {color:#fff !important;} .listado_box_2:hover span{color:#fff !important;} .listado_box_2 img:hover {color:#fff;} .listado_box:hover a.view_pdf span {color:#59ACFF;} .listado_box a.view_pdf { margin-bottom:15px; } .listado_box:hover a.view_pdf:hover {color: #fff; background-color:transparent;} .listado_box:hover a.view_pdf:hover span { color:#FFF;} /*LISTADO VIDEOS*/ .listado_home_videos{ float:left; width:100%; margin-top:0px; margin-bottom:30px;} .listado_box_videos{float:left; width:16%; padding:1%; margin:1%; border-bottom:solid 3px rgba(0,127,255,1); min-height:310px;} .desactivate{ opacity:0.5; background-color:#CCC;} .listado_box_videos:hover{ background-color: rgba(0,127,255,1); color: rgba(255,255,255,1); text-decoration: none; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .listado_box_videos:hover span{ color:rgba(255,255,255,0.6)} @media only screen and (max-width: 1440px) { .listado_box_videos{ min-height:310px;} .listado_box_2 span{ font-size: 13px; } } @media only screen and (max-width: 1108px) { .listado_box_videos{ width:29%; } } @media only screen and (max-width: 768px) { .listado_home{ margin-top:20px; } .listado_box{float:left; width:100%; padding:0%; margin:2% 0%; border-bottom:solid 3px #59ACFF; min-height:200px;} .listado_box_news{float:left; width:100%; padding:0%; margin:2% 0%; border-bottom:solid 3px #59ACFF; min-height:200px; } .listado_box_videos{float:left; width:100%; padding:0%; margin:2% 0%; border-bottom:solid 3px rgba(0,127,255,1); min-height:200px;} .listado_box_2{float:left; width:96%; padding:2%;} .listado_box_2 span{ margin-bottom:20px; min-height:auto;} } /*LISTADO SERVICES FULL*/ .listado_services{ float:left; width:100%; margin-bottom:30px; margin-top:20px;} .listado_services_full{float:left; width:48%; padding:1%; margin:0%; border-bottom:solid 3px rgba(0,127,255,1); min-height:250px;} .listado_services_full:hover{ background-color: rgba(0,127,255,1); color: rgba(255,255,255,1); text-decoration: none; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .listado_services_full:hover span{ color:rgba(255,255,255,0.6)} .listado_services_full_1{float:left; width:100%; margin-bottom:15px;} .listado_services_full_1 img{ width:100%; display:block;} .listado_services_full_2{ float: left; width: 100%; font-size: 19px; color: #0080ff; } .listado_services_full_2 span{ display: block; padding: 0px; color: rgba(153,153,153,1); font-size: 14px; margin-top: 12px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; min-height:150px } @media only screen and (max-width: 768px) { .listado_services_full{float:left; width:100%; padding:0%; margin:2% 0%; border-bottom:solid 3px rgba(0,127,255,1); min-height:200px;} .listado_services_full_2{float:left; width:96%; padding:2%;} .listado_services_full_2 span{ margin-bottom:20px; min-height:auto;} } /*LISTA ARCHIVOS DOWSNLOAD*/ .lista_sub_files { float: left; width: 100%; margin-bottom: 30px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #59ACFF; padding-bottom: 10px; } .lista_sub_files ul, li { list-style-type: none; } .lista_sub_files ul { margin: 0; padding: 0; } .lista_sub_files li { float: left; width: 74%; margin-bottom: 10px; padding-left:8%; padding-right: 18%; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; font-size: 18px; font-weight: 100; color: #59ACFF; text-decoration: none; letter-spacing: -1px; padding-top: 5px; margin-top: 0px; position:relative; } .lista_sub_files li em{ display: block; font-size: 14px; font-style: normal; font-family:"Open Sans", Arial, Tahoma, sans-serif; color: #666; text-decoration: none; letter-spacing:0px; } .lista_sub_files li:last-child{ border-bottom:none;} .lista_sub_files li a { color: #59ACFF; position: absolute; top: 0px; text-decoration: none; display: block; right: 0px; font-size: 14px; background-color: #FFF; padding-top: 8px; padding-right: 22px; padding-bottom: 8px; padding-left: 22px; border: 1px solid #AAD5FF; } .lista_sub_files li a:hover { background-color: #59ACFF; color:#fff; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .lista_sub_files li .enlaces { color: #59ACFF; position: absolute; top: 0px; right:0px; width:auto;} .lista_sub_files li a.word { color: #59ACFF; position: relative; top: 0px; text-decoration: none; display: block; right: 0px; font-size: 14px; background-color: #178BFF; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; border: 1px none #AAD5FF; float: right; width: 30px; margin: 0px 5px; background-image: url(../img/ico_WORD.png); background-repeat: no-repeat; background-position: center center; text-indent: -500px; overflow: hidden; } .lista_sub_files li a.pdf { color: #59ACFF; position: relative; top: 0px; text-decoration: none; display: block; right: 0px; font-size: 14px; background-color: #F00; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; border: 1px none #AAD5FF; float: right; width: 30px; background-image: url(../img/ico_PDF.png); background-repeat: no-repeat; background-position: center center; text-indent: -500px; overflow: hidden; } .lista_sub_files li a.word:hover, .lista_sub_files li a.pdf:hover {background-color: #ccc; color:#fff; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out;} .lista_sub_files li:before { font-family: 'WebSymbolsRegular'; content: "F"; display: block; width: 30px; height: 35px; float: left; margin: 0 6px 0 0; background-repeat: no-repeat; position: absolute; left: 0px; } @media only screen and (max-width: 760px) { .lista_sub_files li { } .lista_sub_files li a { color: #59ACFF; top: 0px; text-decoration: none; display: block; right: 0px; font-size: 14px; background-color: #FFF; padding-top: 8px; padding-right: 22px; padding-bottom: 8px; padding-left: 22px; border: 1px solid #AAD5FF; margin-top: 0px; margin-bottom: 10px; position: static; float:left; } } @media only screen and (max-width: 460px) { .lista_sub_files li { float: left; width: 64%; margin-bottom: 10px; padding-left:11%; padding-right: 25%; } } /*BACK LATERAL*/ /* 1 apparel - 2 plm - 3 ecommerce - 4 wms - 8 company - 5 mobile - 6 pos -*/ .back_lateral1{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/01_apparel.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral2{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/06_plm.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral3{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/03_ecommerce.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral4{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/02_warehouse.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral5{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/04_mobile.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral6{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/05_pos.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral8{ background-image: url(../img/_backgrounds/lateral_1.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral9{ background-image: url(../img/_backgrounds/lateral_2.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral10{ background-image: url(../img/_backgrounds/lateral_3.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral11{ background-image: url(../img/_backgrounds/lateral_4.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral12{ background-image: url(../img/_backgrounds/lateral_5.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral13{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/07_oneportal.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral14{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/10_avatax.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral15{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/08_agrobit.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral16{ background-image: url(../img/_solutions/backgrounds_solutions/lateral/09_winshuttle.jpg); background-position: left top; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .back_lateral_sucess_1{ background-image: url(../img/sucess_cases/apparel/alpargatas_back.jpg); background-repeat: no-repeat; background-position: left top; background-size:cover; } .back_lateral_sucess_2{ background-image: url(../img/sucess_cases/apparel/redfoot.jpg); background-repeat: no-repeat; background-position: left top; background-size:cover; } .back_lateral_sucess_3{ background-image: url(../img/sucess_cases/vanheusen_back.jpg); background-repeat: no-repeat; background-position: left top; background-size:cover; } .back_lateral_sucess_4{ background-image: url(../img/sucess_cases/apparel/digad_back.jpg); background-repeat: no-repeat; background-position: left top; background-color:#111111; } .back_channelyoutube{ background-image: url(../img/back_video.png); background-repeat: no-repeat; background-position: right 150px; min-height: 600px; letter-spacing: -1px; } .back_login{ background-image: url(../img/_backgrounds/back_login_big.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_blog{ background-image: url(../img/back_blog.jpg); background-repeat: no-repeat; background-position: center bottom; height: 400px; background-size: cover; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 35px; } @media only screen and (max-width: 1280px) { .back_login{ background-image: url(../img/_backgrounds/back_login_big.jpg); background-repeat: no-repeat; background-position: 200px bottom; min-height: 600px;} } @media only screen and (max-width: 780px) { .back_blog{ background-image: url(../img/back_blog.jpg); background-repeat: no-repeat; background-position: -420px bottom; height: 350px; background-size: cover; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 35px; margin-bottom:30px; } } @media only screen and (max-width: 760px) { .back_channelyoutube{ background-image:url(../img/back_video_small.jpg); background-repeat: no-repeat; background-position: right 380px; min-height: 600px;} .back_login{ background-size:contain; min-height: 450px; background-position: left bottom; } } /*BACK SOLUTIONS*/ .back_af_solution{ background-image: url(../img/_solutions/backgrounds_solutions/apparel.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_mobile_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_mobile.jpg); background-repeat: no-repeat; background-position: -100px bottom; min-height: 600px; } .back_warehouse_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_warehouse.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_pos_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_pointofsales.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_ecommerce_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_ecommerce.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_plm_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_plm.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_webportal_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_webportal.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_agrobit_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_agrobit.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_winshtuttle_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_winshuttle.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } .back_avatax_solution{ background-image: url(../img/_solutions/backgrounds_solutions/bk_avatax.jpg); background-repeat: no-repeat; background-position: right bottom; min-height: 600px; } @media only screen and (max-width: 1500px) { .back_af_solution{ background-position: -450px bottom; } .back_mobile_solution{ background-position: -300px bottom; } .back_warehouse_solution{ background-position: -500px bottom; } .back_pos_solution{ background-position: -450px bottom; } .back_ecommerce_solution{ background-position: -400px bottom; } .back_plm_solution{ background-position: -450px bottom; } .back_webportal_solution{ background-position: -450px bottom; } .back_agrobit_solution{ background-position: -450px bottom;} .back_winshtuttle_solution{ background-position: -450px bottom; } .back_avatax_solution{ background-position: -450px bottom; } } @media only screen and (max-width: 1200px) { .back_plm_solution{ background-position: -550px bottom; } } @media only screen and (max-width: 980px) { .back_af_solution, .back_mobile_solution, .back_warehouse_solution, .back_pos_solution, .back_webportal_solution, .back_ecommerce_solution, .back_plm_solution, .back_agrobit_solution,.back_winshtuttle_solution,.back_avatax_solution{ background-size: contain; min-height: 380px; background-position: right bottom; } .back_agrobit_solution,.back_winshtuttle_solution,.back_avatax_solution{} } /* TAB CONTACTO */ .contact_phone{ font-size: 22px; font-weight: 100; line-height: 30px; border-bottom: solid 5px #59ACFF; padding-bottom: 20px; margin-bottom: 15px; float: left; width: 100%; letter-spacing: -1px; color: #666; } .contact_phone a{ color: #333; text-decoration: none; font-size: 14px; padding-top: 15px; float: left; font-weight: 700; } .contact_phone_padding{ width:90%; padding:0% 5%;} /*SLOGAN PRODUCT*/ .slogan_product_solution { float: left; width: 48%; font-size: 32px; font-weight: 100; line-height: 30px; margin-bottom: 20px; clear: right; letter-spacing: -1px; } @media only screen and (max-width: 1500px) { .slogan_product_solution {float:left; width:35%; font-size:28px;} } @media only screen and (max-width: 1350px) { .slogan_product_solution {float:left; width:40%; font-size:22px; margin-top:20px; font-weight:100; line-height:24px;} } @media only screen and (max-width: 960px) { .slogan_product_solution {float:left; width:100%; margin-top:0px; } } /*HOME DESCRIPTIONS*/ .descript_home_info{ font-size: 14px; color: #999; float: left; width: 66%; padding-right: 10px; border-right-width: 4px; border-right-style: solid; border-right-color: #D6D6D6; padding-top: 10px; padding-bottom: 10px; margin-right: 20px; line-height: 14px; text-align: right; } @media only screen and (max-width: 768px) { .descript_home{ display:none} .space_home{ display:none} } /*DESCRIPCION LATERAL*/ .descrip_lateral { float:left; width:80%; padding:10%;} .descrip_lateral_1 { float: left; width: 80%; padding: 10%; font-size: 24px; color: #59ACFF; font-weight: 100; } .descrip_lateral_2 { float:left; width:80%; padding:10%;} @media only screen and (max-width: 968px) { .descrip_lateral { display:none;} } /**/ .solutions_boxes{ float:left; width:100%; background-color:#fff;} .solutions_boxes_1{ float: left; width: 95%; background: #fff; min-height: 374px; padding-left: 5%; border-bottom-width: 15px; border-bottom-style: solid; border-bottom-color: #E9E9E9; } .solutions_boxes_2{ float: left; width: 45%; background: #fff; min-height: 374px; padding-left: 5%; border-bottom-width: 15px; border-bottom-style: solid; border-bottom-color: #E9E9E9;} .solutions_boxes_3{ float: left; width: 44%; background: #fff; min-height: 374px; padding-left: 5%; margin-left:1%; border-bottom-width: 15px; border-bottom-style: solid; border-bottom-color: #E9E9E9;} .solutions_boxes_logo{float:left; width:100%; margin-bottom:25px; margin-top:25px;} .solutions_boxes_logo img{width:100%; width:220px; display:block;} .solutions_boxes_more{float:left; width:100%;} .solutions_boxes_info{ float: left; width: 30%; margin-bottom: 20px; padding-right: 70%; color: #333; font-size: 14px; line-height: 16px; } .solutions_boxes_1:hover , .solutions_boxes_2:hover , .solutions_boxes_3:hover { } .solutions_boxes_1:hover .but_more{ color:#59ACFF;} .solutions_boxes_2:hover .but_more{ color:#59ACFF;} .solutions_boxes_3:hover .but_more{ color:#59ACFF;} .solutions_boxes_bk_1{ background-image: url(../img/_solutions/img_solution_landing/im_landing_apparel.jpg); background-repeat: no-repeat; background-position: 220px bottom; } .solutions_boxes_bk_2{ background-image: url(../img/_solutions/img_solution_landing/im_landing_plm.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_3{ background-image: url(../img/_solutions/img_solution_landing/im_landing_pos.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_4{ background-image: url(../img/_solutions/img_solution_landing/im_landing_warehouse.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_5{ background-image: url(../img/_solutions/img_solution_landing/im_landing_ecommerce.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_6{ background-image: url(../img/_solutions/img_solution_landing/im_landing_mobile.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_7{ background-image: url(../img/_solutions/img_solution_landing/im_landing_webportal.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_8{ background-image: url(../img/_solutions/img_solution_landing/im_avatax.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_9{ background-image: url(../img/_solutions/img_solution_landing/im_winshuttle.jpg); background-repeat: no-repeat; background-position: right bottom; } .solutions_boxes_bk_10{ background-image: url(../img/_solutions/img_solution_landing/im_landing_agrobit.jpg); background-repeat: no-repeat; background-position: right bottom; } @media only screen and (max-width: 1290px) { .solutions_boxes_1{float:left; width:100%; min-height:374px; padding-left:0px;} .solutions_boxes_info{width:40%; } .solutions_boxes_bk_1,.solutions_boxes_bk_2, .solutions_boxes_bk_3, .solutions_boxes_bk_4, .solutions_boxes_bk_5, .solutions_boxes_bk_6{ } .solutions_boxes_bk_1{ background-position: 40px bottom; } .solutions_boxes_bk_2, .solutions_boxes_bk_3, .solutions_boxes_bk_5, .solutions_boxes_bk_7, .solutions_boxes_bk_8, .solutions_boxes_bk_9, .solutions_boxes_bk_10{ background-position: -150px bottom; } .solutions_boxes_bk_6{ background-position: -140px bottom; } .solution_padding{ margin-bottom:0px; float:left; width:100%;} } @media only screen and (max-width: 1290px) { .solutions_boxes_2{ width: 50%; padding-left: 0%; } } @media only screen and (max-width: 780px) { .solutions_boxes_logo .title_logo_solution img{ width:200px; } .solutions_boxes_2{ float: left; width: 95%; padding-left: 5%; } .solutions_boxes_1{ width: 95%; padding-left: 0%; } .solutions_boxes_3{ float: left; width: 95%; min-height: 374px; padding-left: 0%; } .solutions_boxes_bk_1,.solutions_boxes_bk_2, .solutions_boxes_bk_3, .solutions_boxes_bk_4, .solutions_boxes_bk_5, .solutions_boxes_bk_6, .solutions_boxes_bk_7, .solutions_boxes_bk_8, .solutions_boxes_bk_9, .solutions_boxes_bk_10{ background-size: contain; background-position: 0px bottom; } .solution_padding{ margin-bottom:210px; float:left; width:100%;} } @media only screen and (max-width: 780px) { .solutions_boxes_info{width:100%; padding-right:0px; } } /*LOGIN BOX*/ .login_box{ margin-left:150px; width:100%; max-width: 300px; padding: 15px; border: 1px solid #D6D6D6; background:#FFF; } .login_box_1{ float:left; width:100%; margin-bottom:10px;} .login_box_2{ float:left; width:100%;} .login_box_3{ float: left; width: 100%; font-size: 12px; color: #666; margin-top: 20px; margin-bottom: 20px; padding-top: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #D6D6D6; } .login_box_3 a{color:rgba(0,153,255,1); text-decoration:none;} .login_box label{ float:left; width:100%;} .login_box_input{ float:left; width:100%; height:40px; border:solid 1px #ccc; text-indent:10px; font-size:14px; padding:0px; margin-bottom:10px;} .login_box_enter{ float: left; width: 100%; height: 40px; font-size: 14px; padding: 0px; margin-bottom: 10px; text-align: center; background-color: #59ACFF; color: #FFF; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor:pointer; } @media only screen and (max-width: 760px) { .login_box{ margin:auto;} } /*PANEL USUARIOS Y VIDEOS*/ .top_box4 { float: right; width: 300px; height:70px;; } .top_box5 { float: right; width: 150px; height:70px; font-size:12px; border-left: solid 1px #E6E6E6; padding-left:20px; } .top_box5_1{ float:left; width:80%; padding-top:18px; line-height:15px; color:#999;} .top_box5_1 strong{ color:#333;} .top_box5_2{ float:left; width:20%;} .top_box5_2 a.close{ display: block; height: 22px; width: 22px; margin-top: 19px; letter-spacing: -999px; overflow: hidden; font-family: 'WebSymbolsRegular'; font-size: 15px; } .top_box5_2 a.close:hover{ color: #59ACFF; text-decoration:none;} .top_box4 a{ display:block; width:74px; float:left; padding-top:15px; text-decoration:none; font-size:10px; text-align:center; border-left: solid 1px #E6E6E6; height:55px; } .top_box4 a span{ font-family: 'cbp-tmicons'; display:block;} .top_box4 a:hover{ color: #FFF; text-decoration: none; background-color: #59ACFF;-webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } @media only screen and (max-width: 760px) { .top_box4 { float: right; width:auto; height:70px;; } .top_box4 a{ padding-top:10px; height:46px; width:66px; } } /*BARRA VERTICAL VIDEOS*/ .barra_scroll{height:500px; width:100%;} @media only screen and (max-width: 760px) { .barra_scroll{height:500px; width:100%;} } /*CONTENT VIDEOS*/ .video_content_box1{ float: left; width: 100%; background-color: #D6D6D6; } .video_content_box2{ float:left; width:96%; padding: 2%; float: left; width: 96%; } .col_video_info{ float:left; width:60%;} .col_video_file{ float:right; width: 200px; font-size: 11px; line-height: 16px; padding-left: 15px; border-left-width: 3px; border-left-style: solid; border-left-color: #F90; } @media only screen and (max-width: 760px) { .col_video_info{ width:100%; margin-bottom:20px;} .col_video_file{ width:100%; float:left;} } /*POP NOTAS*/ .pop_comentarios{ width: 450px; position: absolute; top: 70px; height: 570px; right: 20px; background: #fff; z-index: 50; -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2); border-top-width: 5px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; border-left-color: #D6D6D6; } .pop_comentarios_box1{ float:left; width:100%; height:494px; } .pop_comentarios_box1 .scroll-pane{ width:100%;} .pop_comentarios_box2{ float:left; width:430px; height:45px; padding:10px 10px; background:#f2f2f2; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-top:10px;} .pop_comentarios_box3{ float:left; width: 420px; height:464px; padding:15px; font-size:12px;} .clicked{ color: #FFF; text-decoration: none; background-color: #59ACFF; } .pop_comentarios_add{ width: 450px; position: absolute; top: 70px; height: 570px; right: 20px; background: #fff; z-index: 51; border-top-width: 5px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; border-left-color: #D6D6D6; } /**/ .crumbs{ float: left; width: 98%; line-height: 24px; padding: 10px 0px; margin-bottom: 10px; padding-left: 2%; color: #999; border-bottom-width: 1px; border-bottom-style: solid; } .crumbs a{ color: #59ACFF; font-size: 13px; } .crumbs a:nth-child(1) { background-color: #59ACFF; padding: 3px; color: #FFF; text-decoration: none; margin-right: 5px; } .crumbs_news{ float: left; width: 100%; line-height: 24px; margin-bottom: 40px; padding-left: 2%; color: #999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; margin-right: -20px; margin-left: -20px; margin-top: -50px; } .crumbs_news a{ color: #59ACFF; font-size: 13px; } .crumbs_news a:nth-child(1) { background-color: #59ACFF; padding: 3px; color: #FFF; text-decoration: none; margin-right: 5px; } @media only screen and (max-width: 760px) { .crumbs_news{ float: left; width: 100%; line-height: 24px; margin-bottom: 20px; padding-left: 2%; color: #999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; margin-right: -20px; margin-left: 0px; margin-top: -20px; } } /*VIDEO HOME*/ .cover { display: block; top: 0px; left: 0px; width: 100%; position: absolute; background-color: rgba(0,0,0,0); height: 500px; z-index: 1; } .container-video { position: relative; overflow: hidden; max-height: 700px; min-height:200px; margin-top:0px; } .full_slide { } .p-video { /* give fit to box an aspect ratio */ display: inline-block; /* let it be styled thusly */ padding: 0; /* get rid of pre-styling */ margin: 0; width: 100%; /* take up full width available */ padding-top: 56.25%; /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */ heigth: auto; /* don't want it to expand beyond padding */ position: absolute; top: 0; z-index: 5; } .p-video > iframe { position: absolute; /* expand to fill */ top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -100; } .mk-video-mask { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url(../css/vegas/overlays/05.png) center center repeat; } .p-video-title { height: auto; margin: auto; text-align: center; opacity: 0.7; font-size: 50px; font-weight: 300; font-family: 'Open Sans', sans-serif; letter-spacing: 30px; text-transform: uppercase; color: #fff; margin-top: 333px; } .p-video-title span { } .video-container { position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: -80px; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 760px) { .container-video { margin-top:0px; } .p-video { display: inline-block; padding: 0; margin: 0; width: 100%; padding-top: 56.25%; heigth: auto; position: absolute; top: 0; z-index: 5; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: -00px; left: 0; width: 100%; height: 100%; } } /**/ .back_grey{ background-color:#f2f2f2; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc;} .back_blue{ background-color: #0080ff; color: #fff; background-image: url(img/back_tabs.png); background-repeat: no-repeat; background-position: right bottom; } @media only screen and (max-width: 760px) { .back_blue{ background-image: none;} } /*SECTION NEWS*/ .video_data_news{ float: left; width: 100%; padding-bottom: 30px; min-height: 300px; margin-top: 0px; margin-bottom: 0px; } .video_data_news a{ display: block; float: left; width: 24.8%; margin-right: 1px; min-height: 290px; margin-bottom:20px; } .video_data_news a span{ display: block; line-height: 20px; padding-top: 20px; padding-bottom: 20px; font-size:18px; letter-spacing: -1px; } .video_data_news a span em{ display: block; font-style: normal; color: #666; font-size:14px; } .video_data_news a img{ display: block; width: 100%; } @media only screen and (max-width: 768px) { .video_data_news a{ display:block; width:100%; margin-right:0px;} .video_data_news a img{ display:block; width:100%; } } .blok_news_hight{float: left; width: 100%; background-size:cover; margin-bottom:50px; min-height:380px; position:relative;} .blok_news_hight_1{ float: left; width: 50%; font-size: 32px; color: #FFF; text-decoration: none; font-weight: 100; letter-spacing: -1px; padding-top: 200px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; line-height: 36px; } .blok_news_hight_2{ float: left; width: 50%; color: #FFF; text-decoration: none; line-height: 18px; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; } .blok_news_hight_3{ font-size: 12px; line-height: 40px; color: #FFF; text-decoration: none; width: 250px; position: absolute; top: 0px; left: 40px; padding-right: 10px; padding-left: 10px; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #008aff; text-transform: uppercase; } .icon_video{ background-color: #008aff; float: left; height: 60px; width: 60px; margin-right: 20px; display: block; background-image: url(../img/iconos_laterales/ico_1.png); background-repeat: no-repeat; background-position: center -75px; } .icon_files{ background-color: #008aff; float: left; height: 60px; width: 60px; margin-right: 20px; display: block; background-image: url(../img/iconos_laterales/ico_2.png); background-repeat: no-repeat; background-position: center -75px; } .col_icons_news{ float:right; width:auto;} @media only screen and (max-width: 768px) { .blok_news_hight{min-height:280px; } .blok_news_hight_1{ float: left; width: 80%} .blok_news_hight_1{ float: left; width: 80%} .col_icons_news{ float:right; width:100%;} } /*PHOTO GLLERIES*/ .galleries{} .photo_galleries{float: left; width: 100%;} .photo_galleries a{float: left; width: 20%; margin-right:10px; margin-bottom:10px;} .photo_galleries a img{ width: 100%;} @media only screen and (max-width: 768px) { .galleries{ margin-top:30px;} } /**/ .box_hights{ background-color: #FFFFFF; float: right; width: 25%; font-size: 11px; padding: 3%; border-top-width: 10px; border-right-width: 1px; border-bottom-width: 10px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #D6D6D6; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; border-left-color: #D6D6D6; } @media only screen and (max-width: 768px) { .box_hights{ float: left; width: 94%;} } /*///////////////////////VARS////////////////////////////////*/ /*LANDING*/ .slide_main2{ margin-top:-20px;} .slide_landing{float: left; width: 100%; background-color:#008AFF; color:#FFF; padding-bottom:50px;} .slide_landing .content_2 { position:relative; z-index:89;} .landing_box1{ float: left; width: 100%; margin-bottom: 50px; margin-top: 50px; text-align: center; font-size: 36px; font-weight: 600; line-height: 36px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); letter-spacing: -1px; } .landing_box2{ float: left; width: 100%; margin-bottom: 35px; text-align: center; font-size: 20px; font-weight: 100; color: #FFF; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.4); } .landing_box3{float: left; width: 100%; margin-bottom:35px; text-align:center; height:300px;} .landing_box4{float: left; width: 100%; margin-bottom:45px;} @media only screen and (max-width: 768px) { .landing_box3{height:auto;} #swiffycontainer { height:150px !important; } } .landing_info_title{ float: left; width: 100%; text-align: center; font-size: 30px; font-weight: 100; margin-bottom: 50px; } .title_center { text-align: center; color: #0080FF; text-decoration: none; } .landing_info_title em{ float: left; width: 100%; display: block; font-style: normal; color: #666; text-decoration: none; font-size: 16px; line-height: 30px; } .landing_contact_1{ float: left; width: 100%; margin-bottom: 35px; } .landing_contact_2{float: left; width: 100%;} .landing_contact_2 img{ margin: auto; display: block; width:100%; max-width:750px; } .landing_contact_3{float: left; width: 100%; margin-top:30px;} .back_landing_contact{ background-image: url(../img/landing/back_contact.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain; } .but_landing_contact{ font-size: 18px; line-height: 50px; text-decoration: none; background-color: #FFF; text-align: center; display: block; width: 100%; border: 2px solid #59ACFF; max-width:350px; margin:auto; } .but_landing_contact:hover{ background-color:#008aFF; color:#FFF; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out;} .hightlight_landing{ font-size: 24px; font-weight: 100; color: #0080FF; text-decoration: none; line-height: 28px; margin-bottom: 30px; } .landing_icon{ display: block; max-width:150px; margin:auto; } /*SLIDE PARALLAX*/ .slide_landing { min-height: 600px; position: relative; width: 100% !important; margin: 0; padding: 0; overflow: hidden; } .slide_landing:nth-of-type(1) { height: 600px; } .slide_landing:nth-of-type(2) { height: 600px; } .fondo1 { margin: 0; height: 600px; position: absolute; width: 100%; top: 0; left: 0; background-attachment: fixed; background-image: url(../img/back_tabs.png); background-repeat: no-repeat; background-position: right bottom; } .fondo2 { margin: 0; height: 600px; position: absolute; top: 0px; left: 0px; width: 100%; background-attachment: fixed; background-image: url(../_DOWNLOADS/fronts/img_avalara.jpg); background-repeat: no-repeat;background-position: right bottom;} @media only screen and (max-width: 768px) { .slide_landing { min-height: auto; } .slide_landing:nth-of-type(1) { height: auto; } .slide_landing:nth-of-type(2) { height: auto; } } /*NEWSLETTER LATERAL*/ .newslleter_lateral{ float: left; width: 100%; margin-top:15px;} .newslleter_lateral_1{ float: left; width: 90%; padding-top: 10%; padding-right: 0%; padding-bottom: 270px; padding-left: 10%; background-image: url(../img/newslleter/img_lateral.png); background-repeat: no-repeat; background-position: center bottom; border-top-width: 1px; border-top-style: solid; border-top-color: #D6D6D6; font-size: 14px; letter-spacing: -1px; } .newslleter_lateral_2{float:left; width:100%;} .request{ float: left; width: 100%; background-image: url(../img/newslleter/icon_consultant.png); background-repeat: no-repeat; background-position: right center; background-color: #0080ff; line-height: 70px; text-indent: 20px; color: #FFF; text-decoration: none; } .request:hover{ -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; background-color: #39F; } .newslleter_lateral_1 .link { font-size:13px;} @media only screen and (max-width: 768px) { .newslleter_lateral_1{ font-size: 20px; letter-spacing: -1px; } } @media only screen and (max-width: 1468px) { .request{ font-size:12px; } } /**/ .back_newslleter_main{ float: left; width: 100%; min-height: 480px; background-size: cover; margin-bottom: 45px; letter-spacing: -1px; } .back_newslleter_main_1 { background-color: rgba(0,0,0,0.5); font-size: 40px; font-weight: 100; color: #FFF; text-decoration: none; line-height: 60px; float: left; clear: right; margin-top: 20px; margin-left: 20px; padding-right: 15px; padding-left: 15px; } .back_newslleter_main_2 { background-color: rgba(0,153,255,0.7); font-size: 40px; font-weight: 100; color: #FFF; text-decoration: none; line-height: 60px; float: left; clear: left; margin-top: 4px; margin-left: 20px; padding-right: 15px; padding-left: 15px; } .back_newslleter_main_3 { background-color: rgba(0,0,0,0.5); font-size: 40px; font-weight: 100; color: #FFF; text-decoration: none; line-height: 60px; float: left; clear: left; margin-top: 4px; margin-left: 20px; padding-right: 15px; padding-left: 15px; } @media only screen and (max-width: 1268px) { .back_newslleter_main{ float: left; width: 100%; min-height: 400px; background-size: cover; margin-bottom: 45px; letter-spacing: -1px; } } @media only screen and (max-width: 768px) { .back_newslleter_main_1 { font-size: 30px; line-height: 40px; } .back_newslleter_main_2 { font-size: 30px; line-height: 40px; } .back_newslleter_main_3 { font-size: 30px; line-height: 40px; } } /*BLOCK ICONS*/ .block_icons{ float: left; width: 46%; margin-bottom: 0px; padding-right: 4%; display: block; } .block_icons h2{ display: block; font-size: 20px; color: #333; margin-bottom: 0px; } .block_icons_data{ margin-top:20px; float:left; width:100%;} @media only screen and (max-width: 768px) { .block_icons{ float: left; width: 100%; margin-bottom: 20px; padding-right: 0%; display: block; } } /**/ .map_landing_vars{float: left; width: 100%; height:400px;} /*CONTACT BOX VARS*/ .contact_box_vars{float: left; width: 100%; } .contact_box_vars_1{ float: left; width: 50%; background-color: #999; min-height: 200px; background-image: url(../VARS/img/img_contact_vars.jpg); background-size:cover; } .contact_box_vars_2{float: left; width: 50%; } .follow_box_vars{ float: left; width: 100%; position: relative; min-height: 200px; background-color: #999; background-image: url(../VARS/img/follow_vars.jpg); background-size:cover; } .follow_box_vars_1{ float: left; width: 100%; position: absolute; bottom: 20px; left: 20px; } .list_contact_vars{ width:55%; display:block;} .list_contact_vars li{ line-height: 30px; border-bottom: solid 1px #ccc; color: #999; } .list_contact_vars li:nth-child(1) { display: block; color: #0080ff; margin-bottom: 15px; text-decoration: none; border-bottom:none; } /**/ .vars_hightlight{ color: #0080ff; font-size: 26px; margin-bottom: 15px; font-weight: 100; line-height: 30px; } /**/ .hightlight_grey{ font-size: 22px; font-weight: 100; letter-spacing: -1px; } /**/ .footer_box a.partner_portal_but{ display: block; font-size: 15px; color: #FFF; text-decoration: none; text-align: left; line-height: 36px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../img/img_partnerportal.png); height: 53px; width: 207px; background-repeat: no-repeat; background-position: left top; padding-top: 125px; text-indent: 20px; } .footer_box a.partner_portal_but:hover{ color:#ccc; } /*INDEX REGIONALIZADA*/ .index{ float: left; width: 90%; padding: 0% 5%; background-image: url(../img/map_inex.png); background-repeat: no-repeat; background-position: center center; min-height:600px; } .index_01{float: left; width: 100%; margin-top:35px; } .index_02{float: left; width: 100%; background-color:#FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); margin:150px 0px;} .index_03{float: left; width: 100%; } .index_04{ float: left; width: 90%; padding:0% 5%; font-size: 12px; position: fixed; bottom: 0px; left:0px; padding-top: 12px; padding-bottom: 22px; border-top:solid 1px #ccc; background:#FFF; } .index_01 img{ max-height:60px; } .index_blok_1{ width: 25%; height: 150px; float: left; } .index_blok_2{ width: 25%; height: 150px; float: left; } .index_blok_1 a { display: block; width: 70%; padding: 0% 15%; padding-top: 50px; height: 100px; font-size: 12px; background-image: url(../img/ico_06.png); background-position: 22px 58px; background-repeat: no-repeat; } .index_blok_1 a:hover { background-color:#0080ff; color:#fff; background-image: url(../img/ico_07.png);-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .index_blok_1 a:hover span{color:#fff;} .index_blok_1 a span{ display:block; font-size:32px; font-weight:100; color:#0080ff; letter-spacing:-1px;} .index_blok_1 a.active_blok, .index_blok_1 a.active_blok span { } .list_index{float: left; width: 100%; margin:0px; padding: 0%; margin-top:0px; height: 154px; overflow:hidden; } .list_index li { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:110px; background-repeat: no-repeat; background-position: left center; line-height:38px; font-size:12px; border-bottom:solid 1px #F2F2F2; } .list_index li a{ color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .list_index li a:hover{ color:#fff;} .list_index li:hover a{ color:#fff;} .list_index li:hover{ color:#fff; background-color:#0080ff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .list_index li:nth-child(1){ background-image:url(../img/index_ico_1.png)} .list_index li:nth-child(2){ background-image:url(../img/index_ico_2.png)} .list_index li:nth-child(3){ background-image:url(../img/index_ico_3.png)} .list_index li:nth-child(4){ background-image:url(../img/index_ico_4.png); border:none;} .index_blok_1:nth-child(1) { border-bottom:solid 4px #0080ff;} .index_blok_1:nth-child(2) { border-bottom:solid 4px #85C2FF;} .index_blok_1:nth-child(3) { border-bottom:solid 4px #0080ff;} .index_blok_1:nth-child(4) { border-bottom:solid 4px #EEE} @media only screen and (max-width: 1068px) { .index_blok_1{ width: 22%; height: 150px; float: left; } .index_blok_2{ width: 30%; height: 150px; float: left; } .index_blok_1 a span{ display:block; font-size:24px; } } @media only screen and (max-height: 800px) { .index_02{ margin:50px 0px;} } @media only screen and (max-height: 600px) { .index_02{ margin-bottom:20px;} } @media only screen and (max-width: 768px) { .index_02{ margin:20px 0px;} .index_blok_1{ width: 100%; height: 100px; float: left; } .index_blok_2{ width: 100%; height: 150px; float: left; } .index_blok_1 a { background-position: 15px 28px; padding: 0% 15%; padding-top:20px; height:80px; } .index_04{ float: left; width: 90%; padding:0% 5%; font-size: 12px; position: relative; bottom: 0px; left:0px; padding-top: 12px; padding-bottom: 22px; border-top:solid 1px #ccc; } .index_03 div{float: left; width: 100%; margin:5px 0px; } .index_04{ margin-top:15px} .index_04 div:nth-child(2){ display:none;} .index_01 div:nth-child(2){ display:none;} .index_01 img { float:none; margin:auto; display:block;} } /*SHARE TOP*/ #share_top{float:left; width:100%; padding:0px; overflow:hidden; display:none; background-color: #0080ff; z-index:80; margin-bottom: -70px; margin-top:0px;} #share_top a{ display: block; width: 25%; height: 95px; float: left; margin-top: 70px; text-align: center; display: block; text-indent: -999px; overflow: hidden; position: relative; z-index: 998; } #share_top a:hover{ background-color:#03F;} #share_top a:nth-child(1){ background-image: url(../img/menu_share_top/img_facebook.png); background-repeat: no-repeat; background-position: center top; } #share_top a:nth-child(2){ background-image: url(../img/menu_share_top/img_twitter.png); background-repeat: no-repeat; background-position: center top; } #share_top a:nth-child(3){ background-image: url(../img/menu_share_top/img_linkedin.png); background-repeat: no-repeat; background-position: center top; } #share_top a:nth-child(4){ background-image: url(../img/menu_share_top/img_blog.png); background-repeat: no-repeat; background-position: center top; } @media only screen and (max-width: 760px) { #share_top a{ height: 75px; margin-top: 50px; } #share_top a:nth-child(1){ background-image: url(../img/menu_share_top/img_facebook2.png); } #share_top a:nth-child(2){ background-image: url(../img/menu_share_top/img_twitter2.png); } #share_top a:nth-child(3){ background-image: url(../img/menu_share_top/img_linkedin2.png); } #share_top a:nth-child(4){ background-image: url(../img/menu_share_top/img_blog2.png); } } /*POP BLOG*/ .share_back{border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0080ff; position:relative; } .share_back a:nth-child(1){ } .share_back a:nth-child(3){ display:none} .pop_share { position: absolute; left: 235px; top: 72px; width: 250px; height: 140px; padding: 0px; -webkit-box-shadow: 1px 1px 3px 0px rgba(97, 97, 97, 0.6); -moz-box-shadow: 1px 1px 3px 0px rgba(97, 97, 97, 0.6); box-shadow: 1px 1px 3px 0px rgba(97, 97, 97, 0.6); background-color: #FFFFFF; background-image: url(../img/blog_apparel.jpg); background-repeat: no-repeat; background-position: left top; border-left-width: 4px; border-left-style: solid; border-left-color: #0080ff; display:none; } .pop_share a { width: 250px; height: 140px; text-indent:-500px; overflow:hidden} .pop_share:after { content: ""; position: absolute; top: -1px; left: -15px; border-top: 50px solid #0080ff; border-right: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 15px solid transparent; display: block; width: 0; z-index: 1; } /**/ .home_blog_1{ font-size: 25px; line-height: 25px; color: #666; font-weight: 100; letter-spacing: -1px; } .home_blog_2{ line-height: 200px; color: #0080FF; font-size: 150px; font-weight: 100; letter-spacing: -8pt; text-indent: -15px; } .home_blog_3{ color: #FFF; text-decoration: none; margin-top: 50px; } .home_blog_3 a{ text-decoration:none; color:#fff} @media only screen and (max-width: 780px) { .home_blog_2{ line-height: 140px; color: #0080FF; font-size: 100px; font-weight: 100; letter-spacing: -8pt; text-indent: -15px; } .home_blog_3{ color: #FFF; text-decoration: none; margin-top: 70px; padding:15px; background-color:rgba(0,0,0,0.2) } } /*-----------------------------------------------------------------------------------*/ /* Slider /*-----------------------------------------------------------------------------------*/ #slider_home { background-color: #0080ff; margin-top: -70px; background-image: url(../img/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; } .flexslider.top_slider .slides li { background-repeat: no-repeat; background-size: cover; background-position: center center; } .flexslider.top_slider .slides li.slide1 { background-image: url(../img/slide_home/img_apparel.jpg); } .flexslider.top_slider .slides li.slide2 { background-image: url(../img/slide_home/img_warehouse.jpg); } .flexslider.top_slider .slides li.slide3 { background-image: url(../img/slide_home/img_oneportal.jpg); } .flexslider.top_slider .slides li.slide4 { background-image: url(../img/slide_home/img_ecommerce.jpg); } .flexslider.top_slider .slides li.slide5 { background-image: url(../img/slide_home/img_agrobit.jpg); } .flex-direction-nav a { top: auto; bottom: 30px; } .flexslider.top_slider .flex-direction-nav a.flex-prev { left: 50%; bottom: 30%; margin-left: -31px; background-color: rgba(255,255,255,0.3); } .flexslider.top_slider .flex-direction-nav a.flex-next { right: 50%; bottom: 30%; margin-right: -31px; background-color: rgba(255,255,255,0.3); } .flexslider.top_slider .flex-direction-nav a:hover { background-color: #fff; } .flexslider .flex-direction-nav a i { display: block; text-align: center; line-height: 29px; font-size: 20px; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .flexslider .flex-direction-nav a:hover i { color: #05b0f4; } .flexslider.top_slider .container { position: relative; } .top_slider_cap { position: absolute; left:5%; top: 20%; width: 500px; } .top_slider_cap h1 { margin: 0 0 26px; text-transform: none; font-weight: 100; line-height: 56px; font-size: 56px; color: #333; letter-spacing:-2px; } .top_slider_cap p { width: 100%; margin: 0px; line-height: 23px; font-size: 16px; color: #666; text-align:left; } .top_slider_logo { width: 200px; position: absolute; left:5%; bottom: 5%; } .top_slider_cap em img { width: 100%; } .top_slider_cap .slide_btn_active { display: inline-block; min-width: 30px; text-transform: capitalize; font-weight: 400; line-height: 20px; font-size: 16px; color: #59ACFF; border: 1px solid #CCC; -webkit-border-radius: 50px; border-radius: 50px; margin-top: 20px; margin-right: 0px; margin-left: 0px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 12px; background-color: #fff; text-align:center; } .top_slider_cap .slide_btn_active span{color: #ccc; } .top_slider_cap .slide_btn_active:hover { color: #fff; background-color: #0080ff; } .top_slider_cap .slide_btn_active:hover span{ color: #fff;} @media only screen and (max-width: 1300px) { .top_slider_cap h1 { margin: 0 0 26px; text-transform: none; font-weight: 100; line-height: 36px; font-size: 36px; color: #000; } } @media only screen and (max-width: 1000px) { .top_slider_cap { position: absolute; left:5%; top: 20%; width: 500px; } .top_slider_cap p { width: 100%; line-height: 18px; font-size: 14px; } } /*-----------------------------------------------------------------------------------*/ /* Section Gallery /*-----------------------------------------------------------------------------------*/ #gallery { padding-top: 0; } #gallery .gallery_img { overflow: hidden; position: relative; float: left; display: block; width: 25%; background-color: #2d3134; } #gallery .gallery_img img { opacity: 0.9; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #gallery .gallery_img:hover img { opacity: 0.3; transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); } #gallery .gallery_descr { position: absolute; z-index: 2; left: 31px; top: 47px; right: 31px; bottom: 22px; text-transform: uppercase; text-align: right; color: #fff; opacity: 1; } #gallery .gallery_descr p { position: absolute; top: 0; right: 0; left: 0; line-height: 24px; font-size: 23px; } #gallery .gallery_descr p:before { content: ''; position: absolute; left: 0; right: 0; bottom: -40px; height: 4px; opacity: 0; background-color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #gallery .gallery_img:hover .gallery_descr p:before { bottom: -18px; opacity: 1; } #gallery .gallery_descr span { position: absolute; bottom: -22px; right: 0; line-height: 20px; font-size: 14px; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #gallery .gallery_img:hover .gallery_descr span { bottom: 0; opacity: 1; } @media (max-width: 767px) { .flexslider.top_slider .flex-direction-nav a.flex-next, .flexslider.top_slider .flex-direction-nav a.flex-prev { bottom: 5px; } .top_slider_cap { width: auto; left: 30px; margin: 0; width:200px; } .top_slider_cap h1 { font-size: 26px; line-height: 24px; margin-bottom: 10px; } .top_slider_cap p { font-size: 12px; line-height: 14px; margin-bottom: 10px; width: 100%; display:none; } .top_slider_logo { width: 150px; position: absolute; left:5%; bottom: 5%; } } /*APPAREL BLOKES*/ .apparel_solution_blokes{ float:left; width:100%; height:150px; border-bottom:solid 5px #0080ff; margin-bottom:25px;} .apparel_solution_blok {float:left; width:33.3%; height:150px;} .border_central{ border-left:solid 1px #ccc; border-right:solid 1px #ccc; width:33.1% !important;} .appa_blok_small{ float:left; position:relative; width:90%; padding:0% 5%; height:150px; background-repeat: no-repeat; background-position: left top; background-size: cover; color:#fff; -webkit-transition: all 1s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .appa_blok_small::after{ content:""; position: absolute; top: 0px; left: 0px; height: 150px; width: 100%; background-color:rgba(0,0,0,0); z-index:1;color:#FFF;} .appa_blok_small:hover::after{ background-color: rgba(0,102,255,0.8); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .appa_blok_small .news_blok_big_01{ margin-top: 20px; font-size: 16px; position: relative; z-index: 3; letter-spacing: -1px; } .appa_blok_small .news_blok_big_03{ padding-top: 35px; position:relative; z-index:6; display:none;color:#FFF; } .appa_blok_small:hover .news_blok_big_03{ display: block; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; color:#FFF; } .appa_blok_small:hover .news_blok_big_01{color:#FFF;} @media only screen and (max-width: 780px) { .border_central{ border:none; width:100% !important;} .apparel_solution_blokes{ height:auto;} .apparel_solution_blok {float:left; width:100%; height:150px; margin-bottom:1px;} } /**/ .partner_list{ width: 100%; margin-bottom: 0px; float: left; margin-top: 10px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; display: block; } .partner_list li { margin: 0px; padding: 0px; float: left; width: 33.3%; } .partner_list li img{ width: 70%; text-align: center; margin: auto; display: block; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); } .partner_list li img:hover{ -webkit-filter: grayscale(1); -webkit-filter: grayscale(0%); filter: gray; filter: grayscale(0%); filter: url(.partner_list li img.svg#greyscale);} /**/ .tab_list_menu{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 25px; } .tab_list_menu li{ margin: 0px; line-height: 36px; background-image: url(../img/arrow_menu_tab.png); background-repeat: no-repeat; background-position: left center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2894FF; }.tab_list_menu li a{ color: #FFF; text-decoration: none; } /*PARALLAX HOME*/ .parallax-window { float:left; width:100%; color:#FFF; background-color: transparent; min-height: 400px; } /**/ .down_box_main{float:left; width:100%;} .down_box_main_1{ float: left; width: 100%; background-image: none; background-repeat: repeat-x; background-position: left 210px; border-bottom:solid 5px #fff; margin-bottom:25px;} .down_box_main_2{float:left; width:100%; color:rgba(255,255,255,1); font-size:12px;} .down_box_list{ margin:0px; padding:0px; float:left; width:100%;} .down_box_list li{margin:0px; padding:0px; width:33.3%; float:left; padding-top:300px; height:70px;} .down_box_list li a{ font-size: 27px; font-style: normal; font-weight: 100; color:#fff !important; text-decoration: none; letter-spacing:-1px; display:block; } .down_box_list li span{ display:block; font-size:14px; width:100%; letter-spacing:0px;} .down_box_list li:nth-child(1){ background-image: url(../img/img_down_1.png); background-repeat: no-repeat; background-position: center top; background-size:contain; } .down_box_list li:nth-child(2){ background-image: url(../img/img_down_2.png); background-repeat: no-repeat; background-position: center top; background-size:contain; } .down_box_list li:nth-child(3){ background-image: url(../img/img_down_3.png); background-repeat: no-repeat; background-position: center top; background-size:contain;} @media only screen and (max-width: 980px) { .down_box_main_1{ float: left; width: 100%; background-image: none;} .down_box_list li{margin:0px; padding:0px; width:100%; float:left; padding-top:60px; height:70px;} .down_box_list li:nth-child(1){ background-position: right top; } .down_box_list li:nth-child(2){ background-position: right top; } .down_box_list li:nth-child(3){ background-position: right top; } } /**/ .col_unitech{ float:right; width:24%; padding:2%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);} @media only screen and (max-width: 760px) {.col_unitech{ float:left; width:96%;}} /**/ .demo_request{float: left; width: 100%; padding:20px 0px; font-size:17px; text-align:center; background-color:#3B85F7; margin:15px 0px; color:#fff; border-radius:2px;} .demo_request:hover { background-color:#0168D4;} .demo_request a{ color:#fff;} /**/ .slide_2018 {float: left; width: 100%; position:fixed; left:0; top:0; bottom:0; height:100%; background-image:url(../img/2018_sapphire/fondo.jpg); background-size:cover; z-index:2; } .content_blok_2018 { width:80%; margin:auto auto; margin-top:120px; } .blok_2018 {float: left; width: 24%; margin:0.5%; background-color:#fff; height:400px; border-radius:5px; overflow:hidden; -webkit-box-shadow: 0 0 33px 0 rgba(0,0,0,0.2); box-shadow: 0 0 33px 0 rgba(0,0,0,0.2); } .blok_2018_info { width:100%; margin-top:10px; float: left; color:#fff; } @media only screen and (max-width: 1110px) { .content_blok_2018 { width:90%; margin-top:120px; } } @media only screen and (max-width: 980px) { .content_blok_2018 { width:90%; margin-top:80px; } } @media only screen and (max-width: 780px) { .content_blok_2018 { width:94%; margin-top:30px; height: auto; margin-bottom: 120px; } .blok_2018 {float: left; width: 100%; margin:0.5%; background-color:#fff; height:auto; border-radius:5px; overflow:hidden;} .slide_2018 { overflow:auto; padding-bottom:220px; } } .footer_2018 { float: left; width: 100%; position: fixed; left: 0; bottom: 0; height: 80px; text-align: right; z-index: 2; font-size: 10px; background-color: #fff; padding: 20px; box-sizing: border-box; background-image:url(../img/2018_sapphire/argentis.png); background-size:0,6; background-position:20px left; background-repeat:no-repeat; } @media only screen and (max-width: 780px) { .footer_2018 { float: left; width: 100%; padding-right:30px; line-height:15px; padding-left:58%; font-size: 8px; }} .footer_2018 a {height:400px; width: 100%; display:block; } .blok_2018_1{float: left; width: 100%; margin-bottom:30px; background-size:cover; height:150px; position:relative; cursor:pointer; } .blok_2018_2{float: left; width: 100%; padding:20px; box-sizing:border-box;} .blok_2018_3{float: left; width: 100%; padding:20px; box-sizing:border-box;} .blok_back_1{ background-image:url(../img/2018_sapphire/back_apparel.jpg)} .blok_back_2{ background-image:url(../img/2018_sapphire/back_portal.jpg)} .blok_back_3{ background-image:url(../img/2018_sapphire/back_wm.jpg)} .blok_back_4{ background-image:url(../img/2018_sapphire/back_route.jpg)} .full_img{width: 80%; height:auto; display:block; position:relative; z-index:1;} .pop_blok { margin:auto; width:200px; height:40px; line-height:40px; border-radius:5px; margin-top:60px; text-align:center; color:#fff; background-color: rgba(0,0,0,0.4); opacity:0; position:relative; z-index:2; } .blok_back_1 , .blok_back_2 , .blok_back_3 { transition: transform .2s; } .blok_back_1:hover, .blok_back_2:hover, .blok_back_3:hover { transform: scale(1.1); } .blok_back_1:hover .pop_blok, .blok_back_2:hover .pop_blok, .blok_back_3:hover .pop_blok { opacity:1; transition-delay: 1s; -webkit-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -ms-transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; transition: height 1s ease-in-out; } /**/ .enlace_idioma{ background-color: #15637d; padding: 3px 5px; border-radius: 3px; color: #fff; }