@font-face {
    font-family: 'ronnia_rgregular';
    src: url('ronnia/ronniareg-webfont.eot');
    src: url('ronnia/ronniareg-webfont.eot?#iefix') format('embedded-opentype'),
    url('ronnia/ronniareg-webfont.woff2') format('woff2'),
    url('ronnia/ronniareg-webfont.woff') format('woff'),
    url('ronnia/ronniareg-webfont.ttf') format('truetype'),
    url('ronnia/ronniareg-webfont.svg#ronnia_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ronnia_sbsemibold';
    src: url('ronnia/ronniasemibold-webfont.eot');
    src: url('ronnia/ronniasemibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('ronnia/ronniasemibold-webfont.woff2') format('woff2'),
    url('ronnia/ronniasemibold-webfont.woff') format('woff'),
    url('ronnia/ronniasemibold-webfont.ttf') format('truetype'),
    url('ronnia/ronniasemibold-webfont.svg#ronnia_sbsemibold') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'ronniacondensed_light';
    src: url('ronnia/ronniacondlight-webfont.eot');
    src: url('ronnia/ronniacondlight-webfont.eot?#iefix') format('embedded-opentype'),
    url('ronnia/ronniacondlight-webfont.woff2') format('woff2'),
    url('ronnia/ronniacondlight-webfont.woff') format('woff'),
    url('ronnia/ronniacondlight-webfont.ttf') format('truetype'),
    url('ronnia/ronniacondlight-webfont.svg#ronniacondensed_light') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'ronnia_ththin_italic';
    src: url('ronnia/ronniathinitalic-webfont.eot');
    src: url('ronnia/ronniathinitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('ronnia/ronniathinitalic-webfont.woff2') format('woff2'),
    url('ronnia/ronniathinitalic-webfont.woff') format('woff'),
    url('ronnia/ronniathinitalic-webfont.ttf') format('truetype'),
    url('ronnia/ronniathinitalic-webfont.svg#ronnia_ththin_italic') format('svg');
    font-weight: 100;
    font-style: italic;

}
@font-face {
    font-family: 'ronnia_ththin';
    src: url('ronnia/ronniathin-webfont.eot');
    src: url('ronnia/ronniathin-webfont.eot?#iefix') format('embedded-opentype'),
    url('ronnia/ronniathin-webfont.woff2') format('woff2'),
    url('ronnia/ronniathin-webfont.woff') format('woff'),
    url('ronnia/ronniathin-webfont.ttf') format('truetype'),
    url('ronnia/ronniathin-webfont.svg#ronnia_ththin') format('svg');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'ronnia_rgitalic';
    src: url('ronnia/ronniaregitalic-webfont.eot');
    src: url('ronnia/ronniaregitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('ronnia/ronniaregitalic-webfont.woff2') format('woff2'),
    url('ronnia/ronniaregitalic-webfont.woff') format('woff'),
    url('ronnia/ronniaregitalic-webfont.ttf') format('truetype'),
    url('ronnia/ronniaregitalic-webfont.svg#ronnia_rgitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
.show_for_mobile {
	display:none;
}
.navbar-toggle {
	margin: 16px 50px 0 0; 
}
.header {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
}
.gris {
    background: #f3f3f3 none repeat scroll 0 0;
}
.ms-slide-bgcont > img {
    /*height: 610px!important;*/
    width: 100%!important;
    overflow: hidden;
    margin-top: 0px!important;

}
.ms-inner-controls-cont {
    height: 96%!important;
}
.ms-slide.slide-4.ms-sl-selected,.ms-view.ms-basic-view.ms-grab-cursor {
    /*height: 610px!important;*/
}
.one_fifth {
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
}
.one_fifth.quinto {
    margin-right: 0%;
}

.container h1 {
text-shadow:2px 3px 5px #313131;

}




h2 {
    font-size: 35px;
    line-height: 35px;
    font-family: 'ronnia_rgregular', sans-serif;
    color: #6f6f73;
}
p {
    font-family: 'ronnia_ththin', sans-serif;
    color: #6f6f73;
}
#slider-outline .sl-div a {
    background: transparent;
}
.bigtfont {
    font-size: 18px;
    line-height: 25px;
}
.header {
    top: 0px;
}
#logo {
    background: url(../img/logo-primary.png) no-repeat left top;
}
.feature_section1.sty2 img {
    width: 100%;
    overflow: hidden;
}


.feature_section1.sty2 {
   background-color: #eee;
   padding: 20px 0px 90px 0px;
}
.client_logos { background-color:#E9E9E9; }
.center-text {
    text-align: center;
}
.sl-div {
    background-color: transparent!important;
    height: 477px;
}
.sl-div img {
    max-width: 750px;
    overflow: hidden;
}
#slider-outline #sl-next { height: 477px; }
#slider-outline #sl-prev { height: 477px; }

.client_logos li {
    padding: 10px;
    margin: 0px;
    width: 16%;
}
.flips4_back {
    background-color: #fff;
}

.client_logos ul li img {
    width: 100%;
}
.nav>li {
    margin-top: 10px;
}
.site_wrapper ul.nav>li>a {
    color: #6f6f73;
    font-family: 'ronnia_rgregular', sans-serif;
    font-size: 18px;
}
.site_wrapper ul.nav>li>a:hover,.site_wrapper ul.nav>li>a.active,.site_wrapper ul.nav>li>a.active:hover,.site_wrapper ul.nav .dropdown li a.active  {
    color: #e0a045;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #e0a045;
}

.row-fluid .btn--warning.active, .row-fluid .btn--warning:active, .row-fluid .btn--warning:hover {
    background-color: #e0a045;
}
.bloque-suamte {
    background: #e9e9e9 url(../img/foto-rrhh0.jpg) no-repeat center top / 100% auto;
    text-align: left;
    padding: 200px 0px 200px 0px;
}
.bloque-suamte p {
    margin-bottom: 15px;
}
.naranja {
    background-color: #e0a045;
    font-family: 'ronnia_ththin', sans-serif;
    font-size: 20px;
    color:#fff;
    border-radius: 10px;
    border: none;
    padding: 5px 10px;
}
.btn-naranja {
    background-color: #e0a045;
    font-family: 'ronnia_rgregular', sans-serif;
    color:#fff;
    border-color: #e0a045;
    border-radius: 30px;
    margin-bottom: 20px;
}

/******************************************************
    CUSTOM BTN VALUES
******************************************************/

.btn {
    font-family: 'ronnia_rgregular', sans-serif;
    padding: 7px 12px;
    border: 0 none;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/******************************************************
    STANDARD BUTTONS
******************************************************/

.btn-default {
    border: 2px solid #C4C4C4;
    color: #737373;
    padding: 12px 22px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background: #FFFFFF;
    border-color: #949494;
    color: #737373;
}
.btn-default:active, .btn-default.active {
    border-color: #737373;
    box-shadow: none;
}
.btn-primary {
    background: #0099cc;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}
.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}
.btn-success {
    background: #00bf6f;
    color: #ffffff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background: #39bf87;
}
.btn-success:active, .btn-success.active {
    background: #008c52;
    box-shadow: none;
}
.btn-info {
    background: #31cde8;
    color: #ffffff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background: #5fd4e8;
}
.btn-info:active, .btn-info.active {
    background: #35a2b5;
    box-shadow: none;
}
.btn-warning {
    background: #eb8f34;
    color: #ffffff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background: #eba259;
}
.btn-warning:active, .btn-warning.active {
    background: #b87430;
    box-shadow: none;
}
.btn-danger {
    background: #f25454;
    color: #ffffff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background: #f26d6d;
}
.btn-danger:active, .btn-danger.active {
    background: #bf4343;
    box-shadow: none;
}

/******************************************************
    SHARP BUTTONS
******************************************************/

.btn.sharp {
    border-radius: 0;
}

/******************************************************
    ROUNDED BUTTONS
******************************************************/

.btn.round {
    border-radius: 24px;
}
.btn-lg.round {
    border-radius: 32px;
}
.btn-sm.round {
    border-radius: 14px;
}
.btn-xs.round {
    border-radius: 10px;
}


/******************************************************
    BUTTON SIZING
******************************************************/

.btn-xs, .btn-group-xs > .btn {
    padding: 2px 6px;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 8px 12px;
}
.btn-lg {
    padding: 20px 40px;
    border-radius: 4px;
}
.btn-xs.btn-default, .btn-xs.outline {
    padding: 0px 4px;
}
.btn-sm.btn-default, .btn-sm.outline {
    padding: 6px 10px;
}
.btn-lg.btn-default, .btn-lg.outline {
    padding: 18px 38px;
}

.ms-layer.slogan {
    font-family: 'ronnia_rgitalic', sans-serif;
    color: #fff;
    font-size: 55px!important;
}
.ms-layer.texto {
    font-family: 'ronnia_ththin_italic', sans-serif;
    color: #fff;
    font-size: 23px;
    line-height: 30px;
}



.page_title1 {
	text-align: left;
    padding: 120px 0px 22px 0px;
}

.page_title1.servicios {
    background: #fff url(../img/foto-servicio.jpg) no-repeat center top / 100% auto;
}

.page_title1.seguridad {
    background: #fff url(../img/foto-producto.jpg) no-repeat center top / 100% auto; 
}

.page_title1.dma {
    background: #fff url(../img/foto-producto-dma.jpg) no-repeat center top / 100% auto;
}

.page_title1.risk {
    background: #fff url(../img/foto-producto-rm.jpg) no-repeat center top / 100% auto;
}

    .page_title1.trading {
        background: #fff url(../img/foto-productotg.jpg) no-repeat center / 100% auto;
        
    }

.page_title1.ptp {
    background: #fff url(../img/ptp/home_big_image.jpg) no-repeat center top / 100% auto;
    /*background-image: url('../img/ptp/home_big_image.jpg');*/
}

.page_title1.backoffice {
    background: #fff url(../img/foto-producto-back.jpg) no-repeat center top / 100% auto;
    
}

.page_title1.algo { 
    background: #fff url(../img/foto-producto-algo.jpg) no-repeat center top / 100% auto;  
}

    .page_title1.xoms {
        background: #fff url(../img/FondoXOMS.png) no-repeat center / 100% auto;
    }

.page_title1.historia {
    background: #fff url(../img/foto-historia.jpg) no-repeat center top / 100% auto;
}
.page_title1.equipo {
    background: #fff url(../img/foto-sumate.jpg) no-repeat center top / 100% auto;
}


.page_title1.sumate {
    background: #fff url(../img/foto-rrhh0.jpg) no-repeat center top / 100% auto;
}
.page_title1.novedades {
    background: #fff url(../img/foto-novedades.jpg) no-repeat center top / 100% ;
}


.page_title1.caso {
    background: #cccccc ;
}

.page_title1 h1 {
    font-family: 'ronnia_rgregular',sans-serif;
}
.page_title1 h5 {
    font-family: 'ronnia_sbsemibold',sans-serif;
    font-size: 29px;
    color: #fff;
}
.page_title1.seguridad h1 {
    font-family: 'ronnia_rgregular',sans-serif;
    font-size: 32px;
	margin-top:100px;
}

.soluciones-bolsa  h2,.soluciones-back h2, .soluciones-acceso h2,.producto-interna h2,.contenido-ptpexchange h2,.contenido-novedades h2 {
    font-family: 'ronnia_rgregular',sans-serif;
    font-size: 25px;
    margin-bottom: 20px;
	margin-top: 40px;
}
.soluciones-bolsa  h5,.soluciones-back h5, .soluciones-acceso h5,.producto-interna h5,.beneficios h5,.tabs-sumate h5 {
    font-family: 'ronnia_sbsemibold',sans-serif;
    font-size: 20px;
    margin-bottom: 5px;
}
.soluciones-bolsa  p,.soluciones-back p, .soluciones-acceso p,.producto-interna p,.servicios-incluidos li,.tabs-sumate p {
    font-family: 'ronnia_ththin',sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
	
    color: #626161;
}
.soluciones-back h2,.soluciones-back h5,.azul {color: #444480;}
.soluciones-acceso h2,.soluciones-acceso h5 {color:#d4d1d1;}
.soluciones-bolsa  h2, .soluciones-bolsa  h5,.producto-interna h2,.producto-interna h5,.contenido-ptpexchange h2,.contenido-novedades h2,.beneficios h5,.tabs-sumate h5 {color: #e0a045;}
.subtitulo {
    font-family: 'ronnia_sbsemibold',sans-serif;
    font-size: 24px;
}
ul.servicios-incluidos {
    list-style: none;
}
ul.servicios-incluidos img {
    padding: 0 10px;
    margin-bottom: 0px;
	 
}
.canales-soporte-banner {
    color: #fff;
    border-color: #e0a045;
    background-color: #e0a045;
    padding:25px 0px;
	 margin-top: 10px;
}
.canales-soporte-banner a {
    color: #fff!important;
	font-size: 20px;
}
.canales-soporte-banner p {
    font-family: 'ronnia_ththin',sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.canales-soporte-banner strong {
    font-family: 'ronnia_sbsemibold',sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
}
.feature_section4 .left,.feature_section4 .right,.feature_section4 .center {
    background-color: #d4d1d1;
    cursor: hand;
	
}
.feature_section4 {
    /*max-height: 150px;*/
    overflow: hidden;
	

}
.feature_section4 .left a span ,.feature_section4 .right a span,.feature_section4 .center a span {
    font-family: 'ronnia_ththin',sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
	
	
}
.feature_section4 .left a:hover ,.feature_section4 .right a:hover,.feature_section4 .center a:hover {
    text-transform: none;
    text-decoration: none;
	
}
.feature_section4 .left:hover,.feature_section4 .right:hover,.feature_section4 .center:hover {
    background-color: #aaa8a8;
	
}
.feature_section4 img {
    display: inline-table;
    vertical-align: middle;
    margin: 15px 10px 22px 10px ;
}
.cd-timeline-content .cd-date strong:after {
    border-right-color: #e0a045;
}
.cd-timeline-content .cd-date b:after {
    border-left-color: #e0a045;
}
.cd-timeline-content .cd-date strong,.cd-timeline-content .cd-date b {
    background: #e0a045;
}
.cd-timeline-content .cd-date {
    font-family: 'ronnia_sbsemibold',sans-serif;
    font-size: 20px;
}
.cd-timeline-content p.text {
    font-family: 'ronnia_ththin',sans-serif;
    font-size: 18px;
    line-height: 37px;
    color: #686666;
}
.feature_section15 .one_fourth_less {
    width: 22.500%;
}
h5.sitecolor {
    color: #e0a045;
    font-size: 25px;
    line-height: 35px;
    font-family: 'ronnia_sbsemibold',sans-serif;
}
h5 em {
    color: #d2d2d2!important;
    font-size: 19px!important;
    font-family: 'ronnia_sbsemibold',sans-serif;
}
.feature_section15 p {
    color: #626161!important;
    font-size: 18px!important;
    line-height: 25px;
    font-family: 'ronnia_ththin',sans-serif;
}
.st-accordion-four ul li > a,.st-accordion-four ul li.st-open > a,.st-accordion-four ul li > a:hover{
    font-family: 'ronnia_sbsemibold',sans-serif;
    font-size: 22px;
    margin-bottom: 2px;
    color: #e0a045;
}
.st-accordion-four .st-content p {
    font-family: 'ronnia_ththin',sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #626161;
}

.beneficios {
    text-align: center;
    padding: 30px 40px;
    min-height: 500px;
}
.beneficios h5 {
    margin-bottom: 40px;
}
.beneficios img {
    margin-bottom: 30px;
}

.centrado img {
    margin: 10px auto;
    display: block;
}

.tabs-sumate {
    padding:20px;
    text-align: center;
}
.pop-wrapper {
    width: 90%;
    padding: 0;
    margin: 0px auto 30px auto;
}
.pop-wrapper li a {
    display: block;
    width: 142px;
    height: 142px;
    margin: 0 2px;
    outline: none;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 100%;
    text-align: center;
}
.site_wrapper .tabs3 li.active a,.site_wrapper .tabs3 li a:hover {
    color: #e0a045;
}

.site_wrapper .tabs.side li.active a {
    background-color: #eee;
    color: #000;
}
.site_wrapper .tabs li.active a:after {
    border-left: 29px solid #eee!important;
}

.site_wrapper .busquedas ul.tabs {
    float: left;
    width: 30%;
    margin-left: 0%;
}

.site_wrapper .busquedas .tabs li {
    margin: 0px 0px 5px 0px;
    text-align: left;

}

.site_wrapper .busquedas .tabs li a {
    color: #000;
    font-family: 'ronnia_rgregular', sans-serif;
    display: block;
    height: auto;
    padding: 6px 8px;
    text-decoration: none;
    font-size: 14px;
    background-color: #fff;
    position: relative;
}

.site_wrapper .busquedas .tabs li a:after {
    border-left-color: #eee;
    top: 24%;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 29px solid #fff;
    border-top: 19px solid #fff;
    border-bottom: 19px solid #fff;
    border-right: 20px solid #fff;
    padding-top: 0;
}
.site_wrapper .busquedas ul.tabs li.active  {
    border-top: 0px !important;
}
.site_wrapper ul.tabs li.active, html ul.tabs li.active a, .site_wrapper html ul.tabs li.active a:hover {
    border-top: 0px !important;
}
.site_wrapper .busquedas .tabs li.active a {
    color: #000;
    background-color: #eee;
}


.site_wrapper .busquedas .tabs-content {
    float: left;
    width: 70%;
    padding: 0;
    text-align: left;
    font-family: 'ronnia_rgregular', sans-serif;
}

.site_wrapper .busquedas .tabs-content .tabs-panel {
    padding: 20px;
}
.site_wrapper .busquedas .tabs-content .tabs-panel h5 {
    font-family: 'ronnia_rgregular', sans-serif;
}

.site_wrapper .busquedas .tabs-content .tabs-panel .tab-title {
    display: none;
}
.hide-for-small {
    display: inherit;
}
.show-for-small-only {
    display: none;
}


@media only screen and (max-width: 479px){ 
    .hide-for-small {
        display: none;
    }
    .show-for-small-only {
    display: block;
}
	.feature_section4 .left a span, .feature_section4 .right a span, .feature_section4 .center a span {
	    color: #fff;
	    font-family: "ronnia_ththin",sans-serif;
	    font-size: 22px;
	    line-height: 34px;
	}
	.margin_top2_mobile {
		margin-top:20px;
	}
	.compact .header #logo {
	    background-position: left 10px;
	}
	.row-fluid .btn, .row-fluid button {
	    margin: 2px;
	   
	}
	
	
	.navbar-collapse.pull-right {
		background-clip: padding-box;
	    background-color: #fff;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	    float: left;
	    font-size: 13px;
	    list-style: outside none none;
	    padding: 10px;
	    position: absolute;
	    top: 100%;
	    z-index: 1000;
		overflow-x:hidden;
	}
	li.dropdown ul.dropdown-menu li a {
	    color: #727272;
	    font-size: 14px;
	    font-weight: 400;
	    padding: 10px 20px;
	}
	.navbar-toggle {
	    background-color: #fff;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		
	}
	.navbar-default .navbar-toggle i {
	    color: #727272;
	    font-size: 21px;
	}
	.white_on_mobile { color: #fff!important;}
	.show_for_mobile {
		display:block;
		 padding-top: 60px;
	}
	.hide_for_mobile {
		display:none;
	}
	.cd-timeline-content {
		padding:0 10px;
	}
	.cd-timeline-content .cd-date strong::after {
	    border-right-color: transparent;
	}
	.cd-timeline-content .cd-date b::after {
		border-left-color: transparent;
	}
	.cd-timeline-img {
		height: 50px;
	    width: 50px;
	}
	.cd-timeline-img img {
	    height: 50px;
	    width: 50px;
	}
	.feature_section15 .one_fourth_less {
	    width: 50%;
	}
	.content_fullwidth.less3 {
	    padding: 10px 0 30px;
	}

	.contenido-novedades h2,.contenido-ptpexchange h2 {
	    margin-top: 20px;
	}
	.st-accordion-four ul li > a, .st-accordion-four ul li.st-open > a, .st-accordion-four ul li > a:hover {
		font-size:20px;
	}
	.st-accordion-four ul li > a {
		line-height:25px;
		min-height:40px;
	}
		
}