@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500&display=swap');
/* Mobile Layout: 480px and below. */
body,
html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	/* Better Font Rendering =========== */
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #FFF;
	font-size: 1.1rem;
	letter-spacing: 0.02em;
}
p {
	font-size: 1rem;
	line-height: 1.7;
	color: #000;
	margin-bottom: 1em;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0;
	text-align: justify;
}
p:last-child {
	margin-bottom: 1.5em;
}
p img {
	display: block;
	margin: 0 auto 2em auto;
}
ul,
ol {
	font-size: 1.1rem;
	line-height: 1.5;
}
a {
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #90151A;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 1px;
	margin-bottom: 0.8rem;
	margin-top: 0.4rem;
	margin-left: 30px;
	margin-right: 2rem;
	text-align: left;
}
strong {
	font-weight: 700;
	color: #90151A;
}
hr {
	background-color: rgba(176,91,94,0.4);
	height: 0.14em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0;
	margin-top: 1.2em;
	margin-right: 0;
	margin-bottom: 1.2em;
	margin-left: 0;
}
ul.listado {
	margin-top: 0;
	padding-bottom: 2%;
	margin-left: 1em;
	margin-bottom: 0;
	list-style: none;
}
ul.listado li {
	text-align: left;
	margin-left: 1em;
	margin-right: 30px;
 *list-style-type: circle;
}
ul.listado li::before {
	content: "\25E6";
	color: #90151A;
	display: inline-block;
	width: 0.7em;
	margin-left: -1em
}
ol.listado {
	padding-top: 0;
	padding-right: 0.25em;
	padding-left: 0;
	text-align: left;
	list-style-position: outside;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2.5em;
}
/* spans start */
.main-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.main-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.main-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
 *overflow:hidden;
}
* {
 *box-sizing: border-box;
}
.ambos {
	clear: both;
}
.ninguno {
	clear: none;
}
/*[class^="cols-"] {
 border-width: 1px;
 border-style: solid;
 border-color: red;
}*/

[class^="cols"] {
 box-sizing: border-box;
}
.cols-01,
.cols-02,
.cols-03,
.cols-04,
.cols-05,
.cols-06,
.cols-07,
.cols-08,
.cols-09,
.cols-10,
.cols-11,
.cols-12 {
	width: 100%;
	display: block;
	float: left;
	position: relative;
}
/* spans end */
.flotaDer {
	float: right;
}
.flotaIzq {
	float: left;
}
/* image placing */
.imgCentro {
	display: block;
 *width: 100%;
	margin: 0 auto;
	padding-bottom: 1em;
}
.imgDerecha {
	float: right;
	margin-bottom: 2%;
	margin-left: 4%;
}
.imgIzquierda {
	display: block;
	width: 96%;
	float: left;
	margin-top: 0;
	margin-right: 4%;
	margin-bottom: 2%;
	margin-left: 0;
}
.imgAncha {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding-bottom: 2%;
	padding-top: 2%;
}
.imgMitad {
	display: inline-block;
 *float: left;
	width: 98%;
}
.texto-centrado {
	text-align: center;
}
a.boton {
	text-decoration: none;
	-webkit-appearance: none;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.1rem;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.04em;
	background-color: #B05A5E;
	padding: 0.7em;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	min-width: 50%;
}
a.boton:hover {
	text-decoration: none;
	-webkit-appearance: none;
	background-color: #FFF;
	color: #B05A5E;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
/* subir */
#subir {
	position: fixed;
	bottom: 20%;
	z-index: 1000;
	padding: 0;
	margin: 0;
	right: 0;
}
#subir a:link {
	color: #FFF;
	background: #6598B8;
}
#subir a:visited {
	color: #FFF;
	background: #6598B8;
}
#subir a:hover {
	color: #6598B8;
	background-color: #FFF;
}
#subir a:link,
#subir a:visited,
#subir a:hover {
	font-size: 1.4rem;
	text-decoration: none;
	margin: 0;
	display: block;
	text-align: center;
	-webkit-box-shadow: rgba(0,0,0,.5) -0.25em -0.25em 0.75em;
	-moz-box-shadow: rgba(0,0,0,.5) -0.25em -0.25em 0.75em;
	box-shadow: rgba(0,0,0,.5) -0.25em -0.25em 0.75em;
	padding: 0.7em;
	-webkit-border-top-left-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-bottomleft: 14px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
}
/* end subir */
.google-maps {
	width: 90%;
	margin: 3%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* end basic styles */

/* Mobile Layout: 480px and below Landscape. */
@media only screen and (min-width: 480px) and (orientation: landscape) {
}

/* Tablet Layout: 481px to 567px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.main-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.main-2 {
	clear: both;
	float: left;
	margin-left: 8.3969%;
	width: 83.2061%;
	display: block;
}
.main-3 {
	clear: both;
	float: left;
	margin-left: 16.7938%;
	width: 66.4122%;
	display: block;
}
}

/* Landscape Layout: 568px to 768px. Inherits styles from: Previous Layout. */
@media only screen and (min-width: 568px) {
}

/* Landscape Layout: 568px to 768px. Landscape */
@media only screen and (min-width: 568px) and (orientation: landscape) {
}

/* Desktop Layout: 768px to a max of 1110px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
p,
ul,
ol {
	font-size: 1.2rem;
}
.imgMitad {
	display: inline-block;
	float: left;
	width: 48%;
	margin-right: 2%;
}
}
/* Iphone X*/
@media only screen and (min-width: 813px) {
/* spans start */
.main-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.main-2 {
	clear: both;
	float: left;
	margin-left: 8.3969%;
	width: 83.2061%;
	display: block;
}
.main-3 {
	clear: both;
	float: left;
	margin-left: 16.7938%;
	width: 66.4122%;
	display: block;
}
.cols-01 {
	width: 8.3333%;
}
.cols-02 {
	width: 16.6667%;
}
.cols-03 {
	width: 25%;
}
.cols-04 {
	width: 33.3333%;
}
.cols-05 {
	width: 41.6666%;
}
.cols-06 {
	width: 50%;
}
.cols-07 {
	width: 58.3333%;
}
.cols-08 {
	width: 66.6666%;
}
.cols-09 {
	width: 75%;
}
.cols-10 {
	width: 83.3333%;
}
.cols-11 {
	width: 91.6666%;
}
.cols-12 {
	width: 100%;
}
/* spans end */
}


/* Tablet Layout: 1024 to 768px. Inherits styles from: Mobile Layout  */
@media only screen and (min-width: 1024px) {
p,
ul,
ol {
	font-size: 1.2rem;
}
}
/* Tablet Layout: 1024 to 768px. Inherits styles from: Mobile Layout and Tablet Layout. Landscape */
@media only screen and (min-width: 1024px) and (orientation: landscape) {
p,
ul,
ol {
	font-size: 1.1rem;
}
}

/* Desktop Layout: 1110px onwards Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1366px) {
}