/*
CSS3.
	Regla del 0,0
	Carga de fuentes
	Body
	Contendor
	Contenido
	
Colores:


*/

/*Regla del 0,0*/
* {
	margin:0px;
	padding: 0px;
	box-sizing: border-box;
	color: #000;
	font: menu;
	font-size: 16px;
}
/*Se quitan todos los bordes a las imagenes, para Internet Explorer*/
img {
    border:none;
}

/* Cargamos las fuentes para mostrar la pagina*/


/*Le damos un color al fondo y una fuente para toda la pagina*/
body {
	background-color:white;	
}




.secTratamiento{
	margin-top: 1%;
	margin-bottom: 1%;
	display: flex;	
	flex-direction:column;
	justify-content: center;
	align-items:center;
	padding-left: 1px;
	font-size: 16px;	
}

.tituloTratamiento{
	font-size: 36px;
	text-align:center;
	margin-top:1%;
}

article{
	width: 80%;
	display: flex;	
	flex-direction:row;
	min-height:700px;
}

.imagenFondo{
	margin-left:-15%;
	margin-right: 5%;
    background-size: cover;
	min-height: 400px;
	background-position: center;
}

.textoTratamiento{
	width:40%;
}


.tituloCategoria a{
	text-decoration:none;
	color: rgba(77, 77, 77, 1);
}


.tituloCategoria a:hover, .tituloCategoria a:focus{
	text-decoration:underline;
}


.nombreTratamiento{
	margin-top:1%;
	text-align: left;
	text-align: left;
	font-size: 16px;
	font-style:italic;
}

.subtituloTratamiento{
	text-align:center;
}

.subtituloTratamiento p{
	font-weight:bold;	
}

.imgMovil{
	display:none;
}

.durPrec{
	display: flex;	
	flex-direction:row;
	justify-content:center;
}


.duracion{
	margin-top:5%;
}

.descripcion img{
	max-width:70%;
	display:block;
	margin:auto;
}

em{
	font-style:italic;
	color:inherit;
}

strong{
	font-weight:bold;
}

.ql-size-small{
	font-size:small;
}

.ql-size-large{
	font-size:large;
}

.ql-size-huge{
	font-size:huge;
}

.ql-indent-1{
	margin-left:2.5%;
}

.ql-indent-2{
	margin-left:5%;
}

.ql-align-center{
	text-align:center;
}

.descripcion{
	margin-top: 2%;
}

.descripcion ul{
	margin-left: 5%;
}

.descripcion p{
	min-height: 10px;
}

@media (max-width: 1280px){
	article .imagenFondo{
		width: 40%
	}
	
	.textoTratamiento{
		width: 60%;
	}
}

@media (max-width: 858px){
	article .imagenFondo{
		display:none;
	}

	.imgMovil{
		display:inherit;
	}

	.imgMovil img{
		width:100%;
	}	
		
	
	.textoTratamiento{
		width: 100%;
	}
	
	.secTratamiento{
		margin-top: 2%;
		margin-bottom: 5%;
	}
	
	.tituloTratamiento{
		font-size:30px;
	}
}