/*style.css*/



@font-face {

	font-family:'Seravek';

	src: url('../fonts/Seravek.ttf');

}



@font-face {

	font-family:'Seravek-Bold';

	src: url('../fonts/Seravek-Bold.ttf');

}



@font-face {

	font-family:'Seravek-Italic';

	src: url('../fonts/Seravek-Italic.ttf');

}



@font-face {

	font-family:'Seravek-Light';

	src: url('../fonts/Seravek-Light.ttf');

}



header img{ margin: 0 auto; display: table; }

header { /*background-image: url('../imagenes/home.jpg'); background-repeat: no-repeat; background-size: cover;*/ /*padding-bottom: 3em;*/ /*height: 67em;*/ }

header #mensaje{ width: 60%; background-color: rgba(0,0,0,0.7); color: white;  margin: 4em auto; display: table; }

header #mensaje h3{ font-family:'Seravek'; font-size: 2.5em; line-height: 2.2em; text-align: center; text-transform: uppercase; }

#logo-top{ 
    left: 38%;
    z-index: 1;
    position: absolute;
    top: 0;
}


header #mensaje{

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}

/*#home{ margin-top: 50px; }*/

#carousel-header .carousel-control.right, #carousel-header .carousel-control.left{ background-image: none; }

#carousel-header .carousel-inner .item img{ width: 100%; /*min-height: 67em;*/ }

#carousel-header .carousel-caption  { background-color: rgba(0,0,0,0.7); top: 30%; bottom: 32%; }
#carousel-header .carousel-caption h3{
    font-family: 'Seravek';
    font-size: 2.5em;
    line-height: 2.2em;
    text-align: center;
    text-transform: uppercase;
}

#scroll{ position: absolute; bottom: 5%; right: 40%; left: 40%; }

#carousel-header .carousel-caption{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


.navbar-default{ background-color: black; border: none; }

.navbar-brand{ height: 75px; padding: 0px 15px; }



.navbar{ margin-bottom: 0; }

#barra-top{ background-color: #9d120e; } 

#barra-top p{ margin-bottom: 0; font-size: 1.5em; font-family:'Seravek'; text-align: center; color: white;  padding: 5px 0px; font-style: italic; }



#interior h3{ text-transform: uppercase; margin-bottom: 30px; padding-bottom: 15px; font-family:'Seravek-Light'; text-align: left; border-bottom: 3px dotted #9d120e; }



#interior ul li ,#interior ul li ul li{ font-family:'Seravek-Light';  }



#interior ul li { font-size: 1.35em; }

#interior ul li ul li{ font-size: 1em; list-style: none; }



#interior .nav-pills{ background-color: #dbdbdb; }



#interior .nav-pills li { width: 100%; }



#interior .nav-pills>li>a{ color: black; text-transform: uppercase; }



#interior ul li ul li::before {

    content: "• ";

    font-size: 20px;

    margin-left: -13px;

    color: #9d150e;

}



.nav>li>a:focus, .nav>li>a:hover{ background-color:  #9d120e; color: white !important; }



.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background-color:  #9d120e; color: white !important; }



.nav>li>a{ padding: 10px 25px; }

.navbar-default .navbar-nav>li>a {

    height: 75px;

    color: white;

    font-family: 'Seravek';

    font-size: 1.5em;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:white; }



#fondo { background-color: black; }  #fondo p, #fondo p a{ font-family:'Seravek'; color: white; text-align: center; margin: 0; padding: 5px 0; }



section h3 ,  footer h3 , #donde-estamos h3{ line-height: 1.6em; text-align: center; font-size: 2.5em; font-family:'Seravek-Bold'; } 

section h3 span , footer h3 span , #donde-estamos h3 span{ font-family:'Seravek-Bold'; }



section p{ font-family:'Seravek-Light'; font-size: 1.35em;  }

section , footer{ padding: 40px 0; }

footer p{ color: white; font-family:'Seravek'; font-size: 1.35em; }

section hr , footer hr{ width: 25%; border-top: 4px dotted #9d120e; } #home p{ text-align: center; line-height: 2em; margin-bottom: 20px;  }

#especialidades{ background-color: black; } #especialidades h3{ color: white; }

#especialidades, #informes{ padding: 5em 0; }

#especialidades img{ margin: 0 auto; display: table; }

#especialidades p{ text-align: center; color: white; margin-top: 20px; }

#informes{ background-color: #b80b07; color: white;  }

#informes p{ text-align: center; } #informes img { margin: 0 auto; display: table; }

#informes hr{ width: 25%; border-top: 4px dotted white; }

#donde-estamos {
    display: inline-block;
    /* background-color: rgba(0,0,0,0.8); */
    background-color: black;
    min-height: 90px;
    /* position: relative; */
    width: 100%;
}

#donde-estamos h3{ padding: 20px 0; color: white; margin-top: 0px; margin-bottom: -95px; }



.especialidad { height: 185px; }

.especialidad:hover{ background-position: center center; background-repeat: no-repeat; background-size: auto; background-image: url('../imagenes/especialidades-back.jpg'); }



.btn-idisa {

	-webkit-border-radius: 45px;

	-moz-border-radius: 45px;

	border-radius: 45px;		

}

.btn-idisa { background-color: #9d120e; color: white; font-family:'Seravek'; margin: 0 auto; display: table; padding: 15px 40px; }



.btn-idisa:hover{ color: white; text-decoration: underline; }



footer{ background-image: url('../imagenes/footer.jpg'); background-repeat: no-repeat; background-size: cover; }



footer h3{ color: white; }



#form-contact .form-control {  border-radius: 0px;  margin: 10px 0px;  display: inline; }



#form-contact .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: black!important; font-size: 1em; font-family: "Seravek";

}



#form-contact .form-control::-moz-placeholder { /* Firefox 19+ */

  color: black!important; font-size: 1em; font-family: "Seravek";

}



#form-contact .form-control:-ms-input-placeholder { /* IE 10+ */

  color: black!important; font-size: 1em; font-family: "Seravek";

}



#form-contact .form-control:-moz-placeholder { /* Firefox 18- */

  color: black!important; font-size: 1em; font-family: "Seravek";

}



#form-contact input[type='submit'] {

    background-color: #b80b07;

    margin: 15px auto;

    display: table;

    color: white;

    font-family: "Seravek";

    text-transform: uppercase;

    font-weight: bold;

    border: 0;

    padding: 5px 15px;

}



#titulo-seccion{ padding: 25px 0; background-image: url('../imagenes/titulo-seccion.jpg'); background-repeat: no-repeat; background-size: cover; } 

#titulo-seccion h3{ margin: 0; color: white; text-align: center; font-family: "Seravek"; font-size: 2.5em; }



@media (min-width: 769px) and (max-width: 1100px) {
    .navbar-default .navbar-nav>li>a{ font-size: 1em; }
    .navbar-brand img{ max-width: 165px; padding: 15px 0; }
    #carousel-header .carousel-caption h3{ line-height: 1.7em; }
    #carousel-header .carousel-caption { top: 33%; bottom: 27%;}

}



@media (max-width: 768px){

    #carousel-header .carousel-caption h3{ font-size: 1.6em; }

    .nav>li>a{ padding: 10px; }

    .navbar-brand img{ max-width: 125px; padding: 15px 0; }

    .navbar-default .navbar-nav>li>a{ font-size: 1.2em; }

    header #mensaje h3{ font-size: 1.8em; }

    #carousel-header .carousel-caption { top: 29%; bottom: 23%;}

}

@media (min-width: 768px) and (max-width: 1100px){
    #logo-top {  right: 30%; left: 30%;  }
    #logo-top { width: 23%; }
    #scroll img{ width:25%; }
}



@media (min-width: 1500px){

    header #mensaje{ width: 35%; }

}

#btn_float {
    text-align: center;
    width: 10%;
    z-index: 100;
    position: fixed;
    left: auto;
    right: 0em;
    bottom: 0;
}

#btn_float {  width: 5%; padding: 10px; }

#btn_float img {  width: 50px; }