/*- BASE STYLES ----------------------------------------------------------------------*/ /*- self-clearing floats ----------*/ .mod:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*- fluid images and objects ----------*/ /*img,*/ object, embed {max-width: 100%;} /*- optional vanity styles ----------*/ ::selection {background: #c80000;} ::-moz-selection {background: #c80000;} img::selection {background: transparent;} img::-moz-selection {background: transparent;} @media only screen and (max-device-width: 480px) { html {-webkit-text-size-adjust: none} a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);} } /*- Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ ----------*/ @font-face { font-family: 'Swis721ThBTThin'; src: url('../fonts/swiss-webfont.eot') format('eot'), url('../fonts/swiss-webfont.woff') format('woff'), url('../fonts/swiss-webfont.ttf') format('truetype'), url('../fonts/swiss-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Swis721BTRoman'; src: url('../fonts/swz721n-webfont.eot'); src: url('../fonts/swz721n-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swz721n-webfont.woff') format('woff'), url('../fonts/swz721n-webfont.ttf') format('truetype'), url('../fonts/swz721n-webfont.svg#Swis721BTRoman') format('svg'); font-weight: normal; font-style: normal; } /*- LET'S GET STARTED! ----------------------------------------------------------------------*/ body {background-image: url(../images/bg_content.png);color: #333; font-size:62.5%;font-family:'Open Sans', sans-serif;margin:0;padding:0; line-height:1.5em; z-index:0; font-style:normal;} abbr {cursor: help;} strong{ font-weight:normal;} /*Links*/ a{color:#0c4f7e; text-decoration:none;} a:hover{ text-decoration:none;} /*List*/ li{ list-style:none;} p,dt, dd,address span{ font-size:12px;} p{/*text-align:justify;*/} address{ font-size:12px!important; font-style:normal!important; line-height:1.5em; color:#eee; padding-top:1em; position:relative; float:left;} iframe{ border:none; background-color:Transparent!important;} iframe body{ background-color:Transparent!important;} /*CONTAINERS===========================================================================================================*/ #wrapper{ position:relative; float:left;width:100%;} header{ position:relative; float:left; width:100%; height:auto; z-index:2;/* background-color: #000;*/ background-image: url(../images/fake_brick.png); background-position: left top; background-repeat: repeat;} #content{ position:relative; float:left; width:100%; z-index:1;} footer{ position:relative; float:left; width:100%; padding-bottom:0.25em;background-color: rgba(0,0,0,1);background-image: url(../images/b_h.png); background-position: left top; background-repeat: repeat-x;background-image:url(../images/crossed_stripes.png); background-position:left top; background-repeat:repeat; border-top:2px solid #01d2ff;border-bottom:2px solid #01d2ff;z-index:0;} /*WIDTH*/ .wrapper{position:relative; margin:0 auto;min-width:960px;width:1024px; max-width:1280px;z-index:1;} .w695{position:relative; margin:0 auto;width:695px!important; z-index:0;} /*HEADER===========================================================================================================*/ /*LOGO*/ #logodiv.box_bottom{ position:absolute; float:left; /*width:280px; height:125px; background-color:#000000;*/background-image: url(../images/fake_brick.png); background-position: left top; background-repeat: repeat;} #logodiv h1{position:relative; float:left;} #logo{ position:relative; float:left; width:255px; background-image:url(../images/crystal_logo.png); background-position:center center; background-repeat:no-repeat;height:70px; text-indent:-10000px;padding:0.75em;} /*MAIN MENU*/ #header{ position:relative; color:#fff;z-index:1;} #header #main_menu{ position:relative; float:left; list-style:none; margin-left:280px;padding-top:1em; padding-bottom:1em; width:72%;} #header #main_menu li{ position:relative; float:left; width:auto;} #header #main_menu li a{ color:#fff; padding-left:1em; padding-right:1em;font-size:16px!important; font-weight:normal;} #header #main_menu li a:hover{} #header #main_menu li.selected a{ color:#69c6fa; padding-bottom:0.5em; padding-top:0.5em;} /*Submenu*/ #main_menu li:hover{ cursor:pointer;} #main_menu li ul.box_bottom{position:relative; display:none; width:auto!important; height:30px!important; padding:0.5em; background-color:transparent; left:0px; top:-5px; z-index:10;} #main_menu li:hover ul.box_bottom{position:absolute; display:block;width:auto!important; height:85px; padding:0.5em; background-color:#000000!important;left:0px; top:17px; padding-bottom:0em!important; z-index:10;} #main_menu li:hover ul.box_bottom li{ list-style:none;} #main_menu li:hover ul.box_bottom li a{ position:relative; float:left;padding-left:2em!important; padding-right:0.5em!important;padding-bottom:0.35em; padding-top:0.35em; background-repeat:no-repeat; font-size:12px;background-image:url(../images/bg_pictures.png);background-position:0.75em 10px;} #main_menu li:hover ul.box_bottom li a:hover{color:#5ac3fe!important;;background-position:0.75em -40px;} .arrowDown{ background-image:url(../images/bg_pictures.png); background-position:right -1383px; background-repeat:no-repeat; padding-left:0.5em!important; padding-right:2.25em!important;} /*NEW MAIN_MENU*/ #main_menu-1 {font: normal 14px 'Open Sans', , sans-serif!important;list-style: none;position: relative;padding: 0;margin: 0;} #main_menu-1 li ul, #main_menu-1 .sub {display: none;} #main_menu-1 .sub ul {display: block;} #main_menu-1 {/*background: #222;width: 100%;height: 40px;position: relative;*/ position:relative; float:left; list-style:none; margin-left:280px;/*padding-top:1em; padding-bottom:1em;*/ width:72%;} #main_menu-1 li {float: left;margin: 0;padding: 0;font-weight:normal; font-size: 16px;} #main_menu-1 li a {float: left;display: block;color: #fff;/*padding: 12px 25px;*/ padding:1em;text-decoration: none;} #main_menu-1 li.mega-hover a, #main_menu-1 li a:hover {/*background: #666;*/color:#69C6FA;background-image: url(../images/fake_brick.png); background-position: left top; background-repeat: repeat;} #main_menu-1 li .sub-container {position: absolute;top:46px!important} #main_menu-1 li .sub {/*background: #666;*/padding:0.75em;background-image: url(../images/fake_brick.png); background-position: left top; background-repeat: repeat;} #main_menu-1 li .sub .row {width: 100%;overflow: hidden;clear: both;} #main_menu-1 li .sub li {list-style: none;float: none;width: 170px;font-size:12px;font-weight: normal; line-height:1.2em;} #main_menu-1 li .sub li.mega-hdr {margin: 0 10px 10px 0;float: left;} #main_menu-1 li .sub li.mega-hdr.last {margin-right: 0;} #main_menu-1 li .sub a {background: none;color:#fff;padding: 7px 10px;display: block;float: none;font-size: 0.9em;} #main_menu-1 li .sub li.mega-hdr a.mega-hdr-a {/*padding: 5px 15px;background: #6B6B6B;text-transform: uppercase;margin-bottom: 5px;*/color:#69c6fa; padding-left:5px;font-weight:normal; font-size: 13px;} #main_menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {color: #fff;} #main_menu-1 .sub li.mega-hdr li a {padding: 4px 5px; padding-left:1.5em;font-weight: normal; background-image: url(../images/bg_pictures.png); background-position: 5px 8px; background-repeat: no-repeat; border-bottom: 1px solid #555;} #main_menu-1 .sub li.mega-hdr li a:hover {color: #69c6fa; background-image: url(../images/bg_pictures.png); background-position: 5px -42px; background-repeat: no-repeat;} #main_menu-1 .sub ul li {padding-right: 0;} #main_menu-1 .sub li.mega-hdr li li.level4 a{padding: 4px 5px; padding-left:1.5em;font-weight: normal; background-image:none!important; background-position: 5px 8px; background-repeat: no-repeat;} #main_menu-1 .sub li.mega-hdr li li.level4 a:hover {color: #69c6fa;background-image:none; background-position: 5px -42px; background-repeat: no-repeat;} #main_menu-1 .sub ul li {padding-right: 0;} #main_menu-1 li .sub-container.non-mega .sub {padding: 10px;} #main_menu-1 li .sub-container.non-mega li {padding: 0;width: 190px;margin: 0;} #main_menu-1 li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; font-weight:normal; font-size: 13px;} #main_menu-1 li .sub-container.non-mega li a:hover {color: #69c6fa;} /*BANNER*/ #banner{ margin:0 auto; position:relative;z-index:0; width:100%; -webkit-box-shadow: #333 0px 0px 5px 0px inset; -moz-box-shadow: #333 0px 0px 5px 0px inset; /* color, h-offset, v-offset, blur, spread */ box-shadow: #333 0px 0px 5px 0px inset; /* inset is optional */} #banner p{ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/ background-image: url("../images/bg_black_shadow.png");background-position: left top;background-repeat: repeat;color: #FFFFFF;float: left;padding:0.5em;position: relative;width: 60%; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:30px;} #banner p span.welcome{font-weight:normal; font-size:22px;text-align:center!important; line-height:38px!important;text-shadow:2px 2px 9px rgba(13,13,13,0.6); margin:0 auto;} #banner p span.welcome span.taglinehome{font-weight:bold!important; font-size:31px;line-height:38px!important;text-shadow:2px 2px 9px rgba(13,13,13,0.6);text-align:center!important; margin:0 auto;} #banner p span.intro-text{ line-height:20px!important; font-size:14px!important; padding-top:1em!important; text-align:justify!important; position:relative; float:left;text-shadow:2px 2px 9px rgba(13,13,13,0.6);} #banner.background-image{} #banner.background-image_home{ height:482px!important;} /*Banner images*/ #banner.bannerhome{ background-image: url(../images/header_images/banner_home.png); background-position:right top; background-repeat:no-repeat;} #banner.bannerhome p{ width:60%; margin-top:210px;} #banner.banneraboutUs{ background-image: url(../images/header_images/banner_about_us.png); background-position:center top; height:250px} #banner.banneraboutUs p{width:60%; margin-top:100px;} #banner.bannerservices{ background-image: url(../images/header_images/banner_services.png); background-position:center top; height:250px;} #banner.bannerservices p{width:auto; margin-top:130px;} #banner.bannerproducts{background-image: url(../images/header_images/banner_products.png); background-position:center top;height:250px;} #banner.bannerproducts p{width:auto; margin-top:100px;} #banner.bannercloudServices{background-image: url(../images/header_images/banner_cloudServices.png); background-position:center center;height:250px;} #banner.bannercloudServices p{width:auto;margin-top:130px;} #banner.bannercustomers{background-image: url(../images/header_images/banner_customers.png); background-position:center top; height:250px; background-color:#666} #banner.bannercustomers p{width:auto; margin-top:130px;} #banner.bannercontact{/*background-image: url(../images/header_images/banner_contactUs.png); background-position:center top;*/ height:100px;} .slogan{font-weight:100; font-size:28px; position:absolute; float:left;width:600px; line-height:38px!important; left:535px;bottom:2.70em; color:#fff;} /*CONTENT===========================================================================================================*/ /*Content structure*/ #product{ position:relative; float:left; width:300px;margin-top:0.5em;} #solution{ position:relative; float:left; width:645px;margin-top:0.5em;} #customer{ position:relative; float:left; width:960px; /*margin-bottom:1.5em;*/} section{ position:relative; float:left;width:80%;padding-left:0em;padding-right: 0.75em;background:url(../images/b_v.png); background-position:right top; background-repeat:repeat-y; z-index:0;} section.home{ position:relative; float:left;width:100%!important;padding-left:0em;background-image: none!important; padding-right:0em!important;z-index:0} article{ position:relative; float:left;/*width:74%; margin-right:1em;*/ width:97%; margin-left:1em;} article.home{ position:relative; float:left; width:100%;margin-left:0em;z-index:0} #sidebar{ position:relative; float:left; width:17%; height: auto;} #sidebar div{ margin-bottom:1em; margin-top:1em; position:relative; float:left; width:197px; height: 100%;} #sidebar address{ color:#333;} /*HOME===============================================================*/ /*SERVICES*/ .services{ position:relative; float:left; width:100%;/*height:204px;*/background-image:url(../images/crossed_stripes.png); background-position:left top; background-repeat:repeat; color:#fff; padding-bottom:2em; padding-top:2em;} .services h3{ font-size:18px; font-weight:bold; line-height:24px;font-family:Arial; padding-left:1em; padding-right:1em; /*height:35px;*/ padding-bottom:0.5em;} .services div.fullmodular,.services div.integration,.services div.worldClass,.services div.guaranty{width:25%;position:relative; float:left;line-height:20px;} .services div p{ font-size:14px; font-weight:normal; border-left:1px solid #696768; padding-left:1em; padding-right:1em; padding-top:0em;/*margin-top:2em;*/} .services div.fullmodular p{ border-left:none;} /*FEATURES*/ .features{ position:relative; float:left; width:100%;background-image:url(../images/bg_features.png); background-position:left top; background-repeat:repeat; color:#fff;} .features h3.instance_success{ position:absolute;left:0px; top:-52px;} .features p{ font-size:18px; padding-left:200px; width:75%; height:97px; line-height:24px; margin-bottom:0em!important} /*WHY US*/ .whyUs{ position:relative; float:left; width:100%;background-image:url(../images/bg_content.png); background-position:left top; background-repeat:repeat; color:#333;} .whyUs div.simbol{background-image:url(../images/keywords/bg_crystal_simbol.png); background-position:right top; background-repeat:no-repeat;} .whyUs h2{ font-family:Arial; font-size:30px; font-weight:normal; margin-bottom:0.5em; padding-left:0.3em;} .whyUs .outstanding{ font-size:18px; padding-left:0.5em; padding-bottom:0em!important; margin-bottom:0em!important; padding-top:0em!important} .whyUs div.benefits{ padding-bottom:0.5em; padding-top:0.5em; position:relative; float:left; display:block; width:700px;} .whyUs div.benefits div{ position:relative; float:left; width:47%; padding-left:1em; padding-right:1em;} .whyUs div.benefits div ul{ position:relative; float:left; width:100%;} .whyUs div.benefits div ul li{ position:relative; float:left; width:100%; padding-bottom:0.5em; padding-top:0.5em; font-size:14px; list-style:none!important; line-height:20px;} img.benefitNumber{ float:left; padding-right:0.5em;} /*SIDEBAR----------------------------------------------*/ #sidebar p{ text-align:left;} /*Keyword*/ /*HOME*/ #msgboxcontainer{ position:relative; float: left; width:100%;} #msgboxcontainer.general{ background-image:url(../images/keywords/bg_general.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px; background-image:url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Company*/ #msgboxcontainer.company{ background-image:url(../images/keywords/company/company.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.producthistory{background-image:url(../images/keywords/bg_general.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px; background-image:url(../images/keywords/bg_general.png); height:439px;} /*Services*/ #msgboxcontainer.services{ background-image:url(../images/keywords/services/services.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.managedservices{ background-image:url(../images/keywords/services/managedservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.efficientservices{ background-image:url(../images/keywords/services/efficientservices.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.consultationservices{ background-image:url(../images/keywords/services/consultationservices.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.migrationservices{ background-image:url(../images/keywords/services/migrationservices.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.thirdpartyintegrationservices{ background-image:url(../images/keywords/services/thirdpartyintegrationservices.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.convergedservices{ background-image:url(../images/keywords/services/convergedservices.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.productcampaingservices{ background-image:url(../images/keywords/services/productcampaingservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.salescycleservices{ background-image:url(../images/keywords/services/salescycleservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.provisioningservices{ background-image:url(../images/keywords/services/provisioningservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.billingservices{ background-image:url(../images/keywords/services/billingservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} /*Products*/ #msgboxcontainer.products{ background-image:url(../images/keywords/products/products.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.salesmngproducts{ background-image:url(../images/keywords/products/salesmngproducts.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.campaignmngproducts{ background-image:url(../images/keywords/products/campaignmngproducts.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.salescycleproducts{ background-image:url(../images/keywords/products/salescycleproducts.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.productmngproducts{ background-image:url(../images/keywords/products/productmngproducts.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.bundlesproducts{ background-image:url(../images/keywords/products/bundlesproducts.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.tariffsproducts{ background-image:url(../images/keywords/products/tariffsproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.revenuemngproducts{ background-image:url(../images/keywords/products/revenuemgtproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.mediationsuiteproducts{ background-image:url(../images/keywords/products/mediationsuiteproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.numerosbillingproducts{ background-image:url(../images/keywords/products/numerosbillingproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.datawarehouseproducts{ background-image:url(../images/keywords/products/datawarehouseproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.ordermngproducts{ background-image:url(../images/keywords/products/ordermngproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.wholesaleprovisioningproducts{ background-image:url(../images/keywords/products/wholesaleprovisioningproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.customermngproducts{ background-image:url(../images/keywords/products/customermngproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.unoproducts{ background-image:url(../images/keywords/products/unoproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.ebillingproducts{ background-image:url(../images/keywords/products/ebillingproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.kciproducts{ background-image:url(../images/keywords/products/kciproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} #msgboxcontainer.workflowproducts{ background-image:url(../images/keywords/products/workflowproducts.png)!important; background-position:left top; background-repeat:no-repeat; height:439px;} /*Cloud Services*/ #msgboxcontainer.cloudservices{ background-image:url(../images/keywords/cloudservices/cloudservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #msgboxcontainer.unolitecloudservices{ background-image:url(../images/keywords/cloudservices/unolitecloudservices.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} /*Customers*/ #msgboxcontainer.customers{ background-image:url(../images/keywords/customers/customers.png)!important; background-position:left bottom; background-repeat:no-repeat; height:439px;} #keymsgbox.home{position:relative;float:left;width:260px; height:auto; display: block; background-image: url(../images/keywords/bg_left_home.png); background-position:left top; background-repeat:no-repeat; padding-left:0.5em; padding-top:4em; text-align:left!important} #keymsgbox.home span.home1,#keymsgbox.home span.home2,#keymsgbox.home span.home3{position:relative;float:left;width:98%; height:auto; display: block; background-image: url(../images/keywords/bg_right_home.png); background-position:right bottom; background-repeat:no-repeat; padding-right:0.5em; padding-bottom:1.5em!important;} #keymsgbox{position:relative;float:left;width:auto; height:439px; display: block; background-image: url(../images/keywords/bg_left_general.png); background-position:10px top; background-repeat:no-repeat; padding-left:1.5em; padding-top:3.5em; text-align:left!important;} #keymsgbox span{position:relative;float:left;width:98%; height:auto; display: block; background-image: url(../images/keywords/bg_right_general.png); background-position:3.5em bottom; background-repeat:no-repeat; padding-right:0em; padding-bottom:1.5em;} /*Home--------------*/ .home1, .home2, .home3{font-size:35px; color:#333; line-height:40px!important; font-family:Arial; word-spacing:-0px;} /*About us--------------*/ /*Company*/ .company1, .company2, .company3{font-size:24px; color:#333; width:197px; height:439px; line-height:normal!important; font-family:Arial; word-spacing:-0px;} /*History--------------*/ .producthistory1, .producthistory2, .producthistory3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Services--------------*/ .services1, .services2, .services3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Efficient Services--------------*/ .efficentservices1, .efficentservices2, .efficentservices3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Managed Services--------------*/ .managedservices1,.managedservices2,.managedservices3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Consultation Services--------------*/ .consultationservices1, .consultationservices2, .consultationservices3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Migration Services--------------*/ .migrationservices1, .migrationservices2, .migrationservices3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*third party integration--------------*/ .thirdpartyintegration1, .thirdpartyintegration2, .thirdpartyintegration3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Converged Services--------------*/ .convergedservices1, .convergedservices2, .convergedservices3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Product and campaign management-------------*/ .productandcampaingmgt1, .productandcampaingmgt2, .productandcampaingmgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Sales management-------------*/ .salescycle1, .salescycle2, .salescycle3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Provisioning-------------*/ .provisioning1, .provisioning2, .provisioning3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Billing-------------*/ .billing1, .billing2, .billing3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Products--------------*/ .products1, .products2, .products3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Sales Management--------------*/ .salesmgt1, .salesmgt2, .salesmgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Campaign Management--------------*/ .campaignmgt1, .campaignmgt2, .campaignmgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Product Management--------------*/ .productmgt1, .productmgt2, .productmgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Bundles--------------*/ .bundles1, .bundles2, .bundles3{font-size:28px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Financial Posting--------------*/ .financialpostings1, .financialpostings2, .financialpostings3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Convergign Products--------------*/ .convergingproducts1, .convergingproducts2, .convergingproducts3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Tariffs--------------*/ .tariffs1, .tariffs2, .tariffs3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Order Management--------------*/ .ordermgt1, .ordermgt2, .ordermgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Wholesale Activator--------------*/ .wholesaleactivator1, .wholesaleactivator2, .wholesaleactivator3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Revenue Management--------------*/ .revenuemgt1, .revenuemgt2, .revenuemgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Mediation Suite--------------*/ .mediationsuite1, .mediationsuite2, .mediationsuite3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Numeros Billing--------------*/ .numerousbilling1, .numerousbilling2, .numerousbilling3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Wholesale Billing--------------*/ .wholesalebilling1, .wholesalebilling2, wholesalebilling3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Retail Billing--------------*/ .retailbilling1, .retailbilling2, .retailbilling3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Data Warehouse--------------*/ .datawarehousing1, .datawarehousing2, .datawarehousing3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Customer Management--------------*/ .customermgt1, .customermgt2, .customermgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*UNO--------------*/ .uno1, .uno2, .uno3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Provisioning--------------*/ .provisioning_b1, .provisioning_b2, .provisioning_b3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*CRM--------------*/ .productscrm1, .productscrm2, .productscrm3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*UNO Billing Design--------------*/ .unobilldesign1, .unobilldesign2, .unobilldesign3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*UNO Bill fulfilment--------------*/ .unobillfulfillment1, .unobillfulfillment2, .unobillfulfillment3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*eBilling--------------*/ .ebilling1, .ebilling2, .ebilling3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*KCI--------------*/ .kci1, .kci2, .kci3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Workflow Management--------------*/ .workflowmgt1, .workflowmgt2, .workflowmgt3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*Cloud Services--------------*/ .cloudservices1, .cloudservices2, .cloudservices3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*UNO Lite*/ .cloudservicesuno1, .cloudservicesuno2, .cloudservicesuno3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat; width:150px!important;} /*Customers--------------*/ .customers1, .customers2, .customers3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*THUS--------------*/ .thusltd1, .thusltd2, .thusltd3{font-size:24px; color:#333; line-height:normal!important; font-family:Arial; word-spacing:-0px; background-image: url(../images/keywords/bg_general.png); background-position:left bottom; background-repeat:no-repeat;} /*====================================================PAGES====================================================*/ /*PAGES - General----------------------------------------------*/ /*TITLE*/ .pageTitle{font-weight:100; font-size:36px; position:absolute; float:left; color:#fff; padding-bottom:0.5em; padding-top:0.5em; z-index:1; left:290px; top:-195px;} .pageTitle strong.bold{font-weight:normal;font-size:44.1px!important;} .page_margen{ margin:0 auto 20px;padding: 15px;width:930px;} /*PageTitle*/ article h1{font-weight:light; font-size:20px; position:relative; float:left;padding-bottom:0.5em; line-height: normal!important; /*padding-top:0.5em;*/ width:100%!important; color:#333;} .header2{font-family:Arial; font-size:18px; line-height:normal; font-weight:normal; width:100%; margin-top:1em; float:left; margin-bottom:0.5em;} .header3{font-family:Arial; font-size:16px; line-height:normal; font-weight:normal;width:100%; margin-top:1em; float:left;} /*Intro*/ .intro{ font-weight:bold; font-family:arial;/*-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;*/ background-color:#fff;color: #4b4b4b; float:left; position: relative;padding:1em!important; margin-bottom:1em; clear:both; text-align: left; font-size:14px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} /*PARAGRAPHS*/ section p{ padding-top:0.5em; padding-bottom:0.5em; margin-bottom:0.5em; font-size:12px/14px; line-height:20px;} article p{ text-align:justify;} article li{position:relative; float:left; width:100%; padding-bottom:0.5em; padding-top:0.5em; font-size:12px; line-height:18px; list-style:square;} /*COLUMS*/ div.colum2 ul{ position:relative; float:left; width:100%;} div.colum2 ul li{ position:relative; float:left; width:45%; margin-right:1em; background-color:#fff; list-style:none;s;} .contact{ background-image:url(../images/bg_pictures.png); background-position:left -1044px; background-repeat:no-repeat; padding-left:1.5em!important; font-family:arial; font-size:21px; font-weight:light; text-shadow:none!important; margin-top:2em;} /*Breadcrum----------------------------------------------*/ #nav-breadcrum{ position:relative;bottom:0em; float:left; width:100%; margin-left: 1em; margin-top: 1.5em; font-family:Arial, Helvetica, sans-serif;} #nav-breadcrum p{ position:relative; float:left; width:100%;} #nav-breadcrum p span{ position:relative; float:left; width:auto; font-size: 11px;color:#333; padding-top: 0.2em;} #nav-breadcrum p span a{ position:relative; float:left; width:auto; font-size:11px; font-weight:bold; color:#0c4f7e;top:0.1em;} #nav-breadcrum p span a:hover{text-decoration: underline;} #nav-breadcrum p span a.home{ background-image:url(../images/bg_pictures.png); background-position:left -1293px; background-repeat:no-repeat; text-indent:-100000px; width:16px; position:relative; float:left; height: 17px;} .arrow{ background-image:url(../images/bg_pictures.png); background-position:5px -1336px; background-repeat:no-repeat; padding-left:1.5em; padding-right:0.5em;} #nav-breadcrum span strong{ font-size:12px; font-weight: bold;top:2px; position:relative;} /*PAGES - COMPANY----------------------------------------------*/ /*PRODUCT HISTORY*/ div.timeline {margin: 0 auto 20px;width:auto;} div.timelinecontents {background-image: url(../images/bkgd_timeline.png);background-position:center top; background-repeat:repeat-y;font-size: 11px;font-weight: normal;margin: 0 0 15px;overflow: hidden;} div.timeblock {border-top: 2px solid #999999;line-height: normal;overflow: hidden;padding-top: 10px;width: 450px;margin-top:20px;} /*div.leftimage { float: left; padding: 5px; text-align: center; width: 145px; }*/ div.timeblock-right {border-top: 2px solid #999999;float: right;line-height: normal;padding-top: 10px;width:480px;margin-top:20px;} div.timelinecontents div.eventcontents {float: left;text-align: left;width: 350px;} div.eventcontents ul{ position:relative; float:left; width:auto;} div.eventcontents ul li{background-image:url(../images/arrowSmall.gif); background-position:left 0.75em; background-repeat:no-repeat; padding-left:2em; font-size:12px; line-height:1.5em; list-style:none!important;} div.timelinecontents div.year {color: #999999;float: left;font-size: 24px; font-family:Arial, Helvetica, sans-serif;font-weight: bold;margin-left: 25px;} div.threesevenevent {border-top: 2px solid #0196D0;} div.threesevenevent div.year {color: #0196D0;} div.timeblock-right div.year { margin-left: 0; margin-right: 50px;} /*PAGES - SERVICES----------------------------------------------*/ div.technical_features{ position:relative; float:left;width:100%; display:block;background-color:#FFF;margin-top:1em; padding:1em;} div.technical_features ul{ position:relative; float:left; width:100%;} div.technical_features ul li{ position:relative;/*float:left;*/width:96%!important;border-bottom:1px solid #ccc; list-style:none; padding:0.5em; background-image:url(../images/arrowSmall.gif); background-position:left 0.75em; background-repeat:no-repeat; padding-left:2em; clear:both!important; display:block;} /*PAGES - PRODUCTS----------------------------------------------*/ .benefits{ padding-bottom:0.5em; padding-top:0.5em; position:relative; float:left; display:block; width:100%;} .benefits div{ position:relative; float:left; width:46%; padding-left:1em; padding-right:1em;} .benefits div ul{ position:relative; float:left; width:100%;} .benefits div ul li{ position:relative; float:left; width:100%; padding-bottom:0.5em; padding-top:0.5em; font-size:12px; list-style:none!important; line-height:20px;} /*Product intro*/ div.product_intro ul{ position:relative; float:left; width:100%;} div.product_intro ul li{ position:relative; float:left; width:45%; margin-right:1em; background-color:#fff; list-style:none; height:130px; margin-bottom:1em;} div.product_intro ul li h2{ margin-top:0em!important;} div.product_intro:first{ margin:0em;} div.product_intro ul li a{ position:absolute; right:0.75em; margin-bottom:0.75em;width:auto; background-image:url(../images/arrowSmall_blue.gif); background-position:right 5px; background-repeat:no-repeat; padding-right:1.5em; bottom:0em;} /*Product intro 3 colum*/ div.product_intro3 ul{ position:relative; float:left; width:100%;} div.product_intro3 ul li{ position:relative; float:left; width:28.8%; margin-right:1em; background-color:#fff; list-style:none;height:130px;} div.product_intro3 ul li h2{ margin-top:0em!important;} div.product_intro3:first{ margin:0em;} div.product_intro3 ul li a{ position:relative; float:left; width:auto; background-image:url(../images/arrowSmall_blue.gif); background-position:right 5px; background-repeat:no-repeat; padding-right:1.5em;} /*Show and Hide*/ div.showhide{ position:relative; float:left; display:block;background-color:#FFF;margin-top:1em;} div.showhide ul{ position:relative; float:left; width:100%;} div.showhide ul li{ position:relative; float:left;width:100%;border-bottom:1px solid #ccc; list-style:none; background-image:url(../images/arrowSmall.gif); background-position:0.5em 1em; background-repeat:no-repeat; padding-bottom:0em;} div.showhide ul li:last-child{ border-bottom:none!important;} div.showhide ul li h3{ margin-left:1em; margin-right:1em; padding-left:1em; padding-top:0.25em; padding-bottom:0.75em; font-weight:normal;} .toggle{ background-image: url(../images/bg_black_shadow.png); background-position:left top; background-repeat:repeat; padding:1em; color:#eee; -webkit-box-shadow: 0 0 5px 0 #333333 inset; -moz-box-shadow: 0 0 5px 0 #333333 inset; /* color, h-offset, v-offset, blur, spread */ box-shadow: 0 0 5px 0 #333333 inset; /* inset is optional */} .toggleLink{ font-family:Arial, Helvetica, sans-serif;padding-left:5px; padding-right:5px; float:right; background-color:#02A4FE; color:#fff; width:8px; text-align:center;} /*PAGES - CLOUD SERVICES----------------------------------------------*/ .offers{ position:relative; float:left; width:100%; text-align:center;} .offers ul{ position:relative; float:left; width:100%; padding-top:1em;} .offers ul li{ position:relative; float:left; width:47.5%; margin-right:1em; background-color:#fff; list-style:none; height:auto; margin-bottom:1em; text-align:left;} .offers ul li span{ font-size:16px!important; vertical-align:middle; margin-top:20px; position:relative;float:left;width:57%;} /*PAGES - CUSTOMERS----------------------------------------------*/ .customerList{ position:relative; float:left; width:100%;} .customerList ul{ position:relative; float:left; width:100%;} .customerList ul li{ position:relative; float:left; width:32%; list-style:none; padding-right:0.5em; height:120px;} .customerList ul li img{ width:100%; height:auto;} /*PAGES - CONTACT US----------------------------------------------*/ /*FOOTER===========================================================================================================*/ #footer{} .footer{ position:relative;padding-bottom:0.25em; padding-top:0.25em;} /*Credits*/ .credits{color:#ccc; font-size:11px; position:relative;width:100%;background-color:#000;} .credits p{ position: relative; margin: 0 auto; width:100%;} .credits p small{ font-size:11px;} /*Sitemap*/ #sitemap{ position: relative; float: left; width:827px; padding-top: 1em; background-image:url(../images/b_v_sitemap.png); background-position:right top; background-repeat:repeat-y;} #sitemap div.about{ position:relative; float:left; width:170px;padding-right:1em;} #sitemap div.services{ position:relative; float:left; width:610px; padding-top:0em!important;margin-left:1em; margin-right:0.5em;background-image:url(../images/b_v_sitemap.png); background-position:left top; background-repeat:repeat-y; padding-left:1em; height:auto!important; margin-bottom:1em;} #sitemap div.services ul li{ position:relative; float:left; width:50%;} #sitemap div.services ul li ul{ position:relative; float:left; padding-left:2em;} #sitemap div.services ul li ul li{ position:relative; float:left; width:100%;} #sitemap div.products{ position:relative; float:left; width:810px;padding-right:1em; margin-right:0.5em;} #sitemap div.products ul{ position:relative; float:left; width:100%;} #sitemap div.products ul li{ position:relative; float:left; width:30%;} #sitemap div.products ul li ul{ position:relative; float:left; padding-left:2em;} #sitemap div.products ul li ul li{ position:relative; float:left; width:100%; height:auto!important;} #sitemap div.cloudServices{ position:absolute; float:left;left:495px;top:360px;height:100px; z-index:0; width:300px;padding-left:1em; margin-right:0.5em;background-image:url(../images/b_v_sitemap.png); background-position:left top; background-repeat:repeat-y;} #sitemap div.customers{ position:absolute; float:left;left:495px;top:460px; z-index:0; width:300px;padding-left:1em; margin-right:0.5em;background-image:url(../images/b_v_sitemap.png); background-position:left top; background-repeat:repeat-y;} #sitemap div h4{ font-weight:normal; font-size:12px; background-color:#585d60; width:99%; padding:0.5em; position:relative; float:left;} #sitemap div a{color:#ccc!important} #sitemap div a:hover{text-decoration:underline; } #sitemap div ul{ padding-left:0.5em; padding-top:0.5em; position:relative; float:left;} #sitemap div li{font-size:12px;text-align:left; margin-bottom:0.5em; font-weight: normal;} /*Get in Touch*/ .getTouch{ position:relative; float:left; width:185px; margin-left:1em; margin-top:1.5em;} .getTouch h2{ font-family:arial; font-size:24px;color:#999; font-weight:normal; margin-bottom:1em;} .getTouch form{ position:relative; float:left; width:100%;} .getTouch input, .getTouch textarea{ padding:0.5em; width:96%; font-size:12px; margin-bottom:0.5em; background-color:#585d60; border:none!important; color:#eee!important;} .getTouch textarea{font-family:arial; color:#eee;} .getTouch input.inputbox{ width:100%!important; text-transform:uppercase;color:#333333!important; font-size:16px!important; box-shadow:1px 2px 0px #333; text-shadow:0px 1px 0px #fff; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 50%, 50% 100%, from(#ffffff,#cccccc), to(#989898,#666666)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #cccccc,#989898, #666666); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #cccccc, #989898, #666666); /* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #cccccc,#989898, #666666); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #cccccc,#989898, #666666); cursor:pointer;} .getTouch input[type="button"]:active{ position:relative;top:1px;} .contact{ background-image:url(../images/bg_pictures.png); background-position:left -1044px; background-repeat:no-repeat; padding-left:1.5em!important; font-family:arial; font-size:18px; font-weight:light; text-shadow:none!important; margin-top:2em;} .follow{ font-size:14px; padding-top:0.5em;} .linked_in{ background-image:url(../images/bg_pictures.png); background-position:left -1099px; background-repeat:no-repeat; text-indent:-10000px; position:relative; float:left; width:29px; height:29px; padding-right:0.5em;} .twitter{ background-image:url(../images/bg_pictures.png); background-position:left -1145px; background-repeat:no-repeat;text-indent:-10000px; position:relative;float:left; width:29px;height:29px; padding-right:0.5em;} .facebook{ background-image:url(../images/bg_pictures.png); background-position:left -1194px; background-repeat:no-repeat;text-indent:-10000px; position:relative;float:left; width:29px;height:29px;} .top{ background-image: url(../images/bg_top.png); background-position:left top; background-repeat: no-repeat; position:absolute;right:0em; bottom:0em; width:32px; height:32px;text-indent: -999999px; z-index:1000;} .top:hover{ background-color:rgba(0,0,0,0.5)} /*========================================GENERAL CLASS===================================================*/ .hidden{ display:none;} .clear{ clear:both;} .z-index0{ z-index:0!important;} .assistive-text{position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);} /*font*/ .bold{ font-weight:bold;font-family:Arial!important;} .arial{ font-family:Arial, "Helvetica", sans-serif; letter-spacing:normal;} .f_size{ font-size:1.2em!important; background-image:none!important; padding:0em; margin:0em; letter-spacing:normal!important;} .f_size11{ font-size:11px!important;} /*color*/ .black{ color:#444!important;} /*borders*/ .b_grey{ border:10px solid #C7C6C6; position:relative; float:left; width:650px!important;} .b_grey_top{ border-top:10px solid #C7C6C6;border-left:10px solid #C7C6C6;border-right:10px solid #C7C6C6; position:relative; float:left; width:650px!important;} .b_white{ border:10px solid #fff; float:left; width:650px!important; margin-top:0em!important;} .b_white_top{ border-top:10px solid #fff;border-left:10px solid #fff;border-right:10px solid #fff; position:relative; float:left; width:650px!important;} .b_bottom{ background-image:url(../images/b_h.png); background-position:left bottom; background-repeat:repeat-x;} .b_center{ background-image:url(../images/b_h.png); background-position:left center; background-repeat:repeat-x;} .b_top{ background-image:url(../images/b_h.png); background-position:left top; background-repeat:repeat-x;} .b_right{ background-image:url(../images/b_vertical.gif); background-position:right top; background-repeat:repeat-y;} .b_left{ background-image:url(../images/b_vertical.gif); background-position:left top; background-repeat:repeat-y;} /*Rounded corners*/ .box{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; behavior:url(border-radius.htc); /* Activamos el soporte para IE */} .box5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} /*Rounded corner bottom*/ .box_top{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -khtml-border-radius: 10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } /*Rounded corner bottom*/ .box_bottom{ -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -khtml-border-radius: 0px 0px 10px 10px; border-radius:0px 0px 10px 10px; } /*Rounded corner right*/ .box_right{ -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; -khtml-border-radius: 0px 10px 10px 0px; border-radius:0px 10px 10px 0px;} /*Rounded corner left*/ .box_left{ -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; -khtml-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} /*Rounded corner left outside*/ .box_left_outset{ border-style:inset; -webkit-border-bottom-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; -khtml-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} .b_shadow{-moz-box-shadow:0 0 6px #111111 inset;-webkit-box-shadow:0 0 6px #111111 inset;box-shadow:0 0 6px #111111 inset;behavior: url(patches/ie-css3.htc); /* Activamos el soporte para IE */} .b_without{ border:none!important;} .b_without_bot{ border-bottom:none!important;} .b_without_top{ border-top:none!important;} .b_h{ background-image:url(../images/b_h.png); background-position:left bottom; background-repeat:repeat-x;} .b_v{ background-image:url(../images/b_v.png); background-position:right top; background-repeat:repeat-y;} /*align*/ .a_left{ text-align:left;} .a_right{ text-align:right;} .justify{ text-align:justify;} .f_left{ float:left!important;} .f_right{ float:right!important;} .center{ text-align:center;} /*bg*/ .bg_white{ background-color:#fff; color: #4b4b4b;} .bg_light_grey{ background-color:#eee;} .bg_darkGrey{ background-color:#d2dade;} .bg_grey{ background-color:#e7e6e6;} .bg_blue{ background-color:#3ba5de; color: #fff;} .bg_blackTransparent{ background-image:url(../images/bg_black_shadow.png); background-position:left top; background-repeat:repeat;} .bg_without{ background-image:none!important; padding-left:0.5em!important;} .bg_transparent{ background-color:transparent!important;} .bg_alpha{opacity: .80;-moz-opacity: .80;filter:alpha(opacity=80); /* other browsers and IE9+ */opacity: .8; /* IE6+ */filter: alpha(opacity=80); /* IE6+ */filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* this works in IE8 only */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";} /*Gradient*/ .gr_blue{ /*Standard*/background: linear-gradient(top, #0f1c3b 100%, #0985c5 50%); /*Firefox*/background: -moz-linear-gradient(#0f1c3b, #0985c5); /*Safari and Chrome*/background: -webkit-linear-gradient(bottom, #0f1c3b 25%, #0985c5 75%); /*Opera*/background: -o-linear-gradient(#0f1c3b, #0985c5); /*IE6-IE7*/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1c3b', endColorstr='#0985c5'); /*IE8-IE9*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1c3b', endColorstr='#0985c5')"; /*IE10*/background: -ms-linear-gradient(#0f1c3b, #0985c5);} .gr_red{ /*Standard*/background: linear-gradient(top, #c62d2d 100%, #aa2d2d 50%); /*Firefox*/background: -moz-linear-gradient(#c62d2d, #aa2d2d); /*Safari and Chrome*/background: -webkit-linear-gradient(bottom, #c62d2d 25%, #aa2d2d 75%); /*Opera*/background: -o-linear-gradient(#c62d2d, #aa2d2d); /*IE6-IE7*/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d2d', endColorstr='#aa2d2d'); /*IE8-IE9*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d2d', endColorstr='#aa2d2d')"; /*IE10*/background: -ms-linear-gradient(#c62d2d, #aa2d2d);} /*List style*/ .li_none{ list-style:none;} /*space*/ .h_space{ position:relative;height:5.5em!important;} /*colors*/ .link_blue{color:#02A4FE!important; text-decoration:underline!important;} /*with*/ .col3{ position:relative; float:left; width:30%!important;margin-left:0.5em;margin-right:0.5em} /*height*/ .h_auto{ height:auto!important;} .minheight{min-height:420px!important;} /*margin*/ .m_left{ margin-left:0.5em;} .m_left15{ margin-left:1.5em!important;} .m_left4{margin-left:4em;} .m_right{ margin-right:0.5em;} .m_top{ margin-top:0.5em;} .m_top1{ margin-top:1em;} .m_top15{ margin-top:1.5em;} .m_top2{ margin-top:2em;} .m_bottom{ margin-bottom:0.5em;} .m_bottom1{ margin-bottom:1em;} .without_m{margin:0em!important;} /*padding*/ .padding{ padding:1em!important;} .padding2{padding:2em!important;} .p_top{ padding-top:0.5em;} .p_top1{ padding-top:1em;} .p_bot{ padding-bottom:0.5em;} .p_bot1{ padding-bottom:1em;} .p_right{ padding-right:0.5em;} .p_left{ padding-left:0.5em;} .p_right1{padding-right:1em;} .p_right15{padding-right:1.5em;} .p_left1{padding-left:1em;} .without_p{ padding:0em!important;} #toTop { width:100px; /* border:1px solid #ccc; background:#f7f7f7; text-align:center;*/ padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#333; font-family:verdana; font-size:11px; } /*=======================================================DIFFERENT PLATFORMS===============================================*/ /*@media only screen and (max-device-width: 480px) { #banner p{left:5%;} #banner.bannerhome p{ width:55%!important;} #banner.banneraboutUs p{width:55%;} } @media only screen and (max-device-width:1024px) { #banner p{left:5%;} #banner.bannerhome p{ width:55%!important;} #banner.banneraboutUs p{width:55%;} } @media only screen and (max-device-width:1366px) { #banner p{left:10%;} #banner.bannerhome p{ width:55%!important;} #banner.banneraboutUs p{width:55%;} } */