@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);


body
	{
		margin: 0px;
		padding: 0px;
		background: #86c5f0;
		font-family: 'Roboto Condensed', sans-serif;		
	}

.page-header{
	border-bottom:0px solid ;
}
.page-header h1 { 
	font-size: 2.3em;
	font-style:uppercase;
	color: #003366;
}
.img-center {margin:0 auto;}

.img-responsive {/*codigo para que la imagen sea responsive*/
	margin:0 auto;
}
.page-header #logo2/*margenes del logo de la derecha*/
	{
	margin:0.250em 0.5em 0.250em 4em;
	}
#banner h1{ /*Primera Linea del nombre del curso*/
	font-size: 1.8em;
	font-weight:bold;
	color: #00AEEF;
	}
#banner h2{/*Segunda Linea del nombre del curso*/
	font-size: 1.6em;
	font-weight:bold;
	color: #210a58;
}

#banner h3{/*tercera Linea del nombre del curso*/
	font-size: 2em;
	font-weight:bold;
	font-style:italic;
	color:#1A3B68;
}
nav li{/*Menu*/
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px; 
	-webkit-border-radius: 7px 7px 0px 0px;
	color:#fff;
	/*background: #7b738b;*/
	text-decoration: none;
	font-size:0.8em;
	text-transform:uppercase;
}

nav.navbar-default{/*fondo principal menu*/
	background: #86c5f0;
	
	border-style:none;}

nav #navi li.active a{/*fondo del item active*/
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px; 
	-webkit-border-radius: 7px 7px 0px 0px;
	 color:#fff;	
	background: #008CD7;
}	
nav #navi li.active a:hover{/*fondo al pasar el mouse encima*/
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px; 
	-webkit-border-radius: 7px 7px 0px 0px;
	color: #00008B;	
	background: #E0FFFF;
}	
nav #navi li a{
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px; 
	-webkit-border-radius: 7px 7px 0px 0px;
	 color:#fff;
	background: #008CD7;
	 font-size:1.3em;
	 text-transform:uppercase;
}	
nav #navi li a:hover{
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px; 
	-webkit-border-radius: 6px 6px 0px 0px;
	 color: #00008B;	
	background: #E0FFFF;
	 font-size:1.3em;
	 text-transform:uppercase;
}
nav .navbar-header .navbar-brand{/*palabra menu*/
	 color: #00008B;
	 font-size:1em;
	 }
	 
nav .navbar-header .navbar-brand:hover{
	 color:#1E90FF;}
nav >.navbar-brand >.navbar-left a{
	padding:auto;
	font-size:1em;}
article .panel .panel-heading{/*titulo del tema*/
	color:#fff;
	background: #008CD7;
	font-size:1.5em;
	text-transform:uppercase;
	border:0px solid;}
article .panel {
	
	border-style:none;
	}


article .panel .panel-body{
	color: 	#00008B;
	background:#ADD8E6;
	border-style:none;
	font-size:1em;
	}
article .panel .panel-body .container-fluid p a{
	color:#6495ED;
	font-size:1em;
	font-weight:bold;
	}
article .panel .panel-body .container-fluid h1{
	color:#00008B;
	font-size:1.5em;
	font-weight:bold;
	}
article .panel .panel-body .container-fluid h2x{
	color:#00008B;
	font-size:1.5em;
	font-weight:bold;
	}
article .panel .panel-body .container-fluid ul li{
	font-family: 'Roboto Condensed', sans-serif;
	color: #00008B;
	font-size:1.25em;	
	}
article .panel .panel-body .container-fluid ul li > ul{
	color: #00008B;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.25em;	
	}
article .panel .panel-body .container-fluid ol li{
	color: #00008B;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.25em;	
	}
	article .panel .panel-body .container-fluid dl dd{
	color: #00008B;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.25em;
	font-weight:bold;
	}
footer .container .footer-text p{
	color:#6495ED;
	font-size:1em;
	
	}

.content-section {
    padding-top: 100px;
}

.sep-menu {
    padding-top:2em;
	
}
.push{
	margin-right:5em;}
	
/*p {
    margin: 0 0 25px;
    font-size: 1.125em;
    line-height: 1.5;
	text-align:justify;
}
*/
 

@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}

@media(min-width:767px) {
    .content-section {
        padding-top: 200px;
    }

    
}