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



body{	font-size:16px;  font-family: 'Open Sans', sans-serif; padding: 0px;	margin: 0px; background:url(../img/head/bg.png)  no-repeat fixed; background-size:100%; 	color:#333;	}
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#header{height:160px;}
#reds{border: 0px solid #f60; width:130px; height:40px; text-align:center; float:right; margin-top:12px;}	
#logo{margin-top:10px; margin-bottom:10px; width:550px; float:left; border: 0px solid #f60; }	
#logo img{width:100%}

p{line-height:25px;  font-size:17px; text-align:justify}

footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#mapa{	width: 100%;	height: 187px;	color: #fff;	font-size:12px;	background:#4E6B8C;	border:0px solid #F00;}

#cua1{float:left; width:30%;}
#cua2{float:left; margin-left:5%; width:30%;}
#cua3{float:right; width:30%;}

a{   color: #333;	text-decoration: none;	}
a:hover{  color:#876035;    text-decoration: none;	}

#titu{color:#876035; font-size: 30px; font-weight:600; text-transform: uppercase;	}

#f1{float:left; width:25%; border: 0px solid #0C6; margin-top:10px; font-size:14px; margin-top:26px; margin-bottom:10px; }
#f2{float:left; width:50%; text-align:center; border: 0px solid #0C6; font-size:14px; margin-top:26px; margin-bottom:10px; }
#f3{float:left; width:25%; text-align:right; border: 0px solid #0C6; font-size:14px; margin-top:10px; margin-bottom:10px; }

#about1{width:35%; float:left; border:0px solid #C30;}
#about2{width:60%; float:right; margin-top:px; border:0px solid #C30;}

#pastor{ padding:10px 10px; width:22%; text-align:center; display: inline-block; font-weight:600; font-size:20px}
#pastor img{width:100%; margin-bottom:10px}

#links{ padding:10px 10px; width:250px; text-align:center; display: inline-block; font-weight:600; font-size:20px}
#links img{width:100%; margin-bottom:10px; border:2px solid #333}

#conta1{width:45%; float:left; border:0px solid #C30;}
#conta2{width:45%; float:right; margin-top:px; border:0px solid #C30;}

#menform{width:100%; border:0px; border-bottom:1px solid #BBB; background:#DDD; height:35px; margin-bottom:8PX;}
#menform2{width:100%; border:0px; border-bottom:1px solid #BBB; background:#DDD; height:150px;}


@media screen and (min-width: 900px) and (max-width: 1099px) {
#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }

#about1{width:35%; float:left; border:0px solid #C30;}
#about2{width:60%; float:right; margin-top:px; border:0px solid #C30;}



}

@media screen and (min-width: 600px) and (max-width: 899px) {
#contenedor1{	width:90%;	border: 0px solid #00C;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:100%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#logo{margin-top:10px; margin-bottom:10px; width:75%; float:left; border: 0px solid #f60; }	
#logo img{width:100%}

#about1{ width:70%; float:none; margin-left:15%; float:none;  border:0px solid #C30;}
#about2{width:100%; margin-top:0px; border:0px solid #C30;}

#conta1{width:100%; float:left; border:0px solid #C30;}
#conta2{width:100%; float:right; margin-top:20px; margin-bottom:30px; border:0px solid #C30;}


#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px; margin-bottom:0px;  font-size:14px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px; margin-bottom:0px;  font-size:14px;}
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:10px; font-size:14px; margin-bottom:10px; display: flex; justify-content: center; align-items: center;} 

}

@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	width:90%;	border: 0px solid #0C3;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:100%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#logo{margin-top:10px; margin-bottom:10px; width:100%; float:left; border: 0px solid #f60; }	
#logo img{width:100%}

#reds{border: 0px solid #f60; width:400px; height:40px; text-align:center; float:NONE; margin-top:0px; margin: 0px auto 0px;	overflow:hidden;}	

#cua1{float:NONE; width:70%;	margin: 0px auto 0px;	overflow:hidden;}
#cua2{float:NONE; margin-left:0%;	margin: 0px auto 0px;	overflow:hidden; margin-top:15PX; margin-bottom:15PX; width:70%;}
#cua3{float:NONE; width:70%;	margin: 0px auto 0px;	overflow:hidden;}

#about1{ width:80%; float:none;margin-left:10%;float:none;  border:0px solid #C30;}
#about1 img{width:100%}
#about2{width:100%; margin-top:0px; border:0px solid #C30;}

#conta1{width:100%; float:left; border:0px solid #C30;}
#conta2{width:100%; float:right; margin-top:20px; margin-bottom:30px; border:0px solid #C30;}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px; margin-bottom:0px;  font-size:14px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px;  margin-bottom:0px;  }
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:10px; font-size:14px; margin-bottom:10px; display: flex; justify-content: center; align-items: center;} 
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	width:90%;	border: 0px solid #FF6;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:100%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#header{height:50px;}

#logo{margin-top:10px; margin-bottom:10px; width:100%; float:left; border: 0px solid #f60; }	
#logo img{width:100%}

#titu{color:#876035; font-size: 20px; font-weight:600; text-transform: uppercase;	}

p{line-height:24px;  font-size:15px; text-align:justify}

#cua1{float:NONE; width:70%;	margin: 0px auto 0px;	overflow:hidden;}
#cua2{float:NONE; margin-left:0%;	margin: 0px auto 0px;	overflow:hidden; margin-top:15PX; margin-bottom:15PX; width:70%;}
#cua3{float:NONE; width:70%;	margin: 0px auto 0px;	overflow:hidden;}

#about1{ width:80%; float:none;margin-left:10%;float:none;  border:0px solid #C30;}
#about1 img{width:100%}
#about2{width:100%; margin-top:0px; border:0px solid #C30;}

#conta1{width:100%; float:left; border:0px solid #C30;}
#conta2{width:100%; float:right; margin-top:20px; margin-bottom:30px; border:0px solid #C30;}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px; margin-bottom:0px;  font-size:14px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px;  margin-bottom:0px;  }
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:10px; font-size:14px; margin-bottom:10px; display: flex; justify-content: center; align-items: center;} 
}






/* CSS Carrusel */