@charset "utf-8";
/* CSS Document dependencias */

.sec-dependencias{
	position: relative; width: 1000px; max-width: 100%; padding-top: 5%; padding-bottom: 5%; 
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    }
.sec-dependencias h2{
	float:left; position: relative; width: 100%; color: rgb(38,192,201); font-size: 36px; text-align: center; bottom: 0; 
    }
.dependencias{
	float:left; position: relative; width: 100%;
    }
.dependencias-item{
	float:left; position: relative; width: calc(100% - 120px); padding: 60px; border-bottom: 1px solid rgb(200,200,200);
}
.dependencias-item:last-of-type{
	border-bottom: none;
}
.dependencias h2{
	float:left; position: relative; width: 100%; font-size: 36px; color: rgb(60,60,60); text-align: center;
	margin: 0px;
    }
.dependencias h3{
	float:left; position: relative; width: 100%; font-size: 30px; text-align: left;
	margin: 0px; margin-bottom: 20px;
    }
.dependencias h4{
	float:left; position: relative; width: 100%; font-size: 20px; text-align: left;
	margin: 0px; margin-bottom: 10px;
    }
.dependencias p{
	float:left; position: relative; width: 100%; text-align: left;
	margin: 0px;
    }




@media all and (min-width: 901px) and (max-width: 1200px) {
    .sec-inst{
	    float:left; position: relative; width: 80%; padding: 30px 10% 30px 10%; min-height: 400px; 
        }
    .inst{
	    float:left; position: relative; width: calc(80% - 42px); margin-left: 10%; padding: 20px; border: 1px solid rgb(230,230,230);
        }
    .secre{
	    float:left; position: relative; width: calc(80% - 42px); margin-left: 10%; padding: 20px; border: 1px solid rgb(230,230,230);
        }
}
@media all and (min-width: 601px) and (max-width: 900px) {
    .sec-inst{
	    float:left; position: relative; width: 90%; padding: 20px 5% 20px 5%; min-height: 300px; 
        }
    .inst{
	    float:left; position: relative; width: calc(94% - 32px); margin-left: 3%; padding: 15px; border: 1px solid rgb(230,230,230);
        }
    .secre{
	    float:left; position: relative; width: calc(94% - 32px); margin-left: 3%; padding: 15px; border: 1px solid rgb(230,230,230);
        }
}

@media all and (max-width: 600px) {
    .sec-inst{
	    float:left; position: relative; width: 96%; padding: 10px 2% 10px 2%; min-height: 300px; 
        }
    .inst{
	    float:left; position: relative; width: calc(94% - 32px); margin-left: 3%; padding: 15px; border: 1px solid rgb(230,230,230);
        }
    .secre{
	    float:left; position: relative; width: calc(94% - 32px); margin-left: 3%; padding: 15px; border: 1px solid rgb(230,230,230);
        }
}