@charset "utf-8";
/* CSS Document */
.fondo{
	background: #933;
}
#logo {
	width: 130%;
	max-width:100%;
	height: auto;
	vertical-align: bottom;
	padding-top: 1em;
	padding-bottom:0.5em;
	
}
#facebook {
	float:left;
	

}


header p {
	margin:0;
}
.navbar-default{
	background-color:transparent;
	border:none;
	
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #96110d;
    font-size: 16px;
}
#secciones {
	background-color:-webkit-box-shadow: -1px 2px 14px 0px rgba(158,158,158,1);
-moz-box-shadow: -1px 2px 14px 0px rgba(158,158,158,1);
box-shadow: -1px 2px 14px 0px rgba(158,158,158,1);
}
#principal {
	background-image: url(../img/fondo.gif);
}
nav {
	margin-top:0em;
	margin-left:0em;
}


h1 {
	font-size: 20px;
}
.uno {
	font-size: 20px;
	font-family: Arial,sans-serif;
	color: #FFF;
	font-weight:bold;
	padding: 3em 0.5em 0.4em 2em;
	
}
.dos {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: justify;
	color: #FFF;
	padding: 0.3em 2em 2em 3em;
	  
}
.tres {
	color:#000;
	padding: 3em 2em 2em 2em;
	font-size: 20px;
	font-family: Arial,sans-serif;
	font-weight:bold;
	}
.cuatro {
	color:#333;
	padding: 0.3em 2em 2em 3em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}	

.pie  {
	text-align: center;
	color: #900;
	font-family: "Arial", Gadget, sans-serif;
	font-size: 11px;
}
.pie2  {
	text-align: left;
	font-size: 9px;
	color: #999;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
.navbar {
	margin-bottom: auto;
}
footer {
	margin-top: 3em;
	padding-top: 1em;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #900;
	
	
}
.fotos {
	width: 100%;
	height:auto;
	
	}



@media (min-width:768px){

nav {
	margin-top:5em;
	margin-left:0em;
	float:right;
	
	
}
#logo {
	width: 130%;
	max-width:400px;
	height: auto;
	vertical-align: bottom;
	padding-top: 1em;
	padding-bottom:0.5em;
	
}
.uno {
	font-size: 20px;
	font-family: Arial,sans-serif;
	color: #FFF;
	font-weight:bold;
	padding: 3em 0.5em 0.4em 4.5em;
	
}
.dos {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: justify;
	color: #FFF;
	padding: 0.3em 2em 2em 6.4em;
	  
}
.tres {
	color:#000;
	padding: 3em 2em 2em 3em;
	font-size: 20px;
	font-family: Arial,sans-serif;
	font-weight:bold;
	}
.cuatro {
	color:#333;
	padding: 0.3em 2em 2em 4em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}

#facebook {
	float:right;
	

}
}