*{
	font-family: 'Signika', sans-serif;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
}

b {
	font-weight: 600;
}

body {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.header {
	width: 100%;
	height: 90px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

	.header .logo {
		margin-left: 30px;
		float: left;
	}
	
	.header .hamburguer {
		display: none;
	}

		
	.header .contact {
		color: #525263;
		float: right;
	}
	
		.header .contact .phone {
			height: 80px;
			padding: 15px 25px 0px 15px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-left: 1px solid #fec000;
			font-size: 18px;
			text-transform: uppercase;
			float: left;
		}
		
			.header .contact .phone a {color: #000; text-decoration: none;}
			.header .contact .phone a:hover {color: #b8512b; text-decoration: none;}
				
			.header .contact .phone b {
				color: #b8512b;
				font-size: 10px;
			}

	.header .menu {
		width: 100%;
		height: 40px;
		background-color: #FFD148;
		float: left;
	}
	
		.header .menu ul {
			margin: 0px;
			padding: 0px;
			padding-top: 10px;
			text-align: center;
		}
	
			.header .menu ul li {
				display: inline;
				list-style-type: none;
				margin: 0px 7px;
			}
			
			.header .menu ul li a {font-size: 16px; color: #ffffff; text-decoration: none;}
			.header .menu ul li a:hover {color: #b8512b; text-decoration: none; padding-bottom: 5px; border-bottom: solid 5px #b8512b;}
			.header .menu ul li .selected {font-size: 16px; color: #b8512b; text-decoration: none; padding-bottom: 5px; border-bottom: solid 5px #b8512b;}
			
/* HOME */
.home {
	width: 100%;
	float: left;
	background-image: url("images/home/clinica-flores-salud-mental.jpg");
	background-position: center center;
	background-size: cover;
}

.home .tablet {
	display:none;
}

	.home .items {
		margin: 25px;
		float: right;
	}
	
		.home .items .item {
			width: 300px;
			margin-bottom: 10px;
			padding: 10px 25px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size: 18px;
			background-color: #fff;
			text-align:justify;
		}
		
			.home .items .item b {
				color: #b8512b;
			}

			.home .items .item a {color: #000000; text-decoration: none;}
			.home .items .item a:hover {color: #b8512b; text-decoration: none;}
			
			.home .items .item .plus {font-size: 12px; padding: 0px 4px; background-color: #b8512b; color: #fff; text-decoration: none; display: inline-block;}
			.home .items .item .plus:hover {background-color: #FFD148; color: #fff; text-decoration: none;}
			
/* INTERNA */
.interna {
	width: 100%;
	padding: 30px 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("images/internas/guarda.png");
	background-repeat: no-repeat;
	float: left;
}

	.interna .lateral {
		width: 20%;
		float: left;
	}
		.interna .lateral .titulo {
			width: 100%;
			height: 96px;
			padding-top: 20px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size: 24px;
			text-align: center;
			color: #fff;
			background-image: url("images/internas/back_titulo.png");
			background-position: center center;
			background-repeat: no-repeat;
			float: left;
		}
		
		.interna .lateral .destacado {
			width: 100%;
			font-size: 24px;
			color: #b8512b;
			padding: 50px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align: center;
			font-style: italic;
			float: left;
		}
		
		.interna .lateral .destacado .line {
			width: 80px;
			margin: 0 auto;
			border-bottom: solid 1px #fec000;
		}
	
	.interna .contenido {
		width: 70%;
		margin: 5%;
		color: #0d0d1e;
		padding: 30px 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 16px;
		background-color: #f3f3f3;
		float: right;
	}
	
		.interna .contenido img {
			width: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0px 10px 10px 0px;
			float: left;
		}
		
		.interna .contenido iframe {
			width: 50%;
			height: auto;
			min-height: 500px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0px 10px 10px 0px;
			float: left;
		}
	
	.interna .directores {
		width: 70%;
		margin: 0% 5%;
		color: #b8512b;
		font-size: 18px;
		float: right;
	}
	
		.interna .directores .table {
			width: 100%;
			padding: 15px 35px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: solid 1px #fec000;
			color: #000000;
			font-size: 14px;
			display: inline-block;
		}
		
			.interna .directores .table .image {
				margin-right: 25px;
				float: left;
			}
			
			.interna .directores .table .cv {
				float: left;
			}
			
				.interna .directores .table .cv .name {
					font-size: 16px;
					color: #b8512b;
					float: left;
				}
				
					.interna .directores .table .cv ul {
						margin: 20px 0px 0px 20px;
						list-style-type: square;
						/*list-style-position: inside;*/
					}

/* FAQS */
.interna .contenido .faq {
	width: 100%;
	border: solid 1px #b8512b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
}

	.interna .contenido .faq .pregunta {
		width: 100%;
		border-bottom: solid 1px #b8512b;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 18px;
		cursor: pointer;
		display: inline-block;
	}

		.interna .contenido .faq .pregunta:hover {
			background-color: #ddd;
		}

		.interna .contenido .faq .pregunta .ask {
			float: left;
		}

		.interna .contenido .faq .pregunta .plus {
			margin-top: 3px;
			float: right;
			cursor: pointer;
			font-size: 16px;
			padding: 0px 4px;
			background-color: #b8512b;
			color: #fff;
		}
	
			.interna .contenido .faq .pregunta .plus:hover {background-color: #FFD148; color: #fff;}
	
	.interna .contenido .faq .respuesta {
		padding: 10px;
	}

/* CONTACTO */	
	.interna .contenido_contacto {
		width: 75%;
		margin: 5% 0% 5% 5%;
		color: #0d0d1e;
		padding: 30px 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 16px;
		background-color: #f3f3f3;
		float: right;
	}

	.interna .contenido_contacto .ubicacion {
		width: 33%;
		padding: 0px 10px;
		border-left: solid 1px #FFD148;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	
		.interna .contenido_contacto .ubicacion .title {
			font-size: 18px;
		}

		.interna .contenido_contacto .ubicacion a {color: #000; text-decoration: none;}
		.interna .contenido_contacto .ubicacion a:hover {color: #b8512b; text-decoration: none;}
		
		.interna .contenido_contacto .ubicacion .map {
			width: 100%;
			margin-top: 20px;
			float: left;
		}

		.google-maps {
	        position: relative;
	        padding-bottom: 75%; // This is the aspect ratio
	        height: 0;
	        overflow: hidden;
	    }
	    .google-maps iframe {
	        position: absolute;
	        top: 0;
	        left: 0;
	        width: 100% !important;
	        height: 100% !important;
	    }
		
			.interna .contenido_contacto .ubicacion .map img {
				width: 100%;
				max-width: 249px;
				height: auto;
			}

	.interna .formulario {
		float: left;
	}

		.interna .formulario .title {
			font-size: 21px;
			color: #c64647;
			margin-top: 30px;
		}
	
/* FORM */
input, select {
	width: 100%;
	font-family: Arial, sans serif;
	border-width: 0px;
	font-size: 16px;
	color: #ffffff;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #fbbf2b;
}

textarea, select {
	width: 100%;
	font-family: Arial, sans serif;
	border-width: 0px;
	font-size: 16px;
	color: #ffffff;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #fbbf2b;
}


button {
	width: 80px;
	height: 25px;
	background-color: #fabd00;
	font-family: Arial, sans serif;
	text-align: center;
	letter-spacing: 0px;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
}

	button:hover {color: #b8512b;}

input.checkbox {
	width: 20px;

}

/* FOOTER */
.footer {
	width: 100%;
	height: 190px;
	padding: 25px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFD148;
	text-align: center;
	float: left;
}

	.footer .content {
		width: 830px;
		margin: 0 auto;
	}
	
		.footer .content .data {
			border-left: solid 1px #ffffff;
			padding: 0px 40px 0px 20px;
			font-size: 15px;
			text-align: left;
			float: left;
		}
		
			.footer .content .data a {color: #000; text-decoration: none;}
			.footer .content .data a:hover {color: #b8512b; text-decoration: none;}
		
			.footer .content .data b {
				color: #b8512b;
				text-transform: uppercase;
			}
			
			.footer .content .data .sign {
				color: #444;
				font-size: 12px;
			}
				
				.footer .content .data .sign a {color: #444; text-decoration:none;}
				.footer .content .data .sign a:hover {color: #b8512b; text-decoration:none;}
				
				
@media screen and (max-width:1300px)  {
	.interna .lateral .destacado {
		padding: 20px;
		font-size: 20px;
	}

	.interna .contenido_contacto .ubicacion {
		width: 100%;
		margin-bottom: 40px;
	}

	.google-maps {
		padding-bottom: 40%;
	}
}

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

.header {
	width: 100%;
	height: auto;
}

	.header .logo {
		margin-left: 25px;
	}
	
		.header .logo img {
			width: auto;
			height: 70px;
		}
		
	.header .hamburguer {
		margin: 16px;
		display: inline;
		float: right;
	}
	
	.header .hamburguer .slide_menu {
		width: 100%;
		top: 70px;
		left: 0px;
		position: absolute;
		z-index: 10;
	}
	
		.header .hamburguer .slide_menu .phones {
			height: 50px;
			padding: 20px;
			color: #444;
			font-size: 13px;
			background-color: #fbbf2b;
			text-transform: uppercase;
		}
		
			.header .hamburguer .slide_menu .phones .left {
				width: 50%;
				float: left;
			}
			
			.header .hamburguer .slide_menu .phones .right {
				width: 50%;
				text-align: right;
				float: right;
			}

				.header .hamburguer .slide_menu .phones .right a {color: #000; text-decoration: none;}
				.header .hamburguer .slide_menu .phones .right a:hover {color: #b8512b; text-decoration: none;}
		
		.header .hamburguer .slide_menu .menu_hamburguer {
			background-color: #f9f9f9;
			border-bottom: solid 2px #ffc001;
		}
		
		.header .slide_menu .menu_hamburguer ul {
			margin: 0px;
			padding: 0px;
			padding-top: 10px;
			text-align: center;
		}
	
			.header .slide_menu .menu_hamburguer ul li {
				width: 100%;
				padding: 5px 0px;
				list-style-type: none;
				border-bottom: solid 1px #cccccc;
				display: block;
			}
			
			.header .slide_menu .menu_hamburguer ul li a {font-size: 16px; color: #717175; text-decoration: none;}
			.header .slide_menu .menu_hamburguer ul li a:hover {color: #b8512b; text-decoration: none;}
			.header .slide_menu .menu_hamburguer ul li .selected {font-size: 16px; color: #b8512b; text-decoration: none;	}

	.header .contact {
		display: none;
	}
	
	.header .menu {
		display: none;
	}	

	/* HOME */
	.home {
		background-image: none;
	}

	.home .tablet {
		width: 100%;
		height: auto;
		display: inline;
		float: left;
	}

		.home .tablet img {
			width: 100%;
			height: auto;
		}

	.home .items {
		margin: 0px;
		float: left;
	}
	
		.home .items .item {
			width: 100%;
			margin: 0px;
			padding: 25px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-bottom: solid 1px #fbbf2b;
		}

/* INTERNA */
.interna {
	padding: 0px;
	background-image: none;
	background-repeat: no-repeat;
	float: left;
}

	.interna .lateral {
		width: 100%;
		position: absolute;
		z-index: 9;
	}
	
	.interna .destacado {
		display: none;
	}
	
	.interna .contenido {
		width: 90%;
		margin: 40px 5% 5% 5%;
		padding: 80px 40px 30px 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-top: solid 1px #fbbf2b;
		float: left;
	}
	
	.interna .contenido img {
		width: 100%;
		height: auto;
	}
	
	.interna .directores {
		width: 100%;
		margin: 0px 0px 25px 0px;
		padding: 0px 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.interna .contenido_contacto {
		width: 90%;
		margin: 40px 5% 5% 5%;
		padding: 80px 40px 30px 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-top: solid 1px #fbbf2b;
		float: left;
	}

	.google-maps {
		padding-bottom: 60%; // This is the aspect ratio
	}
				
/* FOOTER */
.footer {
	width: 100%;
	height: auto;
	padding: 0px;
}

	.footer .content {
		width: 100%;
	}
	
		.footer .content .data {
			width: 100%;
			padding: 25px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-left: none;
			border-bottom: solid 1px #fff;
			float: left;
		}
}