@charset "utf-8";
/* CSS Document */

/* Código de Reset */
*{margin: 0px; padding: 0px; box-sizing: border-box;}

body
{
	/*font-family: 'Roboto', sans-serif;/* familia de la fuente*/
	font-family: 'Noto Sans', sans-serif;
	/*background-color: gray;*/
}

.contenedor
{
	max-width: 100%; /* width = Ancho - max-width para responsive*/
	margin: auto; /* centrarlo en el body */
	position: relative; /*la posición por defecto*/
	/* background-color: white; color de fondo */
	font-size: 20px; /* tamaño de la fuente */
	font-family: 'Noto Sans', sans-serif;/* Familia de la fuente */
}

.top-header
{
	max-width: 100%; /* width = Ancho - max-width para responsive*/
	margin: auto; /* centrarlo en el body */
	height: 35px; /* alto */
	position: relative; /*la posición por defecto*/
	padding-top: 5px; /* espacio parte superior desde el top */
	/*padding-left: 15px;*/
	font-size: 12px; /* tamaño de la fuente */
	background-color: #005a8f; /* color del fondo */
	color: #FFFFFF;/* color del texo */
}

.float-wa{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
    }

.flex
{
	display: flex;
	max-width: 80%;
	margin: auto;
	height: auto;
	padding: 20px 0px;
}

.flex-container
{
	width: 80%; /* ancho */
	margin: auto; /* los margenens son iguales y se centra */
	display: flex;/* para trabajar los espacios */
	justify-content: space-between;/* ordena a todos dentro del espacio */
}

.flex-container div
{
	display: flex;/* para trabajar los espacios */
	justify-content: space-between;/* ordena a todos dentro del espacio */
	/*background-color: darkgray;*/
	text-align: center;
	/*border: 2px solid black;*/
	margin: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.flex-container p
{
    color: white;
    text-align: right;
}

a
{
	color: white;
	text-decoration: none;
}

a:hover
{
  	color: #a8d3f3;
	transition: color .5s;/* tiempo del efecto */
}

li
{
	list-style: none;
}

.li2
{
	list-style: circle;
	font-size: 13px;
}

.header-1
{
	max-width: 100%; /* ancho */
	height: 500px; /* alto */
	background: /*linear-gradient(to left, rgba(255,255,255,0.0), rgba(255,255,255,0.3), rgba(255,255,255,1.0)),*/ url("img/img_1_1024px_500px.png");
	background-repeat: no-repeat;
	background-size: cover; /* la imagen de fondo se escalará para cubrir toda el área de contenido */
}


.header-2
{
	max-width: 100%; /* ancho */
	height: 150px; /* alto */
	background: url("img/img_2_1024x150.png");
	background-repeat: no-repeat;
	background-size: cover; /* la imagen de fondo se escalará para cubrir toda el área de contenido */
}

.top-header p
{
	font-size: 12px;
}


/*menu, logo y whatsapp*/
.logo
{
	position: absolute;
	width: auto;
	margin: 10px 0px;
	left: 10%;
}

.contenedor-columna
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*nav.menu*/
.menu
{
	width: 80%; /* ancho */
	height: auto; /* alto */
	/*background-color: olive;*/
	display: flex;
	justify-content: flex-end;
	margin: auto;
	padding: 20px 5px 20px 5px;
	align-items: center;	
}


.menu ul
{
	margin: 0px;
	padding: 0px;
	/*background-color: aquamarine;*/
	display: flex;
	justify-content: flex-end;
	/*alinea a la derecha*/
	/*margin-right: 10px;*/
}

.menu ul ul
{
	display: none;
}

.menu li ul /*submenu*/
{
	/*display: none; /*para que no se vean los submenus*/
	/*position: absolute;/* para que empalme con el principal*/
	/*min-width: 122px;*/
	width: 100%;
	background: rgba(0,0,0,0.3);
	/*box-sizing: border-box; /* forzar a que ocupe el ancho del contenedor */
	/*flex-grow: 1; /*cada li se distribuye uniformemente dentro de ul*/
}

/*submenu de submenu*/
.menu li ul li 
{
	/*position: relative;/* para que se posicione al costado*/
}

.menu li ul li ul
{
	/*right: -132px;
	top: 0px;*/
}
/*End submenu de submenu*/

.menu li a
{
	font-size: 10px;/* tamaño de fuente */
	text-transform: uppercase; /* textos en mayuscula */
	font-weight: bold; /* texto en negritas */
	display: block; /*para poder agregarle padding*/
	align-items: center;
	padding: 13px 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.menu li:hover
{
	background: rgba(0,0,0,0.3);
}

.menu a span/*flecha para bajar*/
{
	margin-left: 10px;
}


#whatsapp
{
	width: 27px;
	margin-top: 0px;
}
/*End nav*/

/*End nav.menu*/

.fa-bars
{
	font-size: 17px;
}

#btn_menu
{
	display: none;/* el checkbox no se ve*/
}

header label/* contenedor menu barras*/
{
	
	display: none;/*el menú barra no se ve*/
	cursor: pointer;
	font-size: 30px;
	background-color: blueviolet;
	top: 0px;
	/*height: 50px;
	padding: 10px;
	padding: 24px 0px 0px; /* espacio parte superior desde el top */
	/*margin-right: 10px;
	/*border-right: 1px solid #fff;*/
}

header label:hover
{
	cursor: pointer;
	/*background: rgba(0,0,0,0.3);*/
}

.whatsapp
{
	width: 5%;
	display: flex;
	top: 0px;
	background-color: blue;
}

.texto_centrado_m
{
	/*background-color: red;*/
}

.texto_centrado_m p
{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	/*background-color: yellow;*/
}

.logo p a
{
	color: #6BC585; /* color texto */
	/*background: url("img/logo-os.svg");*/
	font-size: 30px; /* Tamaño texto */	
}

.logo img
{
	width: 120%; /* ancho */
	height: 100px; /* alto */
}

.headerInside
{
	width: auto;/* ancho */
	height: auto; /* alto */
	position: absolute;
	left: 10%;
	top: 250px;
    /*border: 3px solid #555; borde */
    background: #FFFFFF;
	padding: 25px;/* espacios internos */
	text-align: center;
	/*background-color: rgba(255,255,255,0.5);*/
	border-radius: 3px;
}

.headerInside h1
{
	font-weight: 100;/*peso o grueso de la letra*/
	font-size: 30px;
}

.headerInside p
{
	font-size: 14px;
	padding-bottom: 10px;
}

.button
{
    background-color: #f44336; /* Rojo */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius: 3px;
}

.button:hover
{
	color: white;
	background-color: #e2322d;
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}


.button-2
{
	max-width: 100%; /* width = Ancho - max-width para responsive*/
	margin: auto; /* centrarlo en el body */
	background-color: none; /* Rojo */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius: 3px;
}

.button-2:hover
{
	color: #005a8f;
	background-color: none;
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}


.button-3
{
	max-width: 100%; /* width = Ancho - max-width para responsive*/
	margin: auto; /* centrarlo en el body */
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #f44336; /* Rojo */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius: 3px;
}

.button-3:hover
{
	color: #005a8f;
	background-color: none;
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}

.button-4
{
	max-width: 100%; /* width = Ancho - max-width para responsive*/
	margin-top: 10px;
	margin-bottom: 20px;
    border: none;
    color: grey;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}


#autor_foto
{
	font-size: 10px;
	font-style: italic;
	display: flex;
	justify-content: flex-end;
}

#autor_foto2
{
	font-size: 10px;
	font-style: italic;
	display: flex; 
}

#autor_foto2 a
{
	color: grey; 
}

#autor_foto3
{
	font-size: 10px;
	font-style: italic;
	display: flex; 
}

#autor_foto3 a
{
	color: grey; 
}

#autor_foto a
{
	color: #bcbcbc;
}

#logo2
{
	width: 100%;
	height: auto;
	justify-content: center;
	margin: auto; /* los margenens son iguales y se centra */
	margin-bottom: 0px;
}

#logo2 img
{
	padding-left: 15px;
	width: 100%;
	height: auto;

}

section div
{
	display: flex;
	flex-wrap:wrap;
	max-width: 100%;
	margin: 0px; /* espacio entre los div*/
	/*background-color: aqua;*/		
}

.contenedor-article
{
	display: flex;
	flex-wrap:wrap;
	text-align:center;
	/*background-color: red;*/
}

.contenedor-article_5
{
	display: flex;
	flex-wrap:wrap;
	text-align:center;
	/*background-color: red;*/
}

section div article 
{
	width: 50%;
	height: auto;
	margin: 0px; /* espacio entre los articulos*/
	/*background-color: red;*/	
}

section div article div
{
	max-width: 100%;
	height: 250px;
	margin: 10px;
	border-radius: 5px;	
}

.color-1
{
	background-color: #266477;
	color: white;
}

.color-1a
{
	background-color: #005A8F;
	color: white;
}

.color-1:hover
{
	color: #a8d3f3;
	transition: color .5s;/* tiempo del efecto */
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}

.color-2
{
	background-color: #9bcab0;
	color: white;
}

.color-2:hover
{
	color: #005A8F;
	transition: color .5s;/* tiempo del efecto */
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}

.contenedor-article figure img /*iconos artículos */
{
	max-width: 100px;
	margin-top: 50px;
	height: 80px;
}

.diente_lupa /*div diente lupa*/
{
	/*background-color: red;*/
	display: flex;
	justify-content: flex-start;
	max-width: 100%;
	height: 50px;
}

.diente_lupa figure img /*imagen diente con lupa*/
{
	max-width: auto;
	height: 50px;
}

.diente_lupa p /*parrafo icono diente*/
{
	margin-left: 0px;
	height: auto;
	margin-top: 17px;
	font-size: 12px;
	color: #005A8F;
}

.diente_lupa p:hover
{
	color: #77c9c5;
	transition: color .5s;/* tiempo del efecto */
}

.diente_lupa figure
{
	width: 50px;
	height: 50px;
}

h1
{
	font-weight: 100;/*peso o grueso de la letra*/
	font-size: 25px;/*tamaño de la letra*/
	width: 100%;/*caja de h1*/
}

h2
{
	width: 100%;
	font-size: 17px;
}

p
{
	font-size: 12px;
}

.contenedor-article p  /* textoparrafo articulos*/
{
	font-size: 12px;
	margin: 0px 10px 20px;
	width: 100%;
}

.contenedor-article a
{
	color: aqua;
}

#figura_1 img /*imagen bienvenidos*/
{
	width: 100%;
    height: 350px;
	object-fit: cover;
	margin-top: 10px;
	border-radius: 5px;
}



#figura_2 img /*imagen bienvenidos*/
{
	max-width: 100%;
    height: auto;
}

#figura_3 img /*imagen bienvenidos*/
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

#figura_4 img /*imagen casos de exito*/
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.contenedor-article-1
{
	width: 100%;
	height: auto;
	/*alineación “justificada”*/
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
	/*end alineación “justificada”*/
}

.contenedor-article-1 article
{
	display:flex;
	height: auto;
	text-align: left;
	padding-top: 0px;

}

.contenedor-article-1 div
{
	height: auto;

	
}

.contenedor-article-1 p
{
	padding-top: 10px;
	width: 100%;
	height: 100px;

}

.contenedor-article-1 figure img
{
	width: 100px;
	height: auto;
	padding-top: 0px;
}


.contenedor-article-2
{
	/*alineación “justificada”*/
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
	/*end alineación “justificada”*/
	max-width: 100%;
	height: 350px;
	/*background-color: blue;*/
}

.contenedor-article-2 article
{
	max-width: 25%;
	height: auto;
	text-align: center;
	padding-top: 30px;
}

.contenedor-article-2 h2
{
	width: 100%;
	height: auto;
	color: black;
}

.contenedor-article-2 p
{
	width: 100%;
	height: auto;
	color: black;
}

.contenedor-article-2 figure img
{
	width: 35%;
	height: auto;
	padding-bottom: 0px;
}

.contenedor-article-2 figure
{
	padding-bottom: 10px;
	width: 100%;
	height: 100px;
}
.contenedor-article-2 a
{
	width: auto;
	height: auto;
	text-align: center;
	margin: auto;
	color: black;
	font-size: 14px;
}

.contenedor-article-2 .button
{
	color: white;
}

.contenedor-article-2 li
{
	width: 100%;
	height: auto;
	line-height: 14pt; /*para la separacion entre lineas*/
}

.contenedor-article-2 a:hover
{
	color: #77c9c5;
	transition: color .5s;/* tiempo del efecto */
}

.contenedor-article-2 .button:hover
{
	color: white;
	background-color: #e2322d;
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}

.contenedor-article-3
{
	/*alineación “justificada”*/
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
	/*end alineación “justificada”*/
	width: 100%;
	height: 300px;
	/*background-color: blue;*/
}

.contenedor-article-3 article
{
	width: 20%;
	height: auto;
	text-align: center;
}

.contenedor-article-3 article div
{
	height: 120px;
}

.contenedor-article-3 img
{
	width: 110px;
	height: auto;	
}

.contenedor-article-3 h1
{
	text-align: center;
	padding: 20px 0px;
}

.contenedor-article-3 p
{
	width: 100%;
	height: auto;
	text-align: center;
}

/*contenedor casos de exito*/
.contenedor-article-4
{
	/*alineación “justificada”*/
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
	/*end alineación “justificada”*/
	width: 100%;
	height:200px;
	/*background-color: blue;*/
}

.contenedor-article-4 article
{
	width: 12%;/*espacio entre iconos*/
	height: auto;
	text-align: center;
}

.contenedor-article-4 article div
{
	height: 120px;
	width: auto;
}

.contenedor-article-4 img
{
	width: 110px;/*tamaño imagen*/
	height: auto;	
}

.contenedor-article-4 h1
{
	text-align: center;
	padding: 20px 0px;
}

.contenedor-article-4 p
{
	width: 100%;
	height: auto;
	text-align: center;
}

.video_1
{
	margin-bottom: 10px;
	/*background: red;*/
}

/*end contenedor casos de exito*/

footer
{
	color: #C6C6C5;
	width: 100%;
	height: auto;
	background-color: #1D1D1B;
	padding-bottom: 30px;
}

footer h1
{
	color: #C6C6C5;
	font-size: 25px;
}

footer li
{
	color: #C6C6C5;
	font-size: 14px;
	width: 100%;
	padding-top: 12px;
}

footer a
{
	margin-left: 5px;
}

footer a:hover
{
  	color: #77c9c5;
	transition: color .5s;/* tiempo del efecto */
}

footer div
{
	padding-top: 30px;
}

.container_direction
{
	width: 50%;
	height: auto;
	padding-top: 0px;
	display: flex;
	flex-direction:column;
}

.container_direction a
{
	color: #C6C6C5;
	font-size: 12px;
}

.container_direction p
{
	color: #C6C6C5;
	font-size: 12px;
	text-align: left;
}

.container_direction li
{
	text-align: left;
}

.container_direction h2
{
	color: #C6C6C5;
	font-size: 15px;
	text-align: left;
}

.container_direction h1
{
	color: #C6C6C5;
	font-size: 25px;
	text-align: left;
}

/* End lista desplegable en nav*/

.container_direction
{
	width: 50%;
	height: auto;
	padding-top: 0px;
	display: flex;
	flex-direction:column;
	
}

/* Nosotros */

.contenedor_caja /*contenedor de texto de nosotros*/
{
	width: 70;
	height: auto;
	margin-left: 15px;
	padding-top: 0px;
	display: flex;
	flex-direction:column;
	/*background-color: red;*/	
}

.autor-con-foto
{
	max-width: 300px;
	min-width: 150px;
	height: auto;
	padding-left: 10px;
	
	/*background-color: red;*/
}

.autor-con-foto 
{
	padding-left: 15px;
	font-size: 10px;
}

.autor-con-foto a
{
	color: #bcbcbc;
}

.contenedor_caja_2
{
	width: 100%;
	height: auto;
	margin-left: 15px;
	padding-top: 0px;
	display: flex;
	flex-direction:column;	
}

#atributos article
{
	padding: 10px;
	margin:0px 10px 5px;
	/*background-color: brown;*/
}

#atributos div /*div de los articuos*/
{
	/*background-color: darkcyan;*/
	width: 100%;
}

#art_atributos_tes
{
	color: black;
	padding: 10px;
	margin:0px 10px 5px;
	/*background-color: brown;*/
}

#atributos_tes div /*div de los articuos*/
{
	/*background-color: darkcyan;*/
	width: 100%;
}

.art_atributos_tes
{
	display: flex;
	width: 100%;
	height: auto;
	/*background-color: greenyellow;*/
}

.art_atributos_tes img /* icono del diente en el atributo */
{
	width: 50px;
	height: auto;
	/*background-color: blue;*/
}

.art_atributos_tes figure
{
	width: 50px;
	height: auto;
	/*background-color: green;*/
}

.art_atributos_tes div
{
	width: 100%;
	height: auto;
	/*background-color: yellow;*/
	border-radius: 0px;
	margin: 0px 10px;
	color: black;
}

.art_atributos_tes div figure
{
	width: 100%;
	height: auto;
	/*background-color: red;*/
}


.art_atributos
{
	display: flex;
	width: 100%;
	height: auto;
	/*background-color: greenyellow;*/
}

.caja-borde
{
	border: white 1px solid;
	width: 100%; /*tamaño caja articulos*/
	height: auto;
	/*background-color: aquamarine;*/
}

.art_atributos img /* icono del diente en el atributo */
{
	width: 50px;
	height: auto;
	/*background-color: blue;*/
}

.art_atributos figure
{
	width: 50px;
	height: auto;
	/*background-color: green;*/
}

.art_atributos div
{
	width: 100%;
	height: auto;
	/*background-color: yellow;*/
	border-radius: 0px;
	margin: 0px 10px;
	color: white;
}

.art_atributos div figure
{
	width: 100%;
	height: auto;
	/*background-color: red;*/
}

#atributos figure
{
	max-width: 100%;
	height: auto;	
	padding-right: 15px;
	
}
/* End nosotros */

/*equipo*/
.color-3
{
	background-color: #E5E5E5;
}
/*end equipo*/

/*especialidades*/
.texto_centrado
{
	/*alineación “justificada”*/
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
	/*end alineación “justificada”*/
	width: 100%;
	height: auto;
	/*background-color: blue;*/
	text-align: center;
}

.contenedor-article_4
{
	display: flex;
	flex-wrap:wrap;
	text-align:center;
	/*background-color: red;*/
}

.contenedor-article_4 article
{
	width: 33.33%;
	height: auto;
}

.contenedor-article_4 img
{
	padding-top: 50px;
	width: 70px;
	height: auto;
	/*background-color: blueviolet;*/
}

.contenedor-article_4 h2
{
	padding-bottom: 0px;
	color: black;
}

.contenedor-article_4 p
{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px 10px;
	padding-bottom: 15px;
	color: black;
	/*background-color: aqua;*/
}

.color-4
{
	background-color: #F5F5F5;
	/* Sombra normal */
    box-shadow: 0.3px 0.3px 10px #E4E4E4;
    /* Sombra superior sin desenfoque */
    /*box-shadow: 5px -5px 0 2px #444;*/
    /* Sombra interior */
    /*box-shadow: 5px 5px 25px #222 inset;*/
}

.color-5
{
	background-color: white;
	/* Sombra normal */
    box-shadow: 0.3px 0.3px 10px #E4E4E4;
}

.contenedor-article_4 .button
{
	background-color: transparent;
}
/*End especialidades*/


/*Contacto*/
form
{
	width: 500px;
	margin: auto;
	padding: 10px 20px;
	margin-top: 20px;
	text-align: left;
}

.input-ground
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

label
{
	margin-top: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}

input, textarea
{
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	border: 1px solid #bfbfbf;
	background-color: #EFEFEF;
	outline: none;
}

textarea
{
	min-height: 100px;
	max-height: 200px;
	max-width: 100%;
	min-width: 100%;
}


#boton
{
	width: 100px;
	height: auto;
    background-color: #f44336; /* Rojo */
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius: 3px;
}


#boton:hover
{
	cursor: pointer;
	color: white;
	background-color: #e2322d;
	transition: background-color .5s;
	box-shadow: 0.5px 0.5px 4px #878787;
}
/*end contacto*/

/*especialidad 1*/
.texto_centrado_m
{
	width: 80%;
	height: auto;
	text-align: center;
	margin: auto;
}

/*imagenes especialidades*/
#img_esp_1
{
	background: url("img/img_15_1024x150_1.jpg") no-repeat;
	background-size: contain;
}

#img_esp_1 div
{
	margin-top: 250px;
}

#img_esp_2
{
	background: url("img/img_15_1024x150_2.jpg") no-repeat;
	background-size: contain;
}

#img_esp_2 div
{
	margin-top: 250px;
}

#img_esp_3
{
	background: url("img/img_15_1024x150_3.jpg") no-repeat;
	background-size: contain;
}

#img_esp_3 div
{
	margin-top: 250px;
}

#img_esp_4
{
	background: url("img/img_15_1024x150_4.jpg") no-repeat;
	background-size: contain;
}

#img_esp_4 div
{
	margin-top: 250px;
}

#img_esp_5
{
	background: url("img/img_15_1024x150_5.png") no-repeat;
	background-size: contain;
}

#img_esp_5 div
{
	margin-top: 250px;
}

#img_esp_6
{
	background: url("img/img_15_1024x150_6.jpg") no-repeat;
	background-size: contain;
}

#img_esp_6 div
{
	margin-top: 250px;
}

#img_esp_7
{
	background: url("img/img_15_1024x150_7.jpg") no-repeat;
	background-size: contain;
}

#img_esp_7 div
{
	margin-top: 250px;
}

#img_esp_8
{
	background: url("img/img_15_1024x150_8.jpg") no-repeat;
	background-size: contain;
}

#img_esp_8 div
{
	margin-top: 250px;
}

#img_esp_9
{
	background: url("img/img_15_1024x150_9.jpg") no-repeat;
	background-size: contain;
}

#img_esp_9 div
{
	margin-top: 250px;
}

#img_esp_10
{
	background: url("img/img_15_1024x150_10.jpg") no-repeat;
	background-size: contain;
}

#img_esp_10 div
{
	margin-top: 250px;
}

#img_esp_11
{
	background: url("img/img_15_1024x150_11.jpg") no-repeat;
	background-size: contain;
}

#img_esp_11 div
{
	margin-top: 250px;
}

#img_esp_12
{
	background: url("img/img_15_1024x150_12.jpg") no-repeat;
	background-size: contain;
}

#img_esp_12 div
{
	margin-top: 250px;
}

#img_esp_13
{
	background: url("img/img_15_1024x150_13.jpg") no-repeat;
	background-size: contain;
}

#img_esp_13 div
{
	margin-top: 250px;
}

#img_esp_14
{
	background: url("img/img_15_1024x150_14.jpg") no-repeat;
	background-size: contain;
}

#img_esp_14 div
{
	margin-top: 250px;
}

#img_esp_15
{
	background: url("img/img_15_1024x150_15.jpg") no-repeat;
	background-size: contain;
}

#img_esp_15 div
{
	margin-top: 250px;
}

#img_esp_16
{
	background: url("img/img_15_1024x150_16.png") no-repeat;
	background-size: contain;
}

#img_esp_16 div
{
	margin-top: 250px;
}

/*end imagenes especialidades*/
.caja-blanca
{
	width: 60%;
	height: auto;
	padding: 30px;
	margin: auto;
	background-color: white;
}

.capitalLetter
{
   float:left;
   color:black;
   background:white;
   /*border:1px solid #999999;*/
   font-size:80px;
   line-height:60px;
   padding:2px;
   margin-right: 5px;
}

/*End especialidad 1*/

/*Class imagen a la derecha de una nota responsive*/
.img_a 
{
	max-width: 300px;
	min-width: 150px;
	height: auto;
	padding-left: 0px;
	/*background-color: red;*/
}

.img_a img 
{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
}

/*Class imagen circulo*/
.img_c
{
	max-width: 150px;
	padding-top: 15px;
}
	.img_c img  { width: 100%; height: auto; border-radius: 50%; object-fit: cover }
	/*End Class imagen circulo*/


/*End Class imagen a la derecha de una nota responsive*/

.imgR {width: 100%; height: auto;} /* Class para imagenes respinsive */

.siCel
{
	display: none; /* display none oculta elementos, no se ve */
}

@media screen and (max-width: 1000px) /* Tablets 768 px*/
{
	
	.top-header { display: none; }
	#direccion_top { display: none; }
	#mail_top { display: none; }
	#telefono_top { display: none; }
	#whatsapp { display: none; }
	
	label { width: 80%;}
	/*cabecera tablet*/
	.fa-bars
	{
		width: 40%;
		height: auto;
		/*background-color: green;*/
		margin-left: 10%;
		display: flex;
	}
	
	#redes_2
	{
		display: flex;
		justify-content: flex-end;
		margin-right: 5px;
		font-size: 12px;
		/*background-color: red;*/
		width: 40%;	
	}
	
	header label
	{
		display: flex;
		padding: 0px;
		margin-top: 0px;
		margin: auto;
		background: #005A8F;
		/*background-color: red;*/
		width: 100%;
		height: 35px;
		border-right: none;
		color: #FFFFFF;/* color del texo */
		align-items: center; /*centrar los elementos*/
	}
	/*End cabecera tablet*/
	.menu
	{
		
		/*top: 11px;*/
		display: flex;
		padding: 0px 5px 0px 5px;
		left: 0px;
		width: 100%;
		height: auto;
		transform: translate(-100%);
		transition: all 0.3s;/*efecto de transicion*/
		background: rgba(0,0,0,0.3);
	}
	
	.menu ul
	{
		flex-direction: column;
		display: flex;
		width: 82%;
		margin: auto;
		padding: 0px;
		top: 0px;
		background: rgba(0,0,0,0.3);
	}
	
	.menu ul li:hover ul /*para que no se despliegue solo el sub menu, solo funciona cuando le das clic*/
	{
		display: none;
	}

	#whatsapp /*div de whastapp*/
	{
		display: none;
	}

	#btn_menu:checked ~ .menu
	{
		width: 100%;
		/*margin: auto;*/
		padding-right: 0px;
		margin-top: 0px;
		transform: translate(0%);/*para que vuelva el menu a su posición original*/
		/*align-items: center;/*para que se centren los elemnetos*/
		/*background-color: green;*/
	}
	
	/*Class imagen a la derecha de una nota responsive*/
	.img_a {max-width: 340px; min-width: 200px;}
	/*End Class imagen a la derecha de una nota responsive*/
	
	/*Especialidad 1*/
	.caja-blanca {width: 80%;}
	/*End especialidad 1*/
}

@media screen and (max-width: 480px) /* Celular */
{
	.noCel {display: none;} /* Para desactivar */
	
	.siCel {display: block;} /* Para activar */
	
	#logo2 img { margin-top: 10px; width: 130px; padding-bottom: 10px;}
	
	.flex-container { width: 100%; height: auto;} /* Redes sociales a la derecha */
	
	.flex { padding: 10px 0px; max-width: 85%;}
	
	.contenedor-article {width: 100%; /*background-color: red;*/}
	
	.contenedor-article article { width: 100%; height: auto;  /*background-color: blue;*/}
	
	.contenedor-article figure {/*background-color: green;*/ width: 100%; height: auto; margin-top: 0px;}
	
	.contenedor-article figure img{/*background-color: red;*/}
	
	.contenedor-article a { color: black; font-size: 14px;  /*para la separacion entre lineas*/}
	
	.contenedor-article p { margin: 5px 14px; height:100px;} /* parrafo de texto articulos*/
	
	.contenedor-article li {line-height : 10px;}
	
	.contenedor-article .button {margin: auto; color: white;}
	
	.container_direction { width: 100%; padding: 0px 15px 20px 15px; }
	
	.contenedor-article h2 { font-size: 14px;  /*para la separacion entre lineas*/}
	
	#menu li { width: 100%; border-bottom: dotted thin black; padding: 2px 0px; }
	
	#menu li a { color: white;}
	
	#menu li a:hover { color: #77c9c5;}
	
	/*header paginas inicio*/
	.header-1 { max-width: 100%; /* ancho */ height: 40px; /* alto*/  background: none;} /*imagen*/
	/*End header paginas inicio*/
	
	/*header paginas otras*/
	.header-2 { max-width: 100%; /* ancho */ height: 40px; /* alto*/  background: none;} /*imagen*/
	/*header paginas otras*/
	
	section div article { max-width: 100%; height: auto; }
	
	footer li { padding-top: 0px; line-height : 25px;}
	
	/*cabecera tablet*/
	.fa-bars { width: 50%; height: auto; margin-left: 5px; display: flex; }
	
	#redes_2
	{
		display: flex;
		justify-content: flex-end;
		margin-right: 5px;
		font-size: 12px;
		/*background-color: red;*/
		width: 50%;
	}
	
	header label
	{
		display: flex;
		padding: 0px;
		margin-top: 0px;
		margin: auto;
		background: #005A8F;
		/*background-color: red;*/
		width: 100%;
		height: 35px;
		border-right: none;
		color: #FFFFFF;/* color del texo */
		align-items: center; /*centrar los elementos*/
	}
	/*End cabecera tablet*/
	/*Menu celular*/
	.menu ul
	{
		flex-direction: column;
		width: 100%;
		/*padding-right: 20px;*/
		text-align: center;
		/*margin: auto;*/
		background: rgba(0,0,0,0.3);
		margin: auto;
	}
	
	.menu li ul /*submenu*/
	{
		width: 100%;
	}
	
	.menu
	{
		width: 100%;
	}
	
	#btn_menu:checked ~ .menu
	{
		padding-top: 0px;
		width: 100%;
		margin: auto;
		/*background-color: green;*/
		/*transition: all 0.3s;/*efecto de transicion*/
	}	
	/*End Menu celular*/
	
	/*nosotros*/
	.art_atributos { padding: 5px; }
	
	.caja-borde { margin-top: 10px; }
	/*End nosotros*/
	
	/*Class imagen para celular responsive*/
	.img_b { width: 100%; height: auto; padding: 10px; }
	
	.img_b img  { width: 100%; height: auto; border-radius: 5px; object-fit: cover }
	/*End Class imagen a la derecha de una nota responsive*/

	/*Class imagen circulo*/
	.img_c {max-width: 150px; margin: auto; padding-top: 15px;}
	.img_c img  { width: 100%; height: auto; border-radius: 50%; object-fit: cover }
	/*End Class imagen circulo*/
	
	#mas
	{color: blueviolet;}
	
	#menos
	{color: blueviolet;}
	
	#mas_2
	{color: blueviolet;}
	
	#menos_2
	{color: blueviolet;}
	
	/*para poner un cuadro al parrafo*/
	.parrafo{
 		/*text-align: justify;
		border: solid 1px;
		border-color: deepskyblue;
 		background-color: white;
		padding: 10px;*/   
    }
	
	/*Contacto*/
	form { width: 90%; margin: auto; padding: 0px 15px; margin-top: 5px; }
	/*end contacto*/
	
	
}