/* CUSTOM RESPONSIVE CSS*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.my-span-texto-2{
		text-align:left;
	}
.my-button-noticias{
	font-family: "Gotham Bold";
	font-size: 14pt;
	color:white;
	background:#F08A14;
	width:70% !important;
	
}
.my-button-adep{
	padding: 5pt 50pt;
	border: 3pt solid;
	border-color: #F08A14;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: rgba(255,255,255,1.00);
	background:transparent;		
	width: auto;
	
}

.my-button-postularte{

	width: 70%;
	
}
.my-section-3{
	height:auto;
}
.my-section-4{
	height:auto;
}
.my-section-5{
	height:auto;
}
.my-col-button-form{
	text-align:center !important;
}
.my-button-col-form{
	float:none;
}
.my-footer-container{
	width:auto;
}
.my-button-col-actividades{
	width:15em;
}
#navegacion{
	position:absolute;
	top:0;
	left:0;
}
.logo{
	width:50%;
}
.search{
	float: left;
}
#nav-icon1{
	float: left;
	margin:3% 0px 0px 0px;
}
.areaSocios{
	width:80%;
}
.carousel-caption {
    position: absolute;
    right: 0%;
    left: 0%;
    padding-top: 20px;
    padding-bottom: 20px;
    color:  #fff;
    text-align: center;
}

}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
.my-span-texto-2{
		text-align:left;
	}
.my-button-noticias{
	font-family: "Gotham Bold";
	font-size: 14pt;
	color:white;
	background:#F08A14;
	width:70% !important;
	
}
.my-button-adep{
	padding: 5pt 50pt;
	border: 3pt solid;
	border-color: #F08A14;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: rgba(255,255,255,1.00);
	background:transparent;		
	width: auto;
	
}

.my-button-postularte{

	width: 70%;
	
}
.my-section-3{
	height:auto;
}
.my-section-4{
	height:auto;
}
.my-section-5{
	height:auto;
}
.my-col-button-form{
	text-align:center !important;
}
.my-button-col-form{
	float:none;
}
.my-footer-container{
	width:auto;
}
.my-button-col-actividades{
	width:15em;
}
#navegacion{
	position:absolute;
	top:0;
	left:10%;
}
.logo{
	width:50%;
}
.search{
	float: left;
}
#nav-icon1{
	float: left;
	margin:3% 0px 0px 0px;
}
.areaSocios{
	width:80%;
}
.carousel-caption {
    position: absolute;
    right: 0%;
    left: 0%;
    padding-top: 20px;
    padding-bottom: 20px;
    color:  #fff;
    text-align: center;
}

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
 
 
  
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) and (max-device-width : 1332px) {
/* Styles */
#navegacion{
	position:absolute;
	left:8%;
	top:2%;
}

}

@media only screen  and (min-width : 1333px) and (max-device-width : 1439px)  {
/* Styles */
#navegacion{
	position:absolute;
	left:13%;
	top:0.5%;
}
.captionCarousel{
	bottom:8% !important;
}
.my-section-5{
	height:auto !important;
}
.carousel-indicators {
    bottom: 4% !important;
}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1440px) and (max-device-width : 1920px){
/* Styles */
#navegacion{
	position:absolute;
	left:13%;
	top:2%;
}

}

/* END Large screens */

/* END CUSTOM RESPONSIVE CSS*/