.outerWrapper {
	text-align: left;
    position: relative;
    margin: 0 auto;;
    width: 90%;
}

.item {
	float: left;
    margin-right: 17px;
    width: 27vw;
    padding: 10px;
    height: 110vh; 
    border-radius: 5px;
    margin-left: 17px;
}
@media screen and (max-width:767.9px) {
	.item {
		width: 40vw;
	}
}
/*voces*/
.flexCenter {
    display: flex;
    align-items: center;
}
.contVozImg {
    max-width: 32%;
    padding-left: 1vw;
}
.contVozImg img {
    max-width: 100%;
}

.contVozTit {
    max-width: 65%;
    height: auto;
    color: black;
    padding-left: .6vw;
    text-align: justify;
}
.contVozTit p{
    font-size: calc(.4rem + .4vw);
    opacity: .4;
    font-weight: 500;
    margin-bottom: 1px;
}
.contVozTit h1{
    font-size: calc(.7rem + .7vw);
    margin-bottom: 1px;
    font-weight: 700;
}
.contVozTit label{
    font-size: calc(.5rem + .5vw);
    font-weight: 300;
    text-align: left;
}

.contVozText {
    padding-top: 1vh;
    padding-left: 2vw;
    padding-right: 2vw;
    max-height: 24vh;
    overflow: auto;
}
.contVozText p {
    font-size: calc(.5rem + .5vw);
    line-height: normal;
    margin-bottom: 1px;
    text-align: justify;
    color: rgb(15 34 57);
    opacity: .8;
}
.textVerde {
    font-size: calc(1.3rem + 1.2vw);
    color: rgb(98 138 26);
    padding-left: 7vw;
    padding-top: 7vh;
    font-weight: 700;
}

@media screen and (max-width:991.9px) {
    .contVozText p {
        ont-size: calc(.5rem + .5vw);
    }

}
.contVoz {
	background: white;
    width: 99%;
    height: 99%;
/*    color: white;*/
    /* color: #b3b3b3; */
    text-align: center;
/*    line-height: 162px;*/
/*    font-size: 60px;*/
    border-radius: 20px;
    /* border: 1px solid #b3b3b3; */
    box-shadow: -6px 10px 10px #f1f1f1;
    padding-bottom: 2vw;
}

.left-nav-btn, .right-nav-btn {
	position:absolute;
	width:37px;
	height:37px;
	top:320px;
	cursor:pointer;
/*	opacity: 0.8;*/
/*	background:transparent url('../images/arrows.png') top left no-repeat;*/
	-webkit-transition:opacity 0.2s linear;
  	-moz-transition:opacity 0.2s linear;
  	-o-transition:opacity 0.2s linear;
  	transition:opacity 0.2s linear;
}
.left-nav-btn i, .right-nav-btn i {
	font-size: 3vw;
}

.left-nav-btn {
	left:-30px;
}

.right-nav-btn {
	right:-30px;
	background-position: top right;
}

.left-nav-btn:hover, .right-nav-btn:hover {
	opacity: 1;
}

/* Vertical Mode */

.vert.outerWrapper {
	margin:50px auto 60px auto;
	width:204px;
	height:456px;
}

.vert .item {
	float:left;
	margin-bottom:48px;
	width:162px;
}

.vert .left-nav-btn, .vert .right-nav-btn {
	position:absolute;
	width:37px;
	height:37px;
	cursor:pointer;
	left:82px;
	background:transparent url('../images/arrows_vert.png') top left no-repeat;
}

.vert .left-nav-btn {
	top:-60px;
}

.vert .right-nav-btn {
	top:auto;
	bottom:-60px;
	background-position: bottom left;
}

.leftWrapper {
	width:48%;
	float:left;
}

.rightWrapper {
	width:48%;
	float:right;
}

.leftWrapper h2, .rightWrapper h2 {
	width:100%;
	text-align:center;
}

.outerWrapper2 .item {
	margin-right:50px;
	width:110px;
	padding:20px;
}

/* Pager */

.pager {
	line-height: 100px;
	text-align: center;
}

.pager > span {
	cursor: pointer;
	border-radius:8px;
	display: inline-block;
	width:16px;
	height:16px;
	background: #DDDDDD;
	border:1px solid #B3B3B3;
	margin:0 4px;
	overflow: none;
}

.pager > span.active {
	background: #B3B3B3;
}

.pager > span > span {
	display: none;
}

/* Counter (See Example 7) */

#counter {
	margin-top:-30px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}