@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);

img{	max-width: 100%;}

* {  margin: 0;  padding: 0;}

*{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body{font-family: 'Roboto', sans-serif;}

a{text-decoration:none;
color:#92A138;
} 

#contenedor{max-width: 100%;}

/*FOTO DOCTOR*/
.foto-clinica{
	max-width: 100%;
	background: url(../images/clinica.jpg);
	height: 1100px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
}

/*MENU*/
.menu{ 
		height:45px; 
		width:100%; 
		background:#fff; 
		color:white; 
		text-align:center;
		z-index: 3;
	}

.fixed{
	position:fixed; 
	top:0;
	z-index: 100;
}

/*CUADROS*/
header, section, .videos, .logo-top{ 
	width:100%; 
	text-align: center;
}
	.wrapper{
		width: 90%;
		display: block;
		height: 150px;
	}


	 .box, .box ul{
		margin: auto;
		width: 100%;
		background: #92A138;
	}
	.box ul{
		width: 90%;
	}
		.wrapper li, .box li{
			display: block;
			width: 40%;
			height: auto;
			display: inline-block;
			vertical-align: top;
			text-align: left;
		}
		.box li{
			width: 16%;
			height: 100px;
			margin-top: 70px;
			margin-bottom: 70px;
			height: auto;
		}


		hr{
			border: #F2F2F2 solid 1px;
		}
		.bg-menu{
			width: 100%;
			text-align: center;
		}
.videos, .slider{
	margin-top: 30px;

	
}
	.videos{
		height: auto;
	}

	.slider iframe{
		width: 100%;
		height: auto;

	}

.mapa{
	max-width: 100%;
}
	.mapa iframe{
		width: 100%;
		height: 300px;
	}

h1{
	margin-top: 20px;
	font-size: 3.5rem;
	color: #1355F2;
	line-height: 3.5rem;
}
h2, h4{
	font-size: 2.5rem;
	color: #009ae1;
}
h3{
	font-size: 1.5rem;
	font-style: italic;
	color: #637A83;
}
h4{
	font-size: 1.5rem;
}
h5{
	color: #637A83;
	font-size: 3rem;
	line-height: 3rem;
}

.especialidad{
	font-size: 1.2rem;
	font-weight: 300;
	background: #92A138;
	padding: 10px;
	width: 100%;
	color:#fff;
	letter-spacing: 2px;
}
.libros{
	background: #ECEEF1;

}

/*FOTOS PROFESIONALES*/
.profesional{
			display: block;
			width: 90%;
			margin: auto;
		}
			.profesional li{
				margin: 5px;
				display: block;
				width: 18%;
				height: auto;
				display: inline-block;
				border: 1px solid #ccc;
				font-family: 'Roboto Condensed', sans-serif;
				font-size: 1.1em;
			}



/*PERFIL MEDICO*/
.rectangle{
	width: 170px;
	height: 130px;
	display: block;
	margin: auto;
	text-align: center;
	border: #fff solid 1px;
}
		.fa-user-md, .fa-star, .fa-book, .fa-user, .fa-calendar, .fa-medkit{
		font-size: 3rem;
		color: #fff;
		margin-top: 40px;
		}

			.titulo{
				color: #fff;
				font-size: 1.5rem;
				text-align: center;
				display: block;
				margin-top: 10px;
			}

		.boton{
			margin: auto;
			width: 150px;
			font-size: 1rem;
			margin-top: 10px;
			padding: 10px;
			background: #BDC21D;
			color: #000;
			text-align: center;
			border: 0px;
		}

		.boton:hover{
			background: #fff;
			color: #504E53;
			border: 0px;
		}

/*INSTITUCIONES*/

.instituciones{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	padding: 50px;
	background: #fff;
}

.btn-institucion, .btn-institucion:hover{
		width:193px;
		height: 180px;
		margin: 3px;
		padding: 3px;
		background:rgba(255,255,255,0.3);
		display: block;
		display: inline-block;
	}

		.btn-institucion:hover{
		background:rgba(60,72,16,0.2);
	}

	.titulos5{
	text-align: center;
	max-width:100%;
	font-size: 2.5rem;
	text-align: center;
	color: #92A138;
	padding: 15px;
}


/*FOOTER*/
footer{
	margin: auto;
	width: 100%;
	background: #504E53;

}
	footer ul{
		width: 100%;
		display: block;
		margin: auto;
		text-align: center;
	}

	footer li{
		display: block;
		display: inline-block;
		margin: 40px;
		vertical-align: top;
	}

	.delgado-logo, .nombre, .mail, .fono{
		width: 100%;
		text-align: left;
		vertical-align: top;
		font-size: 1rem;
		color: #fff;
	}
	.nombre{
		width: auto;
		font-size: 1rem;
	}
	.mail{
		width: auto;
		font-weight: bold;
	}

	.fono{
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
	}
	
.modal{
width:100%;
height: auto;
background: rgba(0,0,0,0.8);
position: absolute;
z-index:2;
top: 0;
left: 0;
display: flex;
animation: modal 0s 1s forwards;
visibility: hidden;
opacity: 0;
}