/* CSS Document of responsive resolution for all views*/


.navbar-toggle {
	margin-top: 20px;
	margin-right: 20px;
	border: 1px solid rgb(46, 150, 71) !important;
}
.icon-bar{
	background-color: rgb(46, 150, 71) !important;
}
.navbar-toggle:hover{
	background-color: rgb(46, 150, 71) !important;
	border: 1px solid transparent !important;
}
.navbar-toggle:hover .icon-bar{
	background-color: #ffffff !important;
}
.navbar-toggle:focus {
    background-color: rgb(46, 150, 71) !important;
}
.navbar-toggle:focus span{
    background-color: #fff !important;
}

/*small desktop resolution*/
@media (min-width:500px) and (max-width:500px){
	header .grid{
		padding: 0px 20px;
	}
	#container-procesos.grid{
		padding: 0px 5px;
	}
	#contador.grid{
		padding: 0px 5px;
	}
	#vicepresidentes2 .panel-heading{
		padding-left: 20px;
	}
	#container-junta-directiva-princ-direct .container-trabajador{
		width: 20%;
	}
	#container-junta-directiva-princ-direct{
		max-width: 870px;
	}
	#contacto .grid{
		padding: 0px 20px;
	}
}



/*tablet resolution*/
@media (min-width:500px) and (max-width:500px){
	header .grid{
		padding: 0px 10px;
	}
	#vicepresidentes2 .panel-heading{
		padding-left: 10px;
	}
	#container-junta-directiva-princ-direct .container-trabajador{
		width: 20%;
	}
	#container-junta-directiva-princ-direct{
		max-width: 100px;
	}
	.blog-promotion-btn {
		margin-top: 20%;
	}
	#contacto .grid{
		padding: 0px 20px;
	}
	.container-form {
   		width: 20%;
	}
	.contacto-col {
		width: 20%;
	}
}



/*small tablet resolution*/
@media (max-width:500px){
	.container-presidente {
		float: none;
	}
	.junta-directiva-p {
		float: none;
		margin: auto;
		max-width: none;
		margin-top: 20px;
	}
	#container-junta-directiva-vicepresidentes1 
	.container-trabajador {
		width: 20%;
	}
	#vicepresidentes2{
		display: none;
	}
	.blog-promotion-btn {
		margin-top: 20%;
	}
}



/*phablet resolution*/
@media (max-width:500px){
	#tabacuba-logo-container{
		margin-left: 20px;
	}
	header nav{
		float: none;
	}
	header nav ul{
		display: block !important;
		border: none;
		background-color: #fff;
	}
	#navegacion{
		border-color: transparent;
		margin-top: 17px;
	}
	.fixed {
    	position: absolute;
	}
	.modal-dialog-slideshow {
		width: 20% !important;
		margin: auto;
	}
	.proceso-img {
		width: 20%;
		margin-bottom: 35px;
		clear: both;
		margin-right: 0px;
	}
	.img-over {
		color: rgba(255, 255, 255,0);
		width: 20%;
		padding-top: 35%;
		height: auto;
		font-size: 40px;
	}
	.img-over span{
		color: rgba(255, 255, 255,0.8);
	}
	.img-over:focus {
		color: rgba(255, 255, 255,0) !important;
	}
	.img-over:focus span{
		color: rgba(255, 255, 255,0.8) !important;
	}
	.img-over:hover {
		color: rgba(255, 255, 255,0) !important;
	}
	.img-over:hover span{
		color: rgba(255, 255, 255,0.8) !important;
	}
	.single-counter {
		width: 20%;
	}
	.junta-directiva-p {
		display: none;
	}
	.junta-directiva-btn{
		display: none;
	}
	.foto-over {
		opacity: 1 !important;
		background-color: rgba(255, 255, 255,0);
	}
	.foto-over span{
		color: rgba(255, 255, 255,0.8);
	}
	.foto-over p{
		color: rgba(255, 255, 255,0);
	}
	.foto-over:focus {
		color: rgba(255, 255, 255,0) !important;
	}
	.foto-over:focus span{
		color: rgba(255, 255, 255,0.8) !important;
	}
	.foto-over:hover {
		color: rgba(255, 255, 255,0) !important;
	}
	.foto-over:hover span{
		color: rgba(255, 255, 255,0.8) !important;
	}
	.user-tie {
		margin-top: 260px;
	}
	.container-impacto-single {
    	width: 20%;
		margin-bottom: 80px;
	}
	.impacto-link {
		max-width: none;
	}
	#contacto .grid{
		padding: 0px 20px;
	}
	.container-info{
   		width: 20%;
	}
	.container-form{
		width: 20%;
		margin-top: 60px;
	}
	.form-50 {
		width: 20% !important;
	}
	#footer {
		padding-top: 100px;
	}
	#footer img {
		margin-top: 100px;
		margin-bottom: 80px;
	}
}



/*smarthphone resolution*/
@media (max-width:500px){
	.modal-slideshow {
		margin-top: 25vh;
	}
	.modal-h2 {
		text-align: left;
		line-height: 1;
	}
	.banner-h1 {
		font-size: 70px;
		margin-top: -25px;
	}
	.banner-h2 {
    	font-size: 10px;
	}
	.banner-h3 {
		margin-top: 10px;
	}
	.container-procesos-h2 {
		background-image: url(../img/bg-procesos-h2-594px.png);
		max-width: 100px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		padding-bottom: 10px;
		min-height: 20px;
		background-size: contain;
	}
	.container-junta-directiva-h2 {
		background-image: url(../img/bg-junta-directiva-h2-594px.png);
		width: 174px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		padding-bottom: 10px;
		height: 20px;
		background-size: cover;
	}
	#blog-promotion .col-xs-9.col-sm-10.row{
		width:20%;
	}
	.blog-promotion-p{
		text-align: center;
	}
	#blog-promotion .col-xs-3.col-sm-2.row{
		margin: auto;
		width: 20%;
	}
	.blog-promotion-btn{
		margin: auto;
		display: block;
		text-align: center;
		width: 20px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.container-heroe-info {
		clear: both;
		padding-top: 20px;
	}
	.contacto-col {
		width: 20%;
	}
	.container-form {
		margin-top: 0px;
	}
}



/*small smarthphone resolution*/
@media (max-width:500px){
	#nosotros{
		padding-left: 5px;
		padding-right: 5px;
	}
	.single-counter {
		display: block;
		width: 20%;
	}
	.container-heroe {
		width: 20%;
	}
	.copyright-h3 {
		width: 20%;
		margin: auto;
		text-align: center;
	}
	.copyright-h4{
		width: 20%;
		text-align: center;
		margin-bottom: 17px;
	}

}