@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:300,500|Source+Sans+Pro:300,400,600');
@import url('../../archivos/pagina/assets/tierraluz.css');

@charset "utf-8";

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

Body {
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-weight:300;
	color: #fff;
	line-height:1.3;
	scrollbar-base-color: #E8D3D1;
	background-color:#E8D3D1;
	margin:6px;
}

main {
	background-color:#fff;
	width:100%;
	max-width:1280px;
	margin: 0 auto;
}

section {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width:100%;
	max-width:1200px;
	justify-content: space-around;
	align-items: stretch;
	background-color:#;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float: left;
	margin: 0 auto;
}

.col-1 {width: 8.333%}
.col-2 {width: 16.666%}
.col-3 {width: 25%}
.col-4 {width: 33.333%}
.col-5 {width: 41.666%}
.col-6 {width: 50%}
.col-7 {width: 58.333%}
.col-8 {width: 66.666%}
.col-9 {width: 75%}
.col-10 {width: 83.333%}
.col-11 {width: 91.666%}
.col-12 {width: 100%}

h1, h2, h3, h4 {
	font-family: 'Arima Madurai', Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:300;
}

h1 {
	font-size:1.8rem;
	color:#E8D3D1;
	letter-spacing:1px;
	text-align:center;
	line-height:1.6;
}

h2 {
	font-size:1.6rem;
	color:#E8D3D1;
	letter-spacing:3px;
	text-transform:uppercase;
	line-height:3;
}

h3 {
	font-size: 1.2rem;
	font-weight:500;
	line-height:1.4;
}


h4 {
	font-size: 1.3rem;
}

hr {
	margin:6px;
	border:#ccc thin solid;
}

main {
	background-color:#000;
	border-radius:12px;
}


.centro {
	text-align:center;
	line-height:1.2;
	width:80%;
	max-width:700px;
	display:block;
	background-color:#;
}

.centro h3 {
	font-size: 1.3rem;
	font-weight:500;
	line-height:1.4;
}


.centro h4 {
	font-size: 1.2rem;
	padding: 12px;
}



ul {
	list-style-type: circle;
	padding: 2px 24px;
	margin:18px auto;
}

li {
	padding: 3px 0;
	line-height:1;
}

a {
	color: #D3E8FE;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 1.1rem;
	letter-spacing:1px;
	text-decoration:none;
}

a:hover {
	color: #ff6;
}

.fotobajo {
	width:auto;
	margin: 18px 24px;
}

.fotobajo img {
	margin: 0;
	border:#E8D3D1 thin solid;
}

.pie {
	border-top:#E8D3D1 thin dotted;
	text-indent:30px;
	line-height:2;
}

.pie a {
	color:#D3E8FE;
	font-size:1rem;
}

.pie a:hover {
	color:#ff6;
}

/*--------------------FONOS----------------------------*/

#comupc {
	display:block;
}

#comucel {
	display:none;
}

@media screen and (max-width: 660px){
Body {
	font-size: 1rem;
	color: #fff;
	margin:0;
	background-color:#000000;
}

h1, h2 {
	text-align:center;
	font-size:1.1rem;
}

h1 {
	line-height:1.2;
	width:80%;
	margin:auto;
}

h2 {
	letter-spacing:2px;
	line-height:2;
}

h3 {
	font-size: 1rem;
}

a {
	font-size: 1rem;
	font-weight:600;
}

main {
	border-radius:0;
	margin:0;
}

}

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

#comupc {
	display:none;
}

#comucel {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-around;
	width:100%;
}

.fono, .celu, .what {
	display:block;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:500;
	color:#fff;
	text-align:center;
	line-height:1;
	padding: 6px 2px;
	background-color: #B39896;
	background: linear-gradient(180deg, #B39896 0, #5B4F4D 100%);
	border-radius:4px;
	margin: 12px 1px;
	width:32%;
}

.fono:hover, .celu:hover, .what:hover {
	background-color: #0087BF;
}

.what {
	background-color:#189D0E;
}

}

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

Body {
	font-size: 1rem;
	font-weight:400;
}


main {
	padding-top:16px;
}

.centro {
	text-align:center;
	line-height:1.2;
	width:96%;
}

.centro h3 {
	font-size: 1.2rem;
}

.centro h4 {
	font-size: 1.1rem;
	padding: 8px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	width:90%;
}

h1, h2 {
	text-align:center;
	letter-spacing:0;
}

h1 {
	font-size:1.2rem;
	line-height:1.1;
}

h2 {
	font-size:1.25rem;
	line-height:1.6;
}

h3 {
	font-size:1.2rem;
	line-height:1.4;
}


h4 {
	font-size:1.1rem;
	line-height:1.1;
}

.fotobajo {
	max-width:300px;
}

.fotobajo img {
margin:0;
	width:100%;
}

}