/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4/08/2014, 06:56:07 PM
    Author     : Rafael
*/
/*-------------------layout*/


@font-face {

    font-family: "gillregular";
    src: url("../font/gillsansmt.ttf") format("truetype");

}
 

*{
    font-family: "gillregular", arial, helvetica;
}


* { margin: 0px;
padding: 0px; outline: 0;
}

#logo img{
    height: 155px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
@media only screen and (max-width : 1020px){
    #logo img{
    height: 112px;
    }
}
#menu{
    width: 100%;
    position: fixed;
    height: 168px;
    z-index: 1000;
    top: 0px;
    background: white;

}
#menu ul { 
    list-style-type: none;
    color: white;
    float: right;
    margin-right: 10px;   
}

#menu ul li{
    margin-left: 1px;
    background: #174176;
}
#menu ul li ul li{
    margin-left: 0px;
    background: #A8A9AD;
      border-bottom-color: #818284;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#menu ul li.nivel1 { 
    float: left;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
}
#menu ul li.nivel1 a{
    color: white;
}
#menu ul li.nivel11 { 
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
#menu ul li.nivel1 img{
    height: 20px;
}

#menu ul li{
    display: block;
    text-decoration: none;
    color: #FFF;




position: relative;
}
#menu ul li ul li a {
    display: block;
text-decoration: none;
color: #002C73;

  
padding: 8px;
position: relative;
}
.menures{
    font-size: 14px;
}

#menu ul li ul li a:hover{
position: relative;
color: #174176;
transition-delay:0s;
}
#menu ul li a.nivel1 {
    display: block!important;
    display: none;
    position: relative;

}
#menu ul li ul {
    display: none;
    background: #A8A9AD;
    margin: 0;
    text-align: center;
    z-index: 10;
    -webkit-box-shadow: -3px 1px 10px 1px rgba(0,0,0,.6);
    box-shadow: -3px 1px 10px 1px rgba(0,0,0,.6);
    margin-top: 8px;

}

#menu ul li:hover ul {
     display: block;
    position: absolute;
    left: 0px;
    transition-delay:0s;   
}
 
#menu ul li ul li a {
    font-size: 12px;
    line-height: 14px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
z-index: 10;

}
#menu ul li ul hr{
    margin: 0px;
    width: 75%;
    margin: 0 auto;
    color: #818284;
    border: solid #818284;
    border-width: 1px 0 0;
}

#menu ul li ul li a:hover {
    position: relative;
}
table.falsa {
    border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
#menu ul li ul li a{
    color: rgba(255,255,255,.7);
    margin-top: 5px;
    margin-bottom: 5px; 

}
#menu ul li ul li a:hover{
    background: white;
}
.smenu a{
    background: white;
    color: #002C73!important;
}
.redeshe{
    text-align: right;
      margin-top: 20px;
  padding-right: 10px;
  margin-bottom: 50px;
}
.redeshe img{
    width: 30px;
    margin-right: 10px;
}


p{
    text-align: justify;
    font-family: "gillregular", arial, helvetica;
    
}

.menuselect{
    border-bottom-color: #FFF;
    border-bottom-style: solid;
    border-bottom-width: 3px; 
}

.cuadrohome1{
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 25px;
}
.cuadrohome2{
    margin-top: 20px;
    border-color: white;
    border-width: 2px;
    border-style: solid;
}
.acceso{
    float: left;
    padding-left: 10px;
}
.acceso img{
    height: 20px;
    margin-right: 8px;
}
.acceso a{
    color: #58585A;
    font-size: 12px;
}
.contahe a{
    font-size: 12px;
    padding-right: 10px;   
}
.redeshe a{
    font-size: 12px; 
}

.contahe{
    float: right;
    
}
.contahe img{
    height: 20px;
    margin-bottom: 5px;
    margin-right: 8px;
}
.afiliate{
    padding-top: 10px;
    display: block;
}
.conthe{
    height: 24px;
    padding-top: 10px;
  padding-right: 20px;

}
.rowsombra{
     -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,.6);
  box-shadow: 0 1px 10px 1px rgba(0,0,0,.6);
}
.menhe{
    
    width: 100%;
    height: 43px;
    text-align: right;
    margin-top: 5px;
    
}

.slidermed{
    width: 100%;
    margin-top: 168px!important;

}

.cuadro1{
    background: #F39200;
    text-align: center;
    padding: 10px;
    display: block;
}
.cuadro2{
    background: #8EB224;
    text-align: center;
    padding: 10px;
    display: block;

}
.cuadro3{
    background: #B51542;
    text-align: center;
    padding: 10px;
    display: block;

}
.cuadro4{
    background: rgb(78,24,111);
    text-align: center;
    padding: 10px;
    display: block;

}
.cuadroFooter{
    background: rgb(0,115,178);
    text-align: center;
    padding: 10px;
    display: block;
}

.cuadro1 h3, .cuadro2 h3,.cuadro3 h3,.cuadro4 h3, .cuadroFooter h3{
    font-size: 14px;
    color: white;
}
.cuadros .cuadneg .contornoh{
    font-size: 14px;
    color: white;
}
.cuadro1 p, .cuadro2 p,.cuadro3 p,.cuadro4 p, .cuadroFooter p{
    text-align: center;
    font-size: 12px;
    color: white;
    text-align: center;
}
.cuadro1, .cuadro2,.cuadro3,.cuadro4, .cuadroFooter{
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
          opacity: .6;
          width: 250px;
          height: 250px;
          border-radius: 125px;
}
.cuadro1:hover, .cuadro2:hover,.cuadro3:hover,.cuadro4:hover, .cuadroFooter:hover{
    opacity: 1;
}
.cuadros{
    margin-top: 20px!important;
    text-align: center;
}

.cuadneg{
    background: black;
    display: block;
      width: 250px;
  height: 250px;
  border-radius: 125px;
}
.cuadneg img {
    width: 35%;

}
.cuadneg .contornoh {
      width: 210px;
  height: 210px;
  margin: 10px;
  border-radius: 105px;
    border-radius: 125px;
      border-color: #FFF;
  border-style: solid;
  border-width: 15px;
  padding-top: 25px;
  display: block;
}

.infofi table td{
    background: #BDBEC1;
    text-align: left;
    padding-left: 10%;
}
.infofi table{
    float: right;
}

.infofi table p {
    margin: 0;
}
.infofi table tr {
      border-bottom-color: #FFF;
  border-bottom-style: solid;
  border-bottom-width: 20px;
}
.infofi h4{
    
    font-family: "gillregular";
    font-weight: bold;
}
footer{
    background: #6E6E70;
    background: #6E6E70 url("../img/footerf.png");
    background-size: 80%;
    padding-top: 20px;
    padding-bottom: 10px;
}
.notfo p{
    text-align: justify;
    font-size: 12px;
    color: white;
    margin-bottom: 10px; 
}

footer h4{
    color: white;
    padding-left: 10%;
    font-family: "gillregular";
    font-weight: bold;
}
.compartir img{
    width: 110px!important;
}
.footercol{
    border-left-color: #FFF;
  border-left-style: solid;
  border-left-width: 2px;
}
.footercol p{
    text-align: justify;
    color: white;
    margin-bottom: 0px;
}
.footercol table td img{
    width: 18px;
}

.credito1 img{
    float: left;
    width: 30px;
  padding-top: 2px;
  margin-right: 10px;
}
.credito1{
    text-align: left;
    margin-bottom: 20px;
}
.credito1 p{
    text-align: justify;
    color:#58585A;
}
.credito1 ol li{
    list-style: initial;
}
.credito1 h3{
    color: #174176;
    padding-left: 10px;
    font-family: "gillregular";
    font-weight: bold;
}
.espaciocre{
    padding-left: 10%;
    display: block;
}
.menucredito hr{
    border: solid #000;
      border-width: 1px 0 0;
}

.menucredito{
     border-left-color: #000;
  border-left-style: solid;
  border-left-width: 1px;
  margin-bottom: 20px;
}
.menucredito img{
    height: 20px;
    float: left;
    margin-right: 10px;
}
.menucredito h3{
    font-size: 16px;
     color:#58585A;
     float: left;
}
.menucredito ul{
    text-align: left;
}

.menucredito ul li{
    list-style: none;
    padding-top: 10px;
}

.menucredito ul li a{
    color:#58585A;
     font-family: helvetica, arial;
}
.menucredito ul li a:hover{
    color:#174176;
    font-family: helvetica, arial;
    font-weight: bold;
}
.menucredito hr{
    width: 80%;
    max-width: 240px;
}
.menucredito span{
    display: none;
}
.select a{
    color:#174176!important;
    font-family: helvetica, arial;
    font-weight: bold;
}
.select span{
    display: inline-block;
}
.footcont img{
    padding: 0px;
    margin:0px;
    padding-left: 10px;
    width: 50px;
}
.footcont a{
    color: #818284;
    font-size: 25px;
    font-weight: bold;
}
.footcont a:hover{
    color:#174176;   
}

/* +++++++++++++++++++++++  
    
    +++++++++++++ */
.imgfija{
    margin-top: 168px;
    width: 100%;
    height: 350px; /*
    background-repeat: no-repeat!important;
    background-position:  top left!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important; */
      background-repeat: no-repeat!important;
  background-size: 100%!important;
  background-position: center!important;
    }
    .imgfija1{
    margin-top: 168px;
    width: 100%;
    height: 350px; /*
    background-repeat: no-repeat!important;
    background-position:  top left!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important; */
      background-repeat: no-repeat!important;
  background-size: 850px!important;
  background-position: left!important;
    }
.cuadfijo{
    width: 250px;
    height: 200px;
    position: relative;
    right: 10px;
    top: 75px;
    float: right;
    background: rgba(255,255,255, .7);
    padding: 10px;
}

.cuadfijo span{
    display: block;
    width: 230px;
    height: 180px;
    padding: 10px;
    text-align: center;
    border-bottom-color: #174176;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-top-color: #174176;
    border-top-style: solid;
    border-top-width: 5px;
 }
 .cuadfijo img{
    max-height: 100%;
 }
.cuadfijo h6{
    color: #174176;
}


.contactocont{
    padding-top: 168px;
}
.contsucursal{
    margin-top: 168px;
}
.contsucursal img{
    float: left;
    width: 30px;
  padding-top: 8px;
  margin-right: 10px;
}
.contsucursal h3{
    color: #174176;
    padding-left: 10px;
    font-size: 25px;
}
.contsucursal h4{
    color: #174176;
    padding-left: 10px;
    font-size: 25px;
}
.succuad h4{
    color: #949599;
    padding-left: 10px;
    font-size: 25px;
}
.succuad img{
    float: left;
    width: 30px;
  padding-top: 8px;
  margin-right: 10px;
}
/*      ++++++++++++++++++++++++++++++++ efecto hover soporte ++++++++++++++++ 
.ch-item {
    width: 230px;
    height: 230px;
    border-radius: 20px;
    position: relative;
    margin: 10px;
    cursor: default;
    float: left;
}

.ch-info-wrap{
    text-align: justify;
    position: absolute;
    width: 230px;
    height: 230px;


    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    background: #949599;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

    top: 0px;
    left: 0px;
 

}

.ch-info{
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 20px;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
        
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    bottom: 0;

}

.ch-info > div {
    display: block;
    position: absolute;
    width: 230px;
    height: 230px;
   
    background-position: center center;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    
    background: #174176;
}

.ch-img-1 { 
    background-image: url(../images/10.jpg);
}

.ch-img-2 { 
    background-image: url(../images/11.jpg);
}

.ch-img-3 { 
   
}



.ch-item:hover .ch-info-wrap {
    box-shadow: 
        0 0 0 0 rgba(255,255,255,0.8), 
        inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}
.ch-info-wrap{
    text-align: justify;
    text-align: center;
}
.ch-info-wrap p{
    text-align: center;
    color: white;
    padding-top: 30px;
    font-size: 25px;
    line-height: 22px;
    font-family: myriadregular,"Miryad pro", Calibri, helvetica, tahoma !important;
}
.ch-info-wrap img{
    width: 70px;
}
.ch-info-back p{
    text-align: center;
    color: white;
    padding: 15px;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 15px;
    font-family: myriadregular,"Miryad pro", Calibri, helvetica, tahoma !important;
}
.ch-info-back a{
    color: white;
}
.ch-info-back {
 overflow: auto;
 padding: 10px;
    
}
*/
.homebt{
    width:80px; 
    padding:8px;
}
.homebt img{
    height:22px;
}

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

    #menu ul li.nivel1 {
      float: left;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 8px;
      padding-bottom: 8px;
    }
}
@media only screen and (max-width : 815px){
        #menu ul li.nivel1 {
          float: left;
          padding-left: 5px;
          padding-right: 5px;
        
        }
    .homebt{
        width:50px; 
        padding:5px;
        height: 41px;
    }


}
@media only screen and (max-width : 735px){
        #menu ul li.nivel1 {
          float: left;
          padding-left: 5px;
          padding-right: 5px;
            font-size: 11px;
        }
    .homebt{
        width:40px; 
        padding:5px;
        height: 36px;
    }


}
.contactoform{
    background: #E7E7E8;
    padding: 20px;
}
.contactoform #submit{
    background: none;
    border:none;
    color: #174176;
    float: right;
    font-size: 24px;
    font-weight: bold;
}
.contacto2{
    padding-top: 200px;
}
.contacto2 img{
    padding-right: 10px;
}
.sintillo{
      position: absolute;
  top: 270px;
  width: 40%;
  background: #174176;
  padding: 5px;
}
.sintillo p{
    margin: 0px;
    color: white;
    padding-left: 10px;
    font-size: 18px;
}

.bheadtitle h3{
   font-family: "gillregular", arial, helvetica;
   font-weight: bold;
}
.bcontart {
      border-color: #174176;
  border-width: 4px;
  border-style: solid;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;    
}
.bcontart h3{
      font-family: "gillregular", arial, helvetica;
  font-weight: bold;
  color: #174176;
  text-align: left;
}
.bcontart p{
    text-align: justify;
}
.bcontart a{
       font-family: "gillregular", arial, helvetica;
  font-weight: bold;
  color: #174176;
  text-align: right;
    
}
.firmsimple p,.firmsimple a{
    margin: 0px;
    padding-bottom: 0px;
    color: white;
       font-family: "gillregular", arial, helvetica;
       font-size: 10px;
       text-align: center;
}

.notfo table a{
    color: white;
     font-family: "gillregular", arial, helvetica!important;
     line-height: 12px!important;
     margin-bottom: 5px;
}
.notfo table span{
    font-size: 12px!important;
     font-family: "gillregular", arial, helvetica!important;
     line-height: 12px!important;
}
.notfo table td{
    margin-bottom: 10px;
}
.labelfac{
    display: none;
}
.encuestatit{
    width: 100%;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
    text-align: center;
    background: #E7E7E8;
}
@media only screen and (max-width : 1077px){
    .cuadro1 h3, .cuadro2 h3, .cuadro3 h3, .cuadro4 h3, .cuadroFooter h3{
        font-size: 13px!important;
    }

    .cuadro1, .cuadro2,.cuadro3,.cuadro4, .cuadroFooter{
 
          width: 200px;
          height: 200px;
          border-radius: 125px;
}

.cuadneg{
    background: black;
    display: block;
      width: 200px;
  height: 200px;
  border-radius: 125px;
}
.cuadneg img {
    width: 35%;

}
.cuadneg .contornoh {
      width: 160px;
  height: 160px;
    border-width: 10px;
  
}


}
@media only screen and (max-width : 876px){
    .cuadro1 h3, .cuadro2 h3, .cuadro3 h3, .cuadro4 h3, .cuadroFooter h3{
        font-size: 8px!important;
    }

    .cuadro1, .cuadro2,.cuadro3,.cuadro4, .cuadroFooter{
 
          width: 150px;
          height: 150px;
          border-radius: 75px;
}

.cuadneg{
    background: black;
    display: block;
      width: 150px;
  height: 150px;
  border-radius: 75px;
}
.cuadneg img {
    width: 35%;

}
.cuadneg .contornoh {
      width: 50px;
  height: 50px;
    border-width: 2px;
    margin: 2px;
    padding-top: 15px;

}
.cuadro1 p, .cuadro2 p, .cuadro3 p, .cuadro4 p .cuadroFooter p{
    font-size: 9px;
}
.imgfija1 {
  

  background-size: 550px!important;
 
}
}
.extractob{
    text-align: justify!important;
}
.textob{
     text-align: justify!important;
}


/* +++++++++++++++++++++++++ style sub menu creditos 

{{{ }}}

**** */
.ssubcre {
    max-width: 800px;
  padding: 10px;
  margin: 0 auto;
  background: #fff;
  font-family: helvetica, arial;
  background: #174176;
  text-align: center;
}
.contbotones h3, .contbotones ol li{
    text-align: left;
}
.contbotones{
    text-align: center;
}
.contbotones section {
  display: none;
  padding-top: 20px;
    font-family: helvetica, arial;
}
.contbotones section p{
    text-align: justify;
}
.contbotones input {
  display: none;
    font-family: helvetica, arial;

}
.contbotones input[type="checkbox"] + label, .contbotones input[type="radio"] + label{
    margin: 0px;
}
.contbotones label {
      background: #174176;
  display: inline-block;
  margin: 0;
  padding: 5px 5px;
  font-weight: normal;
  text-align: center;
  color: white;
  border: 1px solid transparent;
    font-family: "gillregular", helvetica, arial;
    font-size: 13px;
}

.contbotones label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
font-family: helvetica, arial;
}


.contbotones label:hover {
    text-decoration: underline;
  cursor: pointer;
}

.contbotones input:checked + label {
  
  text-decoration: underline;
  
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}
#content1 table tr td{
    width: 30%;
}
.btnhospitales    {
        display: block;
    padding: 5px;
    background-color: #002C73;
    max-width: 130px;
    text-align: center;
    margin-bottom: 15px;
    font-family: helvetica, arial;
    float: left;
    margin-left: px;
    padding-left: 30px;
    padding-right: 30px;
}
.btnhospitales a{
    color: white;
      font-family: helvetica, arial;
}
.btnhospitales a:hover{
    color: #C5093B;
}
.rednav{
    text-align: right;
}
.rednav img{
    width: 25px;
    margin-right: 15px;
}
.listli{
    margin-left: 10px;
}
.modalmask{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 999999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;    
}

.modalmask:target{
    opacity: 1;
    pointer-events: auto;
}

.modalbox{
    max-width: 1400px;
    min-width: 800px;
    margin: 30px auto;
    padding-top: 20px;
}

.cerrar{
    text-align: center;
    position: absolute;
    top: 15px;
    padding: 10px;
    color: whitesmoke;
    border-radius: 60px;
    width: 25px;
    height: 25px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    border: 2px solid whitesmoke;
}
.modalbox img{
    max-width: 1400px;
    min-width: 800px;
    margin-top: 50px;
    object-fit: contain;
}