/*Da el color del header y el footer*/
.cabecera{
	background: white;
}

.lista_botones {
	width:95%;
	text-align: left;
}

.lista_botones:hover {
	background-color: lightblue;
	color:white;
}


.pie{
	background: #204ac6;
	text-align: center;
	color: white;
}

.top_menu_container{
	background: #204ac6;
	text-align: center;
	color: white;
}


#diagnostico{
	color: #F894DA;
}

.menup {
	color: white;
}
/*empresa es la clase del boton empresa, se debe de tratar separado de los demas botones*/
 .empresa{
	background: #F894DA;
}
body{
	background-repeat: no-repeat;
}

/*Se le da el color al fonde del sitio web*/
.main, .slide{

}

/*Slide es el carousel de fotos, se le da el color de fondo, igual a la seccion main aqui va el contenido*/
/*.main {
	background: #37B6A5;
}

/**/.item{
	max-width: inherit;
}

/**/.slide{
	background: white;
	max-width: inherit;
}
/*El color de los parrafos de la pagina*/
p{		
	color: black;
}

/*Acomoda la imgen en el cetro de la pantalla:arriba y abajo, la grid bootstrap*/
.logo{
	margin-top: 1em;
	margin-bottom: 2em;
}

/*se le da el color al menu y la horientacion*/
.menu{
	background: #148C86;
	vertical-align: baseline;

}
/*Esta clase es para manejar los items del menu*/
.opcion{
	color: white;
}

.opcion1{
	color: white;
}
.menu1{
	background: #148C86;
	vertical-align: baseline;

}

.menuxs{
	color: white;
}
/*sobre pone el menu, se llama en la funcion del js cuando el usuario ejecuta scroll*/
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

/*Cuando el click pasa por encima de los botones del menu*/
.op1 {
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
}
.op1:hover{
	background: #92a9ed;
}

.op1-active{
	background:  #92a9ed;
}
.op1-right {
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
}
/*Este limita la caja de texto del formulario contactenos*/
#mensaje{
	max-width: 100%;
	max-height: 12em;
}
.azul{
	margin-top: 0px;
}

/*Deja los iconos de las redes sociales fijos a la pantalla*/
.social{
	position: fixed;
	left: 0;
	top: 7%;
	z-index: 2000;

}
/*Indica que los elementos no tengan forma de la lista, iconos sociales*/
.social ul{
	list-style: none;
}

/*Indica la posicion de la barra de redes sociales*/
.social ul li a {
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-transition:all 500ms ease;
}

/*Le da el color a cada icono de las redes sociales*/
.social ul li .icon-facebook2 {background: #3b5998;}
.social ul li .icon-mail4 {background: #666666;}
.social ul li .icon-twitter {background: #00abf0;}

/*le da la funcionalidad al icono cuando se le pasa por encima*/
.social ul li a:hover{

	padding: 10px 30px;
	background: #000;
}

h3{
	text-align: center;
}

p {
	text-align: justify;
	 font-family: sans-serif; 
}

.logo2{
	margin-top: 15%
}

.mision{
	color: #148C86;
	text-align: center;
}

.vision{
	text-align: center;
	color: #F894DA;
}

.logo3{
	margin-top: 6%;
}


#container-main h1{
    text-shadow:4px 4px 5px #16a085;
}

.tituloContenido{
	background: white;
}

.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
    background: white;
}

.accordion-titulo {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: 150px;
    background: #16a085;
    color: white;
    text-decoration: none;
    text-align: center;
    margin-top: 1%;
    margin-bottom: 1%;
}


.accordion-titulo:active{
   background: #16a085;
    text-decoration: none;
    color: white;

}

.accordion-titulo.open {
    background: #16a085;
    text-decoration: none;
    color: white;
}

.accordion-titulo:hover {
    background: #F894DA;
    text-decoration: none;
    color: white;
}


.accordion-titulo:visited {
	background: #1abc9c;
    text-decoration: none;
    color: white;
}


.accordion-titulo span.toggle-icon:before {
    content:"+";
}


.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}


.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight:bold;
}


.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
    background: white;
}


.accordion-content p{
    margin:0;
    background: white;
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}



.sabias{
	margin-top: 4%;
	margin-bottom: 4%;
}

.quienes{
	text-align: center;
	color: #148C86;
}

.consultar{
	text-align: center;
	background: #F894DA;
}
.consultar:hover{
	background: #148C86;
}

.btn-consultar{
	color:white;
	text-decoration: none;
	font-size: 20px;
}
.btn-ref:hover{
	text-decoration: none;
}



@media (max-width: 767px) {
    .accordion-content {
    	background: white;esp+
        padding: 10px 0;
 }
}