@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 6, 2016 */


.titulo-padre{

			width: 500px;
			display: inline-block;
    	float: left;
	    font-family: 'Raleway', sans-serif;
	    font-weight: 900;
	    font-size: 16px;
	    color: #333;
	    text-align: left;
	    text-transform: uppercase;
			margin-left: 30px;


}

/* ECOTARGET STYLE */

.hide{display:none;}

.clear{
	clear:both;©
	}

html, body {
    height: 100%;
    margin: 0;
	-webkit-font-smoothing: antialiased;

}

ol {

		width: 100%;
    float: left;
    display: block;
    margin: 10px 0 20px 0;
}


.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter li {
		margin: 10px 0 0 20px!important;
    text-indent: -13px!important;
    counter-increment: step-counter;
		line-height: 16px;
}

.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 5px;
}

.custom-counter2 {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter2 li {
		margin: 10px 0 20px 20px!important;
    text-indent: -13px!important;
    counter-increment: step-counter;
		line-height: 16px;
		text-align: left;
}

.custom-counter2 li::before {
    content: '- ';
    margin-right: 5px;
}

.contenedor-paginador{
		float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    text-align: center;
		margin: 40px 0 0 0;
}
.paginador{
	display: flex;
	height: 20px;
}

.paginador .btn{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-top: 2px;
}

.paginador .btn-numero a{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 20px;
color: #999999;
text-decoration: none;
}

.paginador .btn-numero-on a{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 20px;
color: #194a94;
text-decoration: none;
}

/* Contacto */

.cont-contacto-header{
	position: relative;
	 float: left;
	 display: table;
	 width: 100%;
	 height: 60px;

}

.cont-contacto-header .titulo {
    float: left;
		display: block;
    margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    /* text-align: left; */
    color: #2f4a8d;
}

.cont-contacto-header .direccion {
    float: left;
		display: block;
    margin: 5px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    color: #000000;
		line-height: 18px;
}

.cont-contacto-header .direccion span{
    font-weight: 900;
}

.cont-contacto-header .direccion a{
	text-decoration: none;
	color: #000000;
}

.izq-contacto{
	float: left;
	display: block;
	width: 480px;
	height: 310px;
	margin-top: 20px;
}

.izq-contacto .mapa{
	float: left;
	display: block;
	width: 460px;
	height: 235px;
	margin: 10px 0 0 10px;
	background-color: #e8e8e8;
}

.izq-contacto .mapa-marco{
	float: left;
	display: block;
	width: 480px;
	height: 255px;
	margin: 20px 0 0 0;
	background-color: #ffffff;
}

.der-contacto{
	float: left;
	display: block;
	width: 300px;
	height: 300px;
	margin-top: 20px;
}

.der-contacto .texto{
	float: left;
	display: block;
	width: 300px;
	height: 255px;
	margin: 20px 0 0 60px;
}

.der-contacto .titulo {
    float: left;
		display: block;
    margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    /* text-align: left; */
    color: #2f4a8d;
}

.der-contacto .direccion {
    float: left;
		display: block;
    margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    color: #000000;
		line-height: 18px;
}

.der-contacto .telefono {
    float: left;
		display: block;
    margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
  	text-align: left;
    color: #000000;
		line-height: 20px;
}

/* Contacto */

/* NUESTRA EMPRESA */

.izq-empresa{
	float: left;
	display: block;
	©width: 480px;
	height: 570px;
	margin-top: 20px;
	background-color: #ffffff;
}

.izq-empresa img{
	float: left;
	display: block;
	width: 460px;
	height: 550px;
	margin: 10px 0 0 10px;
}

.der-empresa{
	float: left;
	display: block;
	width: 510px;
	height: 570px;
	margin-top: 20px;
	background-color: #ffffff;
}

.der-empresa .texto{
	float: left;
	display: block;
	width: 300px;
	height: 255px;
	margin: 60px 0 0 40px;
}

.der-empresa .titulo {
    float: left;
		display: block;
    margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    /* text-align: left; */
    color: #2f4a8d;
}

.der-empresa .titulo-2 {
    float: left;
		display: block;
		width: 400px;
    margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    text-align: left;
		line-height: 22px;
    color: #2f4a8d;
}

.der-empresa .texto-2 {
	float: left;
	display: block;
	margin: 20px 0 0 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 17px;
	text-align: left;
	line-height: normal;
	color: #111111;
	width: 390px;
	text-align: justify;
}

.der-empresa .marcas{
    float: left;
		display: block;
		width: 450px;
    margin: 20px 0 0 -33px;
}



/* NUESTRA EMPRESA */

#inicio{
	width: 100%;
	min-width: 1124px;
    background: none;
    margin: 0 auto;
    overflow: hidden;
	position:relative;
}

#header-contenedor{
	position:fixed;
    width: 100%;
	min-width: 1124px;
    height: 105px;
	background:#fff;
	z-index:9999;
	}

	#ancla-quienes{
	position: absolute;
    width:5px;
    height:5px;
	z-index:9999;
	margin-top: -125px;

	}

	#ancla-soluciones{
	position: absolute;
    width:5px;
    height:5px;
	z-index:9999;
	margin-top: -125px;

	}

	#ancla-productos{
	position: absolute;
    width:5px;
    height:5px;
	z-index:9999;
	margin-top: -125px;

	}

	#ancla-contacto{
	position: absolute;
    width:5px;
    height:5px;
	z-index:9999;
	margin-top: -125px;

	}

#header-cont1{
	float:left;
	display:block;
	position: relative;
    width: 100%;
    height: 100px;
	background:#fff;
	}

	.linea_gris{
		float:left;
		display:block;
	    width: 100%;
	    height: 5px;
		background:#d1d1d1;
		}

#header-cont2{
	top: 16px;
	right: 0px;
	position: absolute;
height: 50px;
background: none;
width: 860px;
	}

.navy{
	height:100%;
	position:absolute;
	right:120px;
	display: table;
}

#logo-intro a{
	width: 350px;
	height: 73px;
	float: left;
	display: block;

	-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
	}

	@media only screen and (min-width: 1240px) {
		#logo-intro a{
			width: 350px;
			margin: 14px 0 0 30px;
		}

	}

	@media only screen and (max-width: 1239px) {
		#logo-intro a{
			width: 300px;
			margin: 20px 0 0 30px;
		}

	}

	@media only screen and (max-width: 1140px) {
		#logo-intro a{
			width: 250px;
			margin: 25px 0 0 30px;
		}

	}


#header-producto{
	position:relative;
	float:left;
	display:block;
    width: 100%;
	height:165px;
	background: #999;
	text-align:center;
	margin-top:125px;
	background:url(../imagenes/0_hader-productos.jpg) center;
	}

.header-producto-titulo{
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	font-size:30px;
	color:#fff;

	position:absolute;
	text-align:left;
	left:10%;
	top:55px;
	}

.header-producto-titulo span{
	font-weight:400;
	font-size:25px;
}

#diapositiva-producto{
	position:relative;
    width: 100%;
	background: #fff;
	text-align:center;
	}

#diapositiva-soluciones{
	position:relative;
	float:left;
	display:block;
    width: 100%;
	background: #fff;
	text-align:center;
	padding:0 0 30px 0;
	}

	.titulo_marcas{
		position: relative;
		float: left;
		display: block;
		width: 100%;
		height: 85px;
		background: #194a94;
		text-align: center;
		margin: 6px 0 25px 0;
		}

		.titulo_marcas .texto{
			font-family: 'Lato', sans-serif;
	    text-transform: uppercase;
	    font-weight: 500;
	    color: #ffffff;
	    font-size: 27px;
	    display: block;
	    margin: 27px 0 0 0;
			}

			.titulo_marcas .flecha{
				width: 50px;
		    height: 60px;
		    display: table;
		    margin: -5px auto 0 auto;
				}


				.titulo-producto-home{
					position: relative;
					float: left;
					display: block;
					width: 100%;
					height: 200px;
					background: #194a94;
					text-align: center;
					margin: 105px 0 25px 0;

					webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
							 -moz-animation: fadein 1s; /* Firefox < 16 */
								-ms-animation: fadein 1s; /* Internet Explorer */
								 -o-animation: fadein 1s; /* Opera < 12.1 */
										animation: fadein 1s;
					}

					.titulo-producto-home .prod-img{
						width: 487px;
						height: 177px;
						display: block;
						position: absolute;
						right:0;
						top: 12px;
						z-index: 2;
					}

					.titulo-producto-home .prod-back{
						width: 100%;
						height: 177px;
						display: block;
						position: absolute;
						left:0;
						top: 12px;
						background-color: #154fa6;
					}


	.titulo-producto-home .titulo{
		font-family: 'Lato', sans-serif;
		text-transform: uppercase;
		font-weight: 500;
		color: #ffffff;
		font-size: 27px;
		display: block;
		/* margin: 27px 0 0 0; */
		position: absolute;
		left: 100px;
		top: 55px;
		text-align: left;
		z-index: 2;
	}

	.titulo-producto-home .texto{
		font-family: 'Lato', sans-serif;
		font-weight: 600;
		-webkit-font-smoothing: antialiased;
		line-height: normal;
		color: #bbbbbc;
		font-size: 20px;
		display: block;
		margin: 27px 0 0 0;
		position: absolute;
		position: absolute;
		left: 100px;
		top: 65px;
		width: 460px;
		text-align: left;
		z-index: 2;
	}

						.titulo-producto-home .flecha{
							width: 50px;
							height: 60px;
							display: table;
							margin: 164px auto 0 auto;
							}

.contenedor-soluciones{
	display:inline-block;
    width: 1000px;
	margin-bottom:10px;
}

.soluciones-lado{
	position:relative;
	float:left;
	display:block;
    width: 480px;
	margin:20px 0 10px 10px;
	}

.soluciones-marco{
	position:relative;
	float:left;
	display:block;
    width: 350px;
	height:297px;
	background:#3e3d3d;
	margin:10px 0 10px 60px;
	}

.soluciones-img{
	position:relative;
	float:left;
	display:block;
    width: 330px;
	height:280px;
	margin:9px 0 0px 9px;
	overflow:hidden;
	}

.soluciones-descripcion-titulo{
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	font-size:18px;
	color:#3e3d3d;
	float:left;
	display:block;
	margin:10px 0 0 10px;
	}

.soluciones-descargas-titulo{
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	font-size:18px;
	color:#3e3d3d;
	float:left;
	display:block;
	margin:30px 0 0 140px;
	}

.soluciones-descripcion-texto{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#3e3d3d;
	float:left;
	display:block;
	margin:20px 0 0 10px;
	text-align:left;
	}

.descarga-box a{
	float:left;
	display:block;
	margin:10px 0 0 50px;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.descarga-box a:hover{
	margin:10px 0 0 40px;
}

.descarga-icon{
	float:left;
	display:block;
	width:70px;
}

.descargas-nombre{
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#3e3d3d;
	float:left;
	display:block;
	margin:20px 0 0 20px;
	text-align:left;
	}

.descargas-nombre span{
	font-weight:600;
	}

.videos-box{
	float:left;
	display:block;
	width:400px;
	height:300px;
	margin:10px 0 0 50px;
}


.diapositiva-btw{
	position:relative;
    width: 100%;
	height:200px;
	background: #4D4D4D;
	}

.diapositiva-productos{
	float:left;
	display:block;
	text-align:center;
	position:relative;
    width: 100%;
	background: #efefef;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
			 -moz-animation: fadein 1s; /* Firefox < 16 */
				-ms-animation: fadein 1s; /* Internet Explorer */
				 -o-animation: fadein 1s; /* Opera < 12.1 */
						animation: fadein 1s;
	}

.productos-titulo{
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:39px;
	color:#8DB135;
	float: left;
    display: block;
    margin: 50px 0 0 0;
	text-align:center;
	}

.contenedor-productos{
	display: inline-block;
    width: 1005px;
	margin:20px 0 50px 0;
	text-align:center;
	}

	.contenedor-contacto{
		display: inline-block;
	    width: 860px;
		margin:20px 0 50px 0;
		text-align:center;
		}

	.contenedor-productos-2{
		display: inline-block;
	  width: 1140px;
		margin:50px 0 100px 0;
		text-align:center;
		}

.box-producto a{
		float: left;
		display: block;
		width: 298px;
		height: 500px;
		margin: 20px 0 5px 30px;
		/* padding: 10px; */
		background: #ffffff;
	}

	.bn img{
		-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	}

	.box-producto a:hover .bn img{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		}

	.box-producto a .box-info{
			float: left;
			display: block;
			width: 298px;
			height: 460px;
			margin-bottom: 10px;
		}
		.box-producto a .box-mas{
				float: left;
				display: block;
				width: 298px;
				height: 30px;
				position: relative;
			}

			.box-producto a .box-mas img{
				position: absolute;
				right: 10px;
				top: 5px;
			}
.box-producto a .box-imagen{
	    float: left;
    display: block;
    width: 298px;
    height: 200px;
    background: #E6E6E6;
	overflow:hidden;
	}

.box-producto a .box-imagen img{

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;

	}

.box-producto a:hover .box-imagen img{

	   transform: scale(1.1);
	}


.box-titulo{
	width:90%;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:20px;
	color:#194a94;
	float: left;
    display: block;
    margin: 15px 0 0 5%;
	text-align:left;
	text-transform:uppercase;
	}

.box-texto{
	width: 90%;
	 height: 165px;
	 font-family: 'Lato', sans-serif;
	 font-weight: 400;
	 font-size: 13px;
	 color: #333;
	 float: left;
	 display: block;
	 margin: 10px 0 10px 5%;
	 text-align: left;
	 line-height: 18px;
	 overflow: auto;
	 padding-right: 15px;

	}

	.box-fecha{
		width:90%;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
		font-size:12px;
		color:#194a94;
		float: left;
	  display: block;
	  margin: 10px 0 5px 5%;
		text-align:left;
		line-height:normal;
		}

/* PRODUCTO */

.producto-linea{
	width: 100%;
	height: 20px;
	background-color: #2f4985;
	margin-top: 105px;
}

.img-producto{
	position: relative;
	float: left;
	display: block;
	width: 400px;
	height: 400px;
	background-color: #ffffff;
	margin-top: 20px;
}

.lupa{
	position: absolute;
	width: 400px;
	height: 400px;
	background: url('../imagenes/lupa.svg') no-repeat;
}

.des-producto{
	float: left;
	display: block;
	width: 605px;
	height: 400px;
	background-color: #e4e4e3;
	margin-top: 20px;
}

.tabs-pro{
	float: left;
	display: table;
	width: 100%;
	height: 50px;
}

#des-pro{
	float: left;
	display: block;
	width: 100%;
	height: 350px;
	background-color: #e4e4e3;
	overflow: auto;
}


.btn-tab a{
	float: left;
	display: table;
	width: 198.3px;
	height: 50px;
	background-color: #999999;
	cursor: pointer;
}

.btn-tab-on a{
	float: left;
	display: table;
	width: 198.3px;
	height: 50px;
	background-color: #314c90;
	cursor: pointer;
}

.btn-tab-on{
	float: left;
	display: block;
	position: relative;
	width: 198.3px;
	height: 50px;
}

.btn-tab{
	float: left;
	display: block;
	position: relative;
	width: 198.3px;
	height: 50px;
}

.btn-tab-on:after{
	content: url('../imagenes/barahona_flecha_tab.svg');
	position: absolute;
	left: 90px;
	top: 50px;
}

.caja-blanca{
	float: left;
	display: table;
	width: 198.3px;
	height: 40px;
}

.mar-lef{
	margin-left: 5px;
}

.text-tab {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
		text-align: center;
		color: #ffffff;
}

.cont-producto-header{
	position: relative;
	 float: left;
	 display: table;
	 width: 100%;
	 height: 60px;

}

.titulo-pro {
	float: left;
margin: 20px 0 0 27px;
width: 410px;
display: table-cell;
vertical-align: middle;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 28px;
text-transform: uppercase;
text-align: left;
color: #686868;
}

.volver-pro{
	float: right;
	margin: 25px 10px 0 0;
}

.volver-pro a{
	width: 190px;
	float: left;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	color: #686868;
	margin: 2px 0 0 10px;
}

.volver-pro:before{
	content: url('../imagenes/barahona-flecha-volver.svg')
}

.titulo-des {
	float: left;
	display: block;
	margin: 50px 0 0 30px;
	width: 100% -;
	vertical-align: middle;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	/* text-align: left; */
	color: #686868;
}

.des-pro-titulo {
    float: left;
		display: block;
    margin: 50px 0 0 50px;
    width: calc(100% - 50px);
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    text-align: left;
    color: #686868;
}

.des-pro-linea {
    float: left;
		display: block;
    margin: 20px 0 0 50px;
    width: 460px;
		height: 1px;
		background-color: #a1a0a0;
}

.des-pro-des {
    float: left;
		display: block;
    margin: 20px 0 0 50px;
    width: 500px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-align: justify;
    color: #686868;
}

.des-pro-des p{
    float: left;
		display: block;
    margin: 20px 0;
		line-height: normal;
		width: 100%;
}

.des-pro-des ul{

	width: 100%;
    float: left;
		display: block;
    margin: 10px 0 20px 0;
}

.des-pro-des h1{
    float: left;
		display: block;
    margin: 20px 0 20px 0;
		font-weight: bold;
		font-size: 16px;
		width: 100%;
}

.des-pro-des img{
    float: left;
		display: block;
    margin: 20px 0 20px 0;
}

.des-pro-des li{
    margin: 5px 0;
}

span.negrita{
	font-weight:bold;
	line-height: 30px;
}

.caja-pdf a{
	float: left;
	display: table;
	margin: 20px 0 0 40px;
	width: 520px;
	height: 85px;
	background-color: #ffffff;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.descripcion-fade{
	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.fade{
	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.icon-pdf{
	float: left;
	display: block;
	width: 85px;
	height: 85px;
}

.texto-pdf{
	display: table-cell;
    vertical-align: middle;
    width: 329px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
		color: #000000;
}

.icon-pdf-2{
	float: left;
	display: block;
	width: 88px;
	height: 85px;
}

.texto-pdf-2{
	display: table-cell;
    vertical-align: middle;
    width: 329px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
		color: #000000;
}

.texto-pdf-3{
	margin-left: 20px
}

.descarga-pdf{
	float: left;
	display: block;
	width: 106px;
	height: 85px;
}



/* 		PRODUCTOS		 */

.box-producto-ser a{
	float: left;
	display: block;
	width: 340px;
	height: 109px;
	margin: 20px 0 5px 30px;
	/* padding: 10px; */
	background: #ffffff;
	overflow: hidden;
	}

	.box-producto-ser a .box-info{
		float: left;
		display: table;
		width: 350px;
		height: 109px;
		margin-bottom: 10px;
		}

		.box-producto-ser a .box-mas{
			float: left;
				display: table;
				width: 45px;
				height: 45px;
				    margin-top: 32px;
			}

			.box-producto-ser a .box-mas img{
			}
.box-producto-ser a .box-imagen{
	float: left;
	display: table;
	width: 109px;
	height: 109px;
	background: #E6E6E6;
	}

.box-producto-ser a .box-imagen img{

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;

	}

.box-producto-ser a:hover .box-mas img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}

.box-producto-ser a:hover .box-titulo-ser{
	color: #164891;
	}

	.box-titulo-table{
		float: left;
		width: 172px;
		display: table;
		height: 109px;
		}

.box-titulo-ser{
	width: 172px;
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	font-size: 16px;
	color: #686868;
	text-align: left;
	text-transform: uppercase;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	}

	.marca-azul{
		width: 5px;
	height: 109px;
	display: block;
	background-color: #164891;
	float: left;
		}

	.marca-roja{
		float: left;
			width: 5px;
			height: 109px;
			display:table;
			background-color: #9b232c;
		}

.box-texto-ser{
	width:90%;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:12px;
	color:#000;
	float: left;
  display: block;
  margin: 10px 0 10px 5%;
	text-align:left;
	line-height:18px;
	}

	.box-fecha-ser{
		width:90%;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
		font-size:12px;
		color:#194a94;
		float: left;
	  display: block;
	  margin: 10px 0 5px 5%;
		text-align:left;
		line-height:normal;
		}

/* 		PRODUCTOS		 */
.diapositiva-contacto{
	float:left;
	display:block;
	text-align:center;
	position:relative;
    width: 100%;
	background: #FFF;
	}

.contacto-contenedor{
	display:inline-block;
    width: 1124px;
	margin:50px 0 50px 0;
	}

.contacto-cont-izq{
	float:left;
	display:block;
    width: 562px;
	height:500px;
	margin:10px 0 0px 0;
	}


.contacto-cont-der{
	float:left;
	display:block;
    width: 562px;
	height:500px;
	margin:10px 0 0px 0;
	}

.contacto-linever{
	float: left;
    display: block;
    background: #999;
    width: 1px;
    height: 390px;
    margin: 60px 0 0 -25px;
}

.mapa{
	float:left;
	display:block;
	paddding-top:20px;
    width:350px;
    height:225px;
	margin-top:30px;
	background:#ccc;
	}


.con-sitio{
	font-family: 'Raleway', sans-serif;
    font-size: 14px;
    float: left;
    display: block;
    width: 100%;
    margin: 190px 0 0 8px;
    font-weight: 100;
    color: #333;
    text-align: left;
    line-height: 26px;
}

.con-sitio ul li{
	float: left;
    display: block;

	color:#919090;
	width:400px;
	height:40px;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.con-sitio ul li a{
	float: left;
    display: block;

    height: 30px;
	color:#000;

	-webkit-text-stroke: 0.01px;
// or
-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
// or
text-shadow: #fff 0px 1px 1px;
}

.con-icon{
	float: left;
    display: block;
	width: 40px;
    height: 40px;
	}

.con-dato{
	float: left;
    display: block;
    width: 320px;
    margin-left: 5px;
    margin-top: 4px;
	font-size: 20px;

	}

.con-dato2{
	float: left;
    display: block;
    width: 200px;
    margin: 22px 0 0 20px;
    font-size: 20px;
	}

#contacto-izq>textarea{


    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #000;
    width: 400px;
    height: 95px;
    background: #efefef;
    margin: 0px 0 10px 0px;
    padding-left: 10px;
    padding-top: 10px;
    border: none;
}

.soluciones-contenedor{
	display:inline-block;
	width:1124px;
	text-align:center;
}

.marcas-contenedor{
	display:inline-block;
	width:1124px;
	text-align:center;
	margin: 60px 0 0 0;
}

.soluciones-titulo{
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:28px;
	color:#4D4D4D;
	float: left;
    display: block;
    margin: 50px 0 0 0;
	text-align:center;
	}

.contacto-titulo{
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:39px;
	color:#8DB135;
	float: left;
    display: block;
    margin: 50px 0 0 0;
	text-align:center;
	}

.soluciones-texto{
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #4D4D4D;
    width: 60%;
    float: left;
    display: block;
    margin: 30px 0 0 20%;
    text-align: justify;
    line-height: normal;
	}

.soluciones-iconos{

	width:840px;
    display: inline-block;
    margin: 30px 0 50px 0;
	text-align:center;
	}

.soluciones-box{
	    width: 200px;
    height: 190px;
    float: left;
    display: block;
    margin: 0 0 0 10px;
	}

.soluciones-box-icono{
	width:200px;
	height:110px;
	float: left;
    display: block;
    margin: 20px 0 0 0px;
	}

.soluciones-box-titulo{
	font-family: 'Raleway', sans-serif;
	width:100%;
	font-weight:600;
	font-size:24px;
	color:#fff;
	float: left;
    display: block;
    margin: 10px 0 0 0;
	text-align:center;
	}

.soluciones-box-texto{
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	color:#4D4D4D;
	width:90%;
	float: left;
    display: block;
    margin: 10px 0 0 5%;
	text-align:center;
	line-height:normal;
	}


input[type=text] {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:12px;
    color: #000;
    width: 400px;
    height: 38px;
    background: #efefef;
    margin: 0px 0 10px 0px;
    padding-left: 10px;
    border: none;
}

#enviar-form a {
	font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    float: right;
    display: block;
    padding: 5px 50px 5px 10px;
    margin: 0px 126px 0 0;
    background: #df3b19;
    border: none;
    cursor: pointer;
	text-shadow: 0 0 0;

}


input[type=submit] {
	font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    text-align: center;
    float: left;
    display: block;
    padding: 5px 50px 5px 50px;
    margin: 0px 0px 0 76px;
    background: #8DB135;
    border: none;
    cursor: pointer;
    text-shadow: 0 0 0;
    width: 404px;

}

#campos {
	    position: absolute;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #707070;
    text-shadow: 0 0 0;
    top: 289px;
    left: 130px;

}

#captchasd {
	float: right;
    display: block;
    width: 303px;
    height: 81px;
    margin: 56px 126px 10px 0;

}

#captchasd2 {
	float: left;
    display: block;
    width: 303px;
    height: 81px;
    margin: 2px 0px 10px 76px;


}

#captchasd input[type=text] {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #000;
    width: 400px;
    height: 20px;
    background: #efefef;
    margin: 10px 0 10px 0px;
    padding-left: 10px;
    border: none;
}

.ingresa{
	font-family: 'Raleway', sans-serif;
    font-size: 17px;
    color: #232323;
    float: left;
    display: block;
    width: 410px;
    margin: 33px 0 30px 76px;
    text-align: left;
	}

/*FOOTER*/

#diapositiva-footer{
	float: left;
	width: 100%;
	height: 560px;
	background: #194a94;
	}

footer{
	float: left;
    width: 100%;
    height: 510px;
    background: #0c2343;
    margin: 10px auto 0px auto;
    position: relative;
    text-align: center;

	}

	.footer-center{
		display: inline-block;
    width: 1140px;
    margin: 50px 0 0px 0;
    text-align: center;
	}

	.footer-copyright{
		float: left;
		width: 100%;
    height: 40px;
    background: #0b1929;
    margin: 0px auto 0 auto;
    position: relative;

		}

.btn-inicio1{
	position:absolute;
	top:20px;
	right:20px;
	width:174px;
	height:45px;
	background:url(../imagenes/btn-inicio1.svg);

}

.btn-inicio1 span{
	float: left;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #fff;
	padding:5px 10px 0 5px;
}




#linea-footer{
	width: 100%;
    height: 5px;
    background:#af1528;
    margin: 0 auto 0 auto;

	}

.sitio{
	float:left;
	display:block;
	width:180px;
	margin:14px 0 0 0px;

}

.sitio-direccion{
	float:left;
	display:block;
	width:220px;
	margin:0 0 0 85px;

}

#nu a{
	float: left;
    display: block;
    width: 187px;
    margin: 134px 0 0 570px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #fff;
}

#nu a:hover{
	/*background:url(../imagenes/los-neurona.jpg) bottom;*/
}

.copyright a{

	width: 225px;
	height: 34px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	text-align: center;
	color: #727272;
	font-weight: 100;
	position: absolute;
	right: 90px;
	top: 6px;

}

.copyright a:after{
	content: url('../imagenes/barahona_copyright.svg');
	vertical-align: -90%;
  margin-left: 20px;
}

.sitio-siguenos{
	float:left;
	display:block;
	width:180px;
	margin:0 0 0 230px;

}

.sitio-titulo{
	float: left;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: 900;
	margin: 40px 0 0 100px;
	color: #7f9cb9;

}

.sitio-titulo-s{
	float:left;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
	color:#fff;
	font-weight: bold;
	margin:20px 0 0 20px;

}

.logo-blanco{
	float:left;
	display:block;
	width:160px;
	height:45px;
	margin:20px 0 0 20px;

}

.sitio-linea-vertical{
	float: left;
  display: block;
  width: 1px;
  height: 350px;
  background-color: #50697c;
  margin: 45px 0 0 50px;

}

.btn-sitio{
	float:left;
	display:block;
	font-family: 'Lato', sans-serif;
	font-size:12px;
	text-align:left;
	color:#ffffff;
	margin:10px 0 0 80px;
	line-height:30px;
	width: 250px;
}

.btn-sitio-copy{
	float:left;
	display:block;
	font-family: 'Lato', sans-serif;
	font-size:12px;
	text-align:left;
	color:#ffffff;
	margin:4px 0 0 80px;
	line-height:30px;
}

.btn-sitio-copy ul li{
	float: left;
	display: block;

	padding: 0px 0 0 22px;
	color:#7f9cb9;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-sitio-copy ul li a{
	float: left;
	display: block;

	height: 30px;
	color:#7f9cb9;
	margin:2px 0 0 0;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-sitio ul li{

	display: block;

	padding: 0px 0 0 22px;
	color:#7f9cb9;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-sitio ul li a{

	display: block;

	height: 30px;
	color:#7f9cb9;
	margin:2px 0 0 0;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-sitio ul li a:after{
	content:  url('../imagenes/barahona_flecha_footer.svg');
	margin-left: 20px;
}


.btn-sitio ul li a:hover{
	margin-left:5px;
}

.btn-sitio2{
	float:left;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
	font-weight:100;
	margin:10px 0 0 20px;
	line-height:14px;
}

.btn-sitio2 ul li a{
	float: left;
    display: block;
    width: 114px;
    height: 42px;
    background: url(../imagenes/btn-sitio-bg-bl2.jpg);
    padding: 0px 0 0 22px;
		color:#7f9cb9;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-sitio2 ul li a:hover{
	background: url(../imagenes/btn-sitio-bg2.jpg);
}

.btn-fb-footer a{
	float: left;
    display: block;
    width: 34px;
    height: 46px;
    background: url(../imagenes/footer-fb.svg);
	margin:5px 0 0 19px;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-fb-footer a:hover{
	background: url(../imagenes/footer-fb-on.svg);
}

.btn-tw-footer a{
	float: left;
    display: block;
    width: 34px;
    height: 46px;
    background: url(../imagenes/footer-tw.svg);
	margin:5px 0 0 5px;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-tw-footer a:hover{
	background: url(../imagenes/footer-tw-on.svg);
}

.btn-tw-footer a{
	float: left;
    display: block;
    width: 34px;
    height: 46px;
    background: url(../imagenes/footer-tw.svg);
	margin:5px 0 0 5px;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-tw-footer a:hover{
	background: url(../imagenes/footer-tw-on.svg);
}

.btn-in-footer a{
	float: left;
    display: block;
    width: 34px;
    height: 46px;
    background: url(../imagenes/footer-in.svg);
	margin:5px 0 0 5px;

	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.btn-in-footer a:hover{
	background: url(../imagenes/footer-in-on.svg);
}

.sitio-contacto{
	float:left;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	margin:10px 0 0 25px;
	line-height:14px;

	 -webkit-font-smoothing: antialiased;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.sitio-contacto a{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
	font-weight:100;
	line-height:14px;
	margin-top:2px;
	float:left;
	display:block;
}

.sitio-contacto a:hover{
	color:#fff;
}

/*FOOTER*/

/* ECOTARGET STYLE */

	#captchadsds{
	width:300px;
	height:78px;
	background:#CCC;
	float:left;
	display:block;

	}


#header{
    width: 1124px;
    height: 140px;
	background: url(../imagenes/logo-header-01.svg);
	margin:0 auto;
	}

#header-logo a{
	float: left;
    display: block;
    width: 319px;
    height: 100px;
    margin: 23px 0 0 123px;
	}

#botonera{

    width: 1124px;
    height: 81px;
	background: url(../imagenes/botonera.svg);
	margin:0 auto;

}

#botonera .btn a{
	font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000;
	float:left;
	display:block;
    width: 160px;
    height: 81px;
	margin:0 0 0 -3px;
	background: url(../imagenes/btn/quienes.svg) top;

	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;


}

#botonera .btn a:hover{
	background: url(../imagenes/btn/quienes.svg) bottom;
	}

#diapositiva-home{
	margin-top:105px;
    width: 100%;
	background:#none;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#diapositiva-sucursales{
	margin-top:75px;
    width: 100%;
	background:#none;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#header-sucursales{
	float:left;
	display:block;
    width: 100%;
	height:190px;

	background: url(../imagenes/sucursales-header.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}


#header-contacto{
	float:left;
	display:block;
    width: 100%;
	height:190px;

	background: url(../imagenes/contacto-header.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}

.contacto-claro{
	float:left;
	display:block;
    width: 100%;
	height: 565px;

	background:#eaeaea;
	}

.contenedor-contacto-claro{
	position: absolute;
    left: 50%;
    width: 1124px;
    height: 470px;
    margin: 30px 0 0 -562px;
    background: #fff;

}

.contacto-denuncias{
	float:left;
	display:block;
    width: 100%;
	height:1710px;

	background:#eaeaea;
	}

.contenedor-contacto-denuncias{
	position:absolute;
	left:50%;
    width: 1124px;
	margin:30px 0 0 -562px;
	background:#fff;

}

#contenedor-denuncias-mar{
	float:left;
	display:block;
    width: 1100px;
	margin:20px 0 0 20px;
	background:#fff;

}

.contenedor-contacto-claro  .contacto-izq{
	float: left;
    display: block;
    width: 410px;
    height: 85px;
    margin: 20px 0 0 125px;
	}

.contenedor-contacto-claro  .contacto-der{
	float: left;
    display: block;
    width: 410px;
    height: 85px;
    margin: 20px 0 0 50px;
	}

.contenedor-contacto-claro  .contacto-abajo{
	float: left;
    display: block;
    width: 910px;
    height: 128px;
    margin: 20px 0 0 124px;
	}



#contra a{
	    position: absolute;
    font-family: 'nexa_lightregular';
    font-weight: 300;
    font-size: 12px;
    color: #707070;
    text-shadow: 0 0 0;
    top: 133px;
    left: 810px;

}

#usuariodd{
	position: absolute;
    font-family: 'nexa_lightregular';
    font-weight: 300;
    font-size: 14px;
    color: #707070;
    text-shadow: 0 0 0;
    top: 66px;
    left: 126px;

}

#clavedd{
	position: absolute;
    font-family: 'nexa_lightregular';
    font-weight: 300;
    font-size: 14px;
    color: #707070;
    text-shadow: 0 0 0;
    top: 66px;
    left: 586px;

}

textarea {
	font-family: 'nexa_lightregular';
    font-weight: 300;
    font-size: 12px;
    color: #000;
    width: 862px;
    height: 100px;
    background: #efefef;
    margin: 0px 0 10px 0px;
    padding-left: 10px;
    padding-top: 10px;
    border: none;
}

.ingresa-contacto{
	font-family: 'nexa_lightregular';
	font-size:17px;
	color:#232323;
	float:left;
	display:block;
    width: 410px;
	margin:33px 0 0 126px;
	text-align:left;
	}




.sucursales-claro{
	float:left;
	display:block;
    width: 100%;
	height:320px;

	background:#f4f2f2;
	}

.sucursales-oscuro{
	float:left;
	display:block;
    width: 100%;
	height:320px;

	background:#eaeaea;
	}

.mapa-sucursales{
	float:left;
	display:block;
    width: 615px;
	height:260px;
	margin:30px 0 0 100px;

	background:#fff;
	}

.texto-mapa-sucursales{
	float:left;
	display:block;
    width: 315px;
	height:260px;
	margin:60px 0 0 30px;
	}

.texto-mapa-direccion{
	font-family: 'nexa_lightregular';
	font-size:22px;
	color:#606060;
	float:left;
	display:block;
	width:100%;
	margin:25px 0 0 0px;
	text-shadow: 0 0 0;
}

.texto-mapa-direccion2{
	font-family: 'nexa_lightregular';
	font-size:13px;
	color:#606060;
	float:left;
	display:block;
	width:100%;
	margin:5px 0 0 0px;
	text-shadow: 0 0 0;
}

.texto-mapa-telefono{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:13px;
	color:#707070;
	float:left;
	display:block;
	width:100%;
	margin:5px 0 0 0px;
	text-shadow: 0 0 0;
}

.texto-mapa-telefono2{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:21px;
	color:#707070;
	float:left;
	display:block;
	width:100%;
	margin:5px 0 0 0px;
	text-shadow: 0 0 0;
}

.texto-mapa-mail a{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:13px;
	color:#df3b19;
	float:left;
	display:block;
	width:100%;
	margin:5px 0 0 0px;
	text-shadow: 0 0 0;
}

.texto-mapa-boton a{
	font-family: 'nexa_lightregular';
	font-size:11px;
	color:#fff;
	background:#df3b19;
	float:left;
	display:block;
	padding:8px 10px 5px 10px;
	margin:10px 0 0 0px;
	text-shadow: 0 0 0;
}



.contenedor-sucursales-claro{
	position:absolute;
	left:50%;
    width: 1124px;
    height: 190px;
	margin:0px 0 0 -562px;

}

#contenedor-header-sucursales{
	position:absolute;
	left:50%;
    width: 1124px;
    height: 190px;
	margin:0px 0 0 -562px;

}
.header-titulo-sucursales{
	font-family: 'nexa_lightregular';
	font-size:30px;
	color:#fff;
	float:left;
	display:block;
	margin:55px 0 0 100px;

}

#diapositiva-servicios-factoring{
	margin-top:75px;
	position:relative;
    width: 100%;
	height:570px;
	/*background: url(../imagenes/servicios/factoring-fondo.svg) center no-repeat;*/


	}

#fondo-factoring{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-factoring.jpg) no-repeat fixed;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#fondo-leasing{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-leasing.jpg) no-repeat fixed;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}


#fondo-bolsa{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-bolsa.jpg) no-repeat  fixed;
   -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#fondo-garantia{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-garantia.jpg) no-repeat fixed;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#fondo-creditos{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-creditos.jpg) no-repeat fixed;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#fondo-newmark{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-newmark.jpg) no-repeat fixed;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}

#fondo-quienes{
	position:absolute;
    width: 50%;
	height:570px;
	z-index:1;
	left:0px;

	background: url(../imagenes/servicios/f-quienes.jpg) no-repeat fixed;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;

	webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}



#diapositiva-servicios-leasing{
	margin-top:75px;
	position:relative;
    width: 100%;
	height:570px;
	/*background: url(../imagenes/servicios/leasing-fondo.svg) center no-repeat;*/

	}

#diapositiva-servicios-bolsa{
	margin-top:75px;
	position:relative;
    width: 100%;
	height:570px;
	/*background: url(../imagenes/servicios/bolsa-fondo.svg) center no-repeat;*/


	}

#diapositiva-servicios-garantia{
	margin-top:75px;
	position:relative;
    width: 100%;
	height:570px;
	/*background: url(../imagenes/servicios/garantia-fondo.svg) center no-repeat;*/


	}

#diapositiva-servicios-creditos{
	margin-top:75px;
	position:relative;
    width: 100%;
	height:570px;
	/*background: url(../imagenes/servicios/creditos-fondo.svg) center no-repeat;*/


	}

#diapositiva-servicios-newmark{
	margin-top:75px;
	position:relative;
    width: 100%;
	height:570px;
	/*background: url(../imagenes/servicios/newmark-fondo.svg) center no-repeat;*/


	}


#diapositiva-servicios-quienes{
	position:relative;
    width: 100%;
	height:570px;
	margin-top:75px;
	/*background: url(../imagenes/fondo-quienes.svg) center no-repeat;*/


	}


#contenedor-servicios{
	position:absolute;
	top:0px;
	left:50%;
    width: 1124px;
    height: 570px;
	background:;
	margin:0 0 0 -562px;
	z-index: 2;
	}

#contenedor-servicios-izquierda-factoring{
	position:relative;
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/servicios/factoring-imagen.jpg);*/
	}

#contenedor-servicios-izquierda-quienes{
	position:relative;
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/fondo-quienes.jpg);*/
	}

#contenedor-video a{
	position:absolute;
	top: 110px;
    left: 82px;
	float:left;
	display: block;
    width: 361px;
    height: 237px;
	}

#contenedor-video a #video-player{
	position:absolute;
	float:left;
	display: block;
    width: 361px;
    height: 237px;
	z-index:5;
	background:url(../imagenes/player.svg);
	}

#contenedor-video a #video-img{
	position:absolute;
	float:left;
	display: block;
    width: 361px;
    height: 237px;
	z-index:1;
	overflow:hidden;
	}

#contenedor-video a #video-img img{
	position:absolute;
    width: 360px;
    height: 237px;
	right:0px;

	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;

	transition: -webkit-transform 3s ease-in-out;
    transition: transform 3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
	}

#contenedor-video a:hover #video-img img{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);

}


#contenedor-servicios-izquierda-leasing{
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/servicios/leasing-imagen.jpg);*/
	}

#contenedor-servicios-izquierda-bolsa{
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/servicios/bolsa-imagen.jpg);*/

	webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	}

#contenedor-servicios-izquierda-garantia{
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/servicios/garantia-imagen.jpg);*/
	}

#contenedor-servicios-izquierda-creditos{
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/servicios/creditos-imagen.jpg);*/
	}

#contenedor-servicios-izquierda-newmark{
	float:left;
	display: block;
    width: 516px;
    height: 590px;
	/*background: url(../imagenes/servicios/newmark-imagen.jpg);*/
	}



.servicios-icono{
	float:left;
	display: block;
    width: 130px;
    height: 130px;
	margin:30px 0 0 30px;
	}

.servicios-titulo{
	font-family: 'nexa_lightregular';
	font-size:31px;
	color:#0e8ce2;
	float:left;
	display:block;
    width: 400px;
	margin:55px 0 0 20px;
	text-align:left;
	}

.quienes-titulo{
	    font-family: 'nexa_lightregular';
    font-size: 31px;
    color: #878787;
    float: left;
    display: block;
    width: 400px;
    margin: 55px 0 20px 43px;
    text-align: left;
	}

.servicios-consulta a{
	float:left;
	display: block;
    width: 105px;
    height: 28px;
	margin:5px 300px 0 20px;
	background:#df3b19;
	padding:0 5px;
	}

.servicios-btn-ngcsi a{
	float:left;
	display:block;
	font-family: 'nexa_lightregular';
    font-size: 14px;
    color: #aa1f2f;
    margin: 10px 0 0 20px;
    text-align: center;
    line-height: normal;
    text-shadow: 0 0 0;
	}

#contenedor-servicios-derecha{
	float:left;
	display: block;
    width: 608px;
    height: 590px;
	background:#fff;
	position:relative;
	}

#tapa {
			 position:absolute;
			 width:10px;
			 height:10px;
			 background:#F00;
			 top:200px;
			 left:5px;
        }


#titulo-productos{
	position:absolute;
	top:-18px;
	left:50%;
	margin-left:-232px;
    width: 465px;
    height: 50px;
	z-index:99;
	}

#contenedor-productos{
	position:absolute;
	top:-18px;
	left:50%;
    width: 1124px;
    height: 270px;
	background: #fff;
	margin:100px 0 0 -562px;

	}


#contenedor-productos .producto a{
	float:left;
	display:block;
    width: 170px;
    height: 250px;
	background: #fff;
	margin:10px 0 0 47px;

	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}

#contenedor-productos .producto a:hover .producto-icono{
	margin:-10px 0 0 15px;
	}

#contenedor-productos .producto a:hover .producto-titulo{
	margin:10px 0 0 15px;
	}


#contenedor-productos .producto a .producto-icono{
	float:left;
	display:block;
    width: 130px;
    height: 125px;
	margin:0 0 0 15px;

	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}

#contenedor-productos .producto a .producto-titulo{
	font-family: 'nexa_lightregular';
	font-size:20px;
	color:#0e8ce2;
	float:left;
	display:block;
    width: 135px;
	margin:0 0 0 15px;
	text-align:center;

	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}

#contenedor-productos .producto a .producto-titulo span{
	font-family: 'nexa_lightregular';
	font-size:10px;

	float:left;
	display:block;
    width: 135px;
	text-align:center;
	    text-shadow: 0 0 0;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}

#contenedor-productos .producto a .producto-texto{
	font-family: 'Open Sans', sans-serif;
    font-size: 10px;
	color:#707070;
	float:left;
	display:block;
    width: 130px;
	margin:0 0 0 15px;
	text-align: left;
	}

#contenedor-productos .producto a .producto-ver{
	font-family: 'Open Sans', sans-serif;
    font-size: 10px;
	color:#df3b19;
	float:left;
	display:block;
    width: 130px;
	margin:10px 0 0 15px;
	}

#diapositiva-formulario{
	position:relative;
    width: 100%;
    height: 590px;
	background: #eaeaea;
	}



#contenedor-formulario{
	position:absolute;
	top:0px;
	left:50%;
    width: 1124px;
    height: 430px;
	margin:0 0 0 -562px;

	}

#contenedor-formulario .formulario-titulo{
	font-family: 'hero_lightlight';
	font-size:20px;
	color:#232323;
	float:left;
	display:block;
    width: 1000px;
	margin:40px 0 0 30px;
	text-align:left;
	}

#contenedor-formulario #formulario-recuadro-izq{
	float: left;
    display: block;
    width: 500px;
    height: 486px;
    margin: 10px 0 0 10px;
    background: #fff;
	}

.numero{
	float:left;
	display:block;
    width: 40px;
	height:40px;
	margin:20px 0 0 20px;
	}

.caja-producto{
	float:left;
	display:block;
    width: 90px;
	margin:75px 0 0 0;
	}

.caja-producto .producto-icono-th{
	float:left;
	display:block;
    width: 60px;
	height:60px;
	margin:20px 0 0 20px;
	}

.caja-producto .producto-icono-th{
	float:left;
	display:block;
    width: 60px;
	height:60px;
	margin:10px 0 0 20px;
	}

.caja-producto .producto-titulo{
	font-family: 'nexa_lightregular';
	font-size:10px;
	color:#0e8ce2;
	float:left;
	display:block;
    width: 130px;
	margin:0 0 0 -13px;
	text-align:center;

	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}



.ingresa-dos{
	font-family: 'nexa_lightregular';
	font-size:17px;
	color:#232323;
	float:left;
	display:block;
    width: 410px;
	margin:26px 0 0 30px;
	text-align:left;
	}

#contenedor-formulario #formulario-recuadro-izq  #contacto-izq{
	float: left;
	display:block;
	width:250px;
	height: 175px;
	margin:20px 0 0 20px;
	}

#contenedor-formulario #formulario-recuadro-der{
	float:left;
	display:block;
    width: 594px;
	height:285px;
	margin:10px 0 0 10px;
	}

#contenedor-formulario #formulario-recuadro-der #blanco{
	float: left;
    display: block;
    width: 594px;
    height: 429px;
    background: #fff;
	}

#contenedor-formulario #formulario-recuadro-der #consultar{
	float:left;
	display:block;
    width: 594px;
	height:57px;
	background:#df3b19;
	}

#contenedor-formulario #formulario-recuadro-der #consultar input[type=submit]{
	float: right;
	display:block;
	width:130px;
	height:35px;
	margin:10px 10px 0 0;
	background: url(../imagenes/consultar.svg);
	border:none;
	cursor:pointer;
	}

#diapositiva-numeros{
	position:relative;
    width: 100%;
    height: 304px;
	background: #b7bcb7;
	}

#contenedor-numeros{
	position:absolute;
	top:0px;
	left:50%;
    width: 1124px;
    height: 430px;
	margin:0 0 0 -562px;

	}

.numeros{
	float:left;
	display:block;
    width: 167px;
    height: 219px;
	margin:45px 0 0 92px;

	}

#diapositiva-experiencia{
	position:relative;
    width: 100%;
    height: 230px;
	background: #fff;
	}

#contenedor-experiencia{
	position:absolute;
	top:0px;
	left:50%;
    width: 1124px;
    height: 230px;
	margin:0 0 0 -562px;

	}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
/*  width   : 28px;*/
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  margin-left  : 20px;
  padding-left : 28px;
  background   : url('../imagenes/checks.png') no-repeat 0 0;
  line-height  : 24px;
      padding-bottom: 4px;
	  cursor:pointer;
}

/*This will work for firefox*/
@-moz-document url-prefix() {
   input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  margin-left  : 24px;
  padding-left : 28px;
  background   : url('../imagenes/checks.png') no-repeat 0 0;
  line-height  : 24px;
      padding-bottom: 6px;
}
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}

/*CARRUSEL EXITO*/

.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;
}

#container {
				width: 1124px;
				position: relative;
				margin: 0 auto;
			}

			#carousel {
				width: 1124px;
				margin: 0 auto;
			}

			#ui-carousel-next, #ui-carousel-prev {
				width: 60px;
				height: 230px;
				/*background: url(../widget/img/arrow-left.png) #fff center center no-repeat;*/
				display: block;
				position: absolute;
				top: 0;
				z-index: 100;
			}

			#ui-carousel-next {
				right: 0;
				/*background-image: url(../widget/img/arrow-right.png);*/
			}

			#ui-carousel-prev {
				left: 0;
			}

			#ui-carousel-next > span, #ui-carousel-prev > span {
				display: none;
			}

			.slide {
				margin: 0;
				position: relative;
			}

			.slide  h1 {
				font: 72px/1 Anton, sans-serif;
				color: #ff5c43;
				margin: 0;
				padding: 0;
			}

			.slide  p {
				font: 32px/1 Ubuntu, sans-serif;
				color: #4d4d4d;
				margin: 0;
				padding: 0;
			}

			#slide01 > img {
				position: absolute;
				/*bottom: 35px;
				left: 30px;*/
			}

			#slide01 > .text {
				position: absolute;
				left: 290px;
				bottom: 35px;
			}

			#slide02 > img {
				position: absolute;
				/*bottom: 35px;
				left: 30px;*/
			}

			#slide02 > .text {
				position: absolute;
				left: 290px;
				bottom: 65px;
			}



			#pages {
				    position: relative;
    width: 79px;
    margin: -29px auto;
    z-index: 9;
			}

			.bullet {
				background: url(../widget/img/page-off.png) center center no-repeat;
				display: block;
				width: 18px;
				height: 18px;
				margin: 0;
				margin-right: 5px;
				float: left;
			}

/*CARRUSEL EXITO*/


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
	position:relative;
}

    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }

    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }

        .tab-links a {
			font-family: 'nexa_lightregular';
            font-size:12px;
            color:#FFF;
            padding:6px 6px 3px 6px;
            display:inline-block;
            background:#b7b7b7;
            transition:all linear 0.15s;
			text-shadow: 0 0 0;
        }

		.exist {
			width:28px;
			height:50px;
			background:none;
        }

		.f1 {
			float:left;
			display:block;
			width:800px;
			margin:30px 0 0 0;
        }

		.tab-titulo {
			float:left;
			display:block;
			width:100%;
			font-family: 'nexa_lightregular';
            font-size:21px;
            color:#606060;
            display:inline-block;
            transition:all linear 0.15s;

			margin:0px 0 0 30px;

        }

		#corchete-quienes {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/quienes-corchete.svg);
			margin:0px 0 0 40px;
        }

		#corchete-factoring {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/servicios/factoring-corchete.svg);
			margin:0px 0 0 40px;
        }

		#corchete-leasing {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/servicios/leasing-corchete.svg);
			margin:20px 0 0 40px;
        }

		#corchete-bolsa {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/servicios/bolsa-corchete.svg);
			margin:20px 0 0 40px;
        }

		#corchete-garantia {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/servicios/garantia-corchete.svg);
			margin:20px 0 0 40px;
        }

		#corchete-creditos {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/servicios/creditos-corchete.svg);
			margin:20px 0 0 40px;
        }

		#corchete-newmark {
			float:left;
			display:block;
			width:530px;
			height:155px;
			background:url(../imagenes/servicios/newmark-corchete.svg);
			margin:20px 0 0 40px;
        }

		#corchete-titulo {
			float:left;
			display:block;
			font-family: 'nexa_lightregular';
            font-size:28px;
            color:#606060;
			margin:50px 0 0 0px;
			text-align:center;
			width: 100%;
        }

		#corchete-texto {

			font-family: 'nexa_lightregular';
            font-size:14px;
            color:#4fabea;
			margin:20px 0 0 30px;
			text-align:center;
			line-height:normal;
			text-shadow: 0 0 0;
        }



		.tab-texto {
			float:left;
			display:block;
			font-family: 'Open Sans', sans-serif;
			font-weight:100;
            font-size:13px;
            color:#606060;
            display:inline-block;
            transition:all linear 0.15s;

			margin:20px 0 0 30px;
			line-height:normal;
			text-shadow: 0 0 0;

        }

		.directorio {
			float:left;
			display:block;
			width:260px;

        }

		.tab-texto li {
			list-style: none;
			counter-increment: foo;
			display: table-row;
			line-height:30px;
		}

		.tab-texto li img{
			width:32px;
			height:60px;
		float: left;
    margin-right: 9px;
    margin-top: 5px;

		}

		.tab-texto li::before {
			content: url(../imagenes/punto.svg);
			display: table-cell;
			text-align: right;
			padding-right: .3em;
		}


		.tab-texto2 {
			float:left;
			display:block;
			font-family: 'Open Sans', sans-serif;
            font-size:13px;
            color:#606060;
            display:inline-block;
            transition:all linear 0.15s;

			margin:20px 0 0 30px;

        }

		.tab-texto2 li a{
			list-style: none;
			counter-increment: foo;
			display: table-row;
			line-height:30px;
			text-decoration:none;
			color:#707070;


		}

		.tab-texto2 li a:hover span{
			margin-left:5px;

		}

		.tab-texto2 li a img{
			width:26px;
			height:32px;
		float: left;
    margin-right: 9px;
    margin-top: 7px;

		}

		.tab-texto2 li a span{
			max-width: 400px;
    height: 22px;
    float: left;
    padding-top: 8px;

	-moz-transition:all 0.4s ease-in-out;
			-o-transition:all 0.4s ease-in-out;
			-webkit-transition:all 0.4s ease-in-out;
			transition:all 0.4s ease-in-out;

		}




        .tab-links a:hover {
            background:#0e8ce2;
            text-decoration:none;
        }

    li.active a, li.active a:hover {
        background:#df3b19;
        color:#fff;
    }

    /*----- Content of Tabs -----*/
    .tab-content {
    width: 100%;
    padding: 15px;
    background: #fff;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    }

        .tab {
            display:none;
        }



        .tab.active {
            display:block;
        }

/*----- Tabs -----*/