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

@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-tab.jpg);
	height: 1000px;
	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;
}

	 .box, .box ul{
		margin: auto;
		width: 100%;
		background: #92A138;
	}

	.box{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.box ul{
		width: 100%;
	}
 	.box li{
			display: block;
			width: 40%;
			height: auto;
			display: inline-block;
			vertical-align: top;
		}
		.box li{	
			width: 30%;
			height: 100px;
			margin-top: 10px;
			margin-bottom: 10px;
			height: auto;
			text-align: center;
		}

/* INFO CLINICA */	

		hr{
			border: #F2F2F2 solid 1px;
		}
		.bg-menu{
			width: 100%;
			text-align: center;
		}

.videos{
		margin: 0;
		padding: 0;
		height: auto;
		width: 100%;
		text-align: center;
	}

		.slider iframe, .mapa iframe{
		width: 100%;
		height: 130px;
	}

.mapa{
	max-width: 100%;
}

	.mapa iframe, {
		height: 130px;
	}

.libros{
	background: #ECEEF1;

}

h1{
	margin-top: 10px;
	font-size: 2rem;
	color: #1355F2;
	line-height: 2rem;
}
h2, h4{
	font-size: 1.3rem;
	color: #009ae1;
}
h3{
	font-size: 0.8rem;
	font-style: italic;
	color: #637A83;
	line-height: 1rem;
}
h4{
	font-size: 1rem;
	padding: 5px;
}

h5{
	color: #637A83;
	width: auto;
	font-size: 1.5rem;
	line-height: 1.5rem;
	padding: 5px;
}

.especialidad{
	font-size: 0.8rem;
	background: #92A138;
	padding: 10px;
	width: 100%;
	color:#fff;
}

/*PERFIL MEDICO*/
.rectangle{
	width: 140px;
	height: 110px;
	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;
		}
			.titulos{
				margin: 0;
				padding: 0;
				font-size:1rem;
				text-align: center;
				font-weight: bold;
			}

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

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

/*INSTITUCIONES*/

.instituciones{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff;
}

.btn-institucion, .btn-institucion:hover{
		width:85px;
		height:83px;
		background:rgba(255,255,255,0.3);
		display: block;
		display: inline-block;
		margin: 1px;
		padding: 0;
	}

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

	}

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

/*FOOTER*/
footer{
	width: 100%;
	background: #504E53;
	padding top: 10px;

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

	footer li{
		width: 100%;
		display: block;
		display: inline-block;
		margin: 5px;
		padding: 5px;
	}

	.delgado-logo, .nombre, .mail, .fono{
		width: 50%;
		text-align: center;
		vertical-align: top;
		font-size: 1rem;
		color: #fff;
	}

	.delgado-logo{
		margin-top: 80px;
		margin: auto;
	}

	.nombre{
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.mail{
		width: auto;
		margin: 0px;
	}

	.fono{
		width: auto;
		font-size: 1.2rem;
		line-height: 1.2rem;
		font-weight: bold;
	}