@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(modal.css);
@import url(menu.css);
@import url(blog.css);
@import url(info.css);
@import url(galeria.css);
@import url(slider.css);
@import url(contacto.css);




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

h1 { font-family: 'Amatic SC', cursive;}

h1, h2 , h3 , h4 {

	font-size-adjust:inherit;
	font-stretch:expanded;
	font-family: 'Amatic SC', cursive;
}

h1 { font-size:22px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:19.5px;}

text {
color:white ;
text-shadow: 5px 1px 6px #f5edf5 ;
}

text2 {
	color:black ;
	text-shadow: 3px 1px 4px #f5edf5;
}

.logo {
	font-size:24px;
	margin:0;
	top:0px;
	position:relative;
}



body.index {
	background-color: #F5F5F5;	 
}
 
header {
	 width:100%;
	 height:50px;
	 background:#333;
	 color:#fff;
	 
	 position: fixed;
	 top:0;
	 left:0;
	 z-index:100;  
}
 
.contenedor {
	 
	 width:98%
	 margin: auto; 
 }
 
h1 {
	 float:left;
	 text-decoration:no
 }
 
h1 a {text-decoration:none;
 color: white;
}
 
.contenedorp {
	top:50%;
	background:rgba(0,0,0,0.6);
}

a {text-decoration:none;
  text-shadow: 2px 2px 3px #050405;
 }
 
#bienvenidos {background-color:#767676;
			background:-webkit-gradient(radial, 134 -378, 76, 112 -257, 465, from(#0F5228),to(#B6AABC)) ;
}
 
/* color hover etc--*/ 

footer .contendor:hover { background:rgba(51,51,51,09);}
	
a:visited {color:withe ;}

#blog a { text-align:center;} 

#blog  a:visited  {color: white;}  

#blog  a:active {color:black;}   
 	 
#blog a:hover { color:black ;}  
   
header .contendor {display: table;}

.info-yo a {color: gray ;}



.info-yo a:hover {color:white;}

footer a:hover {color:white ;}

section {
	width:100%;
	margin-bottom: 25px;
} 

#bienvenidos {
	text-align: center;	
}


footer .contendor {
	alignment-adjust:central;
	position:fixed;
	bottom:0;
	z-index:50;
	background:white;
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: center; 
	padding-bottom:25px;
}



.copy {
	font-size:20px; 
}

.sociales {
	width: 100%;
	text-align:center;
	font-size:28px;
}
	
.sociales a {
	color:#333;
	text-decoration: none;
}	
		

.espacio {
	position:relative;
	background-color: RGBA ( 7, 0, 6, 0,6 );
	padding:10px;
	margin:0;
	width:100%;
	height:50px;
}	
	
	
@media ( min-width:768px){
.sociales {
	width:auto;
}

footer .contenedor {
	justify-content: space-between;
}
}

	
@media ( min-width:1024px){
.contenedor {
	width:1000px;
	}
}