.top-banner h1 {
  color: #0054a6;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 50px;
      padding-top: 70px;
  font-weight: normal;
      max-width: 447px;
  margin: 0px;

}



.top-banner p {
  font-size: 20px;
  line-height: 30px;
  padding-top: 10px;
  margin: 0px;
  font-weight: normal;
  max-width: 465px;
}

.top-banner{

  width: 100%;
  height: 450px;
  display: Block;
  margin: 0px;
  padding: 0px;
  position: Relative;
  background: url(../images/institucional/banner.jpg) top center no-repeat;
  z-index: 90;


}
.title-acceso{
  text-transform: none !important;
}
.cleft{
	  width: 60%;
	display: inline-block;
	height: 344px;
  float: left;
	background: url("../images/institucional/accesos.jpg") top center no-repeat;
}



.cright strong{
  font-weight: bold;
}

.cright p{
	display: inline-block;
	margin-bottom: 24px;
}
.form_row {
  margin-bottom: 30px;
}
.last_nomargin{
	margin-bottom: 0!important;
}

.form_row label {
  color: #1b1464;
  margin: 0 0 15px 0;
  display: block;
  font-weight: 600;
}
.form_row label span {
  color: #8ad9f8;
}
.s_tercio {
  float: left;
  margin-right: 10px;
}
#especialidad {
  float: left;
  margin-right: -3px;
  padding: 5px 0px 5px 0px;
  width: 93%;
}

.form_row input.text {
  background-color: #ffffff;
  border: solid 1px #b7b7b7;
  color: #666666;
  font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 13px;
  font-weight: normal;
  height: 30px;
  position: relative;
  width: 90%;
  padding: 0 0 0 8px;
}

.textarea-width {
  width: 98%;
  height: 98px;
}

.content-contact{
	  display: inline-block;
  width: 400px;
  float: left;
}


.contact-flexbox{

margin-top: 80px;
margin-bottom: 60px;
display: flex;
  
flex-flow: row wrap;
  

justify-content: center;

}

.content-accesos{
      margin-bottom: 40px;

}

.center-btn{
  display: block;
  margin: 42px auto;
  width: 120px;
  height: 85px;
}

.center-btn a {
	  color: white;
  background-color: rgb(11, 86, 166);
  text-decoration: none;
  padding: 15px 30px;
  display: block;
}

.video-inst{
	  color: #0054a6;
  margin-top: 15px;
  display: inline-block;

}
.video-inst a{
	text-decoration: none;
	color:  #0054a6;
}
.contact_num{
	  color: #0054a6;
	  font-weight: bold;
}
.three-column p {
  margin-bottom: 0px !important;
}
.marginp p{
 margin-bottom: 25px !important;
}
.nomargin{margin:0;}
.video-inst::before{
	content: "";
  width: 40px;
  height: 26px;
  display: inline-block;
  /* position: relative; */
  float: left;
  margin-right: 15px;
  background: url("../images/institucional/icn_4.png");
  /* top: 24%; */

}

.radio_input input{
	margin-right: 15px;

}
.radio_input label{
	width: 40%;
  display: inline-block;
}


@media screen and (max-width: 1263px){
.contact-resp{
  width: 100% !important;
  max-width: 800px !important;
}
}

@media screen and (max-width: 1235px){


}

@media screen and (max-width: 1024px){

.cbp-fwslider2 ul li img:nth-child(1) {
  display: inline-block !important;
}

.top-banner{
  background: url(../images/institucional/banner_1024.jpg) top center no-repeat;
}







}

@media screen and (max-width: 800px){
.contact-resp{
  width: 100% !important;
  max-width: 400px !important;
}

}
@media screen and (max-width: 768px){

  .top-banner{
  background: url(../images/institucional/banner_768.jpg) top center no-repeat;
}
.top-banner h1 {
  color: #0054a6;
  text-transform: uppercase;
  font-size: 37px;

}

.top-banner p {
    max-width: 441px;
}





}
@media screen and (max-width: 722px){

.cleft {
    width: 100%;
    display: block;
    height: 344px;
    float: none;
    background: url("../images/institucional/banner2_480.jpg") top center no-repeat;
}





}

@media screen and (max-width: 480px){

  .top-banner{
  background: url(../images/institucional/banner_480.jpg) top center no-repeat;
}

.top-banner p {
    font-size: 16px;
    max-width: 352px;
}

.top-banner h1 {
    color: #0054a6;
    text-transform: uppercase;
    font-size: 34px;
}

.cleft{
    width: 60%;
    background: url("../images/institucional/banner2_480.jpg") top center no-repeat;
}


}

@media screen and (max-width: 410px){
.contact-resp{
  width: 98% !important;
  max-width: 320px !important;
}
.content-contact{
    display: inline-block;
  width: 320px;
  float: left;
}


}


@media screen and (max-width: 391px){

.top-banner p {
    display: none;
}

.top-banner h1 {
    display: none;
}

}
@media screen and (max-width: 320px){

.top-banner{
  background: url(../images/institucional/banner_320.jpg) top center no-repeat;
}

.cleft{
    width: 60%;
    background: url("../images/institucional/banner2_320.jpg") top center no-repeat;
}

}