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

html {
    width: 100%;
	height: 100%;
}


body {
    width: 100%;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
}

/* Fonts */

h1, h2, h3, h4 {
	font-weight: 700;
}

p {
	font-size: 15px;
}

section li {
	font-size: 18px;
}

.frase {
	font-size: 48px;
	font-weight: 800;
}

.logo {
	text-align: center;
	margin: 0 auto;
}

.center-image {
	margin:0 auto;
    display: inline;
}

hr.small {
    max-width: 100px;
}

.fill {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.texture-overlay {
    background-image: url(../img/grid.png);
}

.large {
	font-size: 18px;
}

/* iframe */

.mapa {
	width: 100%;
	height: 300px;
	border: 2px solid #666;
}


/* Navigation */


.navbar-black {
	background-color: #000;
	opacity: 0.8;
	color: #ffffff;
}

.navbar-black a, .navbar-black a:focus {
	color: #ffffff;
}

.navbar-black a:hover,
.navbar-black a:active,
.navbar-black a:visited {
	color: #ffffff;
}

.navbar-black ul li a {
	background-color: #000000;
	color: #ffffff;
}


.navbar-black ul li a:hover {
	background-color: #2a2a72; 
	color: #ffffff;
}

.navbar-black ul li a:focus {
	background-color: #2a2a72; 
	color: #ffffff;
}

.navbar-black ul li a:visited {
	background-color: #2a2a72;
}

.navbar-header .navbar-toggle {
	background-color: #2a2a72;
}

.navbar-header .navbar-toggle:hover {
	background-color: #527cbc;
}

.navbar-black .navbar-toggle .icon-bar {
	background-color: #b6d0ed;
}





/* Sections */

.city {
	background: url(../img/sslp.jpg) no-repeat center top fixed;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	color: #ffffff;
}

.city h1 {
	font-weight: 800;
	fon-size: 45px;
}

#intro {
	background: #2a2a72 url(../img/slp.jpg) no-repeat center top fixed;
	color: #ffffff;
}

#about {
	background: url(../img/red_pattern.png);
	color: #ffffff;
}



#location {
	background: #7C878E url(../img/mapaslp.jpg) no-repeat center top fixed;
	background-color: #7C878E;
	color: #ffffff;
}

/* Callouts */

.callout1 {
	background: url(../img/mama_hija_leyendo.jpg) no-repeat center top fixed;
	padding: 100px 0px 100px 0px;
	text-align: center;
	color: #ffffff;
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.callout2 {
	background: url(../img/estudiantes.jpg) no-repeat center top fixed;
	padding: 100px 0px 100px 0px;
	text-align: center;
	color: #ffffff;
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}