/* Inicializacion ------------------------------------------------------------------------------------------------------------------------------ */

body, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

*:hover {
	outline: none;
}
 
*:link {
	outline: none;
} 

*:focus {
	outline: none;
}

a {
	text-decoration: none;
}

/* Generales ------------------------------------------------------------------------------------------------------------------------------------ */

	/* Tipografía por defecto para el sitio web */
	html, body {font-family: 'Ubuntu', sans-serif;}
	
	/* Tamaño por defecto de letra y de interlineado del sitio web */
	html, body {font-size: 12px; line-height: 1.6rem;}
	
	/* Color por defecto de los textos del sitio web */
	html, body {color: black;}
	
	/* Color por defecto del fondo del sitio web */
	html, body {background-color: white;}
	
	/* Color por defecto de los enlaces del sitio web */
	a {color: black;}
	a:hover {color: #f9b233;}
	
	/* Estilo de texto de los enlaces del sitio web */
	a {font-weight: bold;}



/* Títulos ------------------------------------------------------------------------------------------------------------------------------------- */

	h1, h2 {
		padding: 0em 0em .2em 0em;
		text-align: center;
	}
	
	h3 {
		padding: 0em .0em 0em 0em;
	}
	
	h4 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: .8em 0% .8em 0%;
		
	}

	h4:before {
		margin-left: 1em;
		content: " ";
	}

	h5, h6 {
		padding: 0em .75em 0em .75em;
	}
	
/* Menu Lateral -------------------------------------------------------------------------------------------------------------------------------- */

	.menuLateral {
		padding: 1em 1.5em;
	}
		.menuLateral  ul  {
			margin-left: 0em;
		}
				
			.menuLateral  ul li {
				padding: .75em 0;
			}
		
				.menuLateral  ul  ul  {
					margin-left: 2em;
				}
								
					.menuLateral  ul  ul li {
						padding: .75em 0;
					}
	
/* Caja de texto genérica ---------------------------------------------------------------------------------------------------------------------- */

	.cajaTexto {
		padding: 1em;
	}

		.cajaTexto p {
			text-align: justify;
		}
		
			.cajaTexto  p.centrado {
				text-align: center;
			}
			
			.cajaTexto  p.derecha {
				text-align: right;
			}
			
			.cajaTexto  p.izquierda {
				text-align: left;
			}
			
		.cajaTexto ul {
			padding-left: 12px;
		}
		
		.cajaTexto ul  li {

		}
		
/* Caja de descripción de producto ---------------------------------------------------------------------------------------------------------------- */

	.cajaDescripcion {
		width: 90%;
		margin: 0 auto;
		height: auto;
		margin-bottom: 2em;
	}
		
		.cajaDescripcion p {
			width: 100%;
			height: auto;
			padding: 1em 5% 1em 5%;
			text-align: justify;
		}
		
/* Caja de imagen genérica --------------------------------------------------------------------------------------------------------------------- */
	
	.cajaImagen {
		width: 100%;
		height: auto;
	}
	
		.cajaImagen  img {
			width: 100%;
			height: auto;
			vertical-align: top;
		}	
		
		@media screen and (min-width: 768px) {
			.cajaImagen div.paddingRight {
				width: 98%;
				padding: 0 2% 0 0;
			}
			
			.cajaImagen div.paddingLeftRight {
				width: 98%;
				padding: 0 1% 0 1%;
			}
				
			.cajaImagen div.paddingLeft {
				width: 98%;
				padding: 0 0 0 2%;
			}
			
		}
		
		
		@media screen and (max-width: 767px) {
			.cajaImagen div.paddingRight {
				width: 100%;
				padding: 0 0% 2% 0;
			}
			
			.cajaImagen div.paddingLeftRight {
				width: 100%;
				padding: 0 0% 0 0%;
			}
				
			.cajaImagen div.paddingLeft {
				width: 100%;
				padding: 2% 0 0 0%;
			}
			
		}
			
			

/* Caja de imagen con padding utilizada en la galería ------------------------------------------------------------------------------------------- */
		
	.cajaImagenPadding {
		padding: 1em;
		height: auto;
		margin: 0 auto;	
		margin-top: 0%;
		margin-bottom: 0;
	}
	
		.cajaImagenPadding img {
			width: 100%;
			height: auto;
			vertical-align: top;
		}		

/* Otras imagenes ------------------------------------------------------------------------------------------------------------------------------- */		
		
	.cajaImagen  img.logotipo {
		width: 80%;
		max-width: 120px;
		margin: 1rem 0;
	}
	
/* Cajas tipo boton enlace ---------------------------------------------------------------------------------------------------------------------- */

	.botonEnlace {
		display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		width: 100%;
		height: 150px;
		margin: 10px auto;
	}
	
	.botonEnlace p {
		display: block;
		width: 50%;
		text-align: center;
	}	
	
		.botonEnlaceImagen {
		display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		width: 100%;
		height: 150px;
		margin: 10px auto;
	}
	
	.botonEnlaceImagen p {
		display: block;
		width: 50%;
		text-align: center;
	}
		
		
/* Cajas tipo tarifas --------------------------------------------------------------------------------------------------------------------------- */

	.cajaTarifa {
		display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		width: 100%;
		height: 150px;
		margin: 10px auto;
		background-color:rgba(102, 17, 128, .5);
	}
	
	.cajaTarifa p {
		display: block;
		width: 50%;
		text-align: center;
	}
	
/* Tabla servicios ----------------------------------------------------------------------------------------------------------------------------- */	
	
	table.tablaServicios {
		width: 100%;
		border-collapse: collapse;
		margin: 2% 0;
	}
		
	table.tablaServicios tr {
		border-bottom: solid 2px #fbb233;	
	}
	
	table.tablaServicios td.tsTitulo {
		width: 25%;
		font-weight: bold;	
		padding: 1% 0 0 0;
	}
	
	table.tablaServicios td.tsTexto {
		width: 75%;			
	}
		

/* Formulario generico ---------------------------------------------------------------------------------------------------------------------- */
	
	
	.cajaFormulario {
		width: 96%;
		padding: 2%;
	}
	
	.cajaFormulario table{
		width: 100%;
	}
	
	.cajaFormulario table td {
		width: 23%;
		padding: 0 2% 1em 2%;
	}
	
	.cajaFormulario table input[type="text"] {
		width: 96%;
		padding: .6em 2% .6em 2%;
	}
	
	.cajaFormulario table input[id="correo"] {
		width: 98%;
		padding: .6em 1% .6em 1%;
	}
	
	.cajaFormulario table input[id="chequeo"] {
		width: 2%;
	}
		
	.cajaFormulario table textarea {
		width: 98%;
		height: 8em;
		padding: .6em 1% .6em 1%;
		resize: none;
	}
	
	.cajaFormulario input[id="botonEnviar"], .cajaFormulario input[id="botonReset"] {
		width: 10em;
		padding: .6em 1% .6em 1%;
	}
		
		
/* Otros --------------------------------------------------------------------------------------------------------------------------------------- */

	a.botonVolver img {vertical-align: middle;}
	img.icono {
		width: 32px;
		height: auto;
		margin: .2em 1em;
		vertical-align: middle;
	}