

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

.item {
	float: left;
    margin-right: 20px;
    width: 27vw;
    padding: 10px;
    height: 35vh; 
    /* border: 1px solid #b3b3b3; */
    background-color: #fff;
    border-radius: 5px;
    margin-left: 20px;
}
@media screen and (max-width:767.9px) {
	.item {
		width: 40vw;
	}
	.left-nav-btn, .right-nav-btn {
    	top: 85px !important;
    }

}
@media screen and (max-width:999px) {
	.item {
		height: 25vw;
		margin-right: 0px;
	}

}
@media screen and (max-width:575px) {
	.contVoz {
		padding: 1vh;
	}
	.item {
	    width: 73vw !important;
	    padding: 5px !important;
	    height: 21vh !important;
	    margin-right: 20px !important;
	}
	.textVerde {
		text-align: center !important;
		padding-left: 0vw !important;
		padding-top: 5vh !important;
	}
	.left-nav-btn {
	    left: -2px !important;
	}
	.right-nav-btn {
	    right: -2px !important;
	}
	.left-nav-btn, .right-nav-btn {
	    top: 66px !important;
	}
	.left-nav-btn i, .right-nav-btn i {
	    font-size: 5vw !important;
	}
}
/*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: 16vh;
    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: 0px 8px 10px #f1f1f1, -10px 8px 15px #f1f1f1, 10px 8px 15px #f1f1f1;
    padding-bottom: 2vw;
}

.left-nav-btn, .right-nav-btn {
	position:absolute;
	width:37px;
	height:37px;
	top:115px;
	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;
}