/* GENERAL */

body{
	padding-top:50px; 
	
	
background-color:#e7d6a2;
color:black;
  
	}
	
	
	.wrap {
		
		
		padding-top: 50px;
		padding-bottom: 50px;
		
		
		
		}
		
		
		.header-section{
			
			text-align:center;
			webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;
			padding-bottom:50px;
					
			}
	
h1{
	
	font-family: 'graduate', cursive;
	
	}
	
	
h2{
	
	font-family: 'pacifico', cursive;}


 
#title-enroll .jumbotron {

background-image: url("../imagenes/banner1.png");
background-repeat: no-repeat ; 
background-size:cover;
-webkit-font-smoothing:antialiased;
text-rendering:optimizelegibility;
text-align:center;
color:black;
padding-top:60px;
margin-bottom:0px;
}


hr{ 
   height:5px; 
   background-color:#4EC0C0; 
   border:none; 
   
 } 

#explicacion{
	
	text-align:center;
	
	padding-bottom:20px;
	padding-top:10px;
	
	background: -webkit-linear-gradient( #e7d6a2,#fbeccd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e7d6a2,#fbeccd); /*For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e7d6a2,#fbeccd); /*For Firefox 3.6 to 15 */
  background: linear-gradient(#e7d6a2,#fbeccd);  /*Standard syntax */
	
	
	
	
	
	}
	
	
	
	#tienda{
	
	text-align:center;
	
	padding-bottom:20px;
	padding-top:10px;
	

	background: -webkit-linear-gradient( #e7d6a2,#fbeccd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e7d6a2,#fbeccd); /*For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e7d6a2,#fbeccd); /*For Firefox 3.6 to 15 */
  background: linear-gradient(#e7d6a2,#fbeccd);  /*Standard syntax */
	
	
	
	
	}
	
	
	
	
#oferta{
	
	text-align:center;
	
	padding-bottom:30px;
	background-color: red;
	
	background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white,#fbeccd, ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white,#fbeccd ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #fbeccd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #fbeccd); /* Standard syntax */
	
	
	
	
	}
	
#explicacion h2 {text-align:center}
	
#ayuda{
	
	background: -webkit-linear-gradient(white,#2FB3E8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white,#2FB3E8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #2FB3E8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #2FB3E8); /* Standard syntax */
	
	text-align:center;
	color:black;
	
	padding-bottom:40px;
	margin-bottom:0px;
	padding-top:50px;
	
	}
	
	
	
	
		
		
		
		
	
	.presentacion{
		
		background: -webkit-linear-gradient( #e7d6a2,#fbeccd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e7d6a2,#fbeccd); /*For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e7d6a2,#fbeccd); /*For Firefox 3.6 to 15 */
  background: linear-gradient(#e7d6a2,#fbeccd);  /*Standard syntax */
		
		
		
		
		
		

		text-align:justify;
		padding-bottom:30px;
		padding-top:30px;
		
		
		
		
		}
		
		
		#primerapregunta{
			
		padding-top:10px;
		padding-bottom:25px;
		padding-left:30px;
		
		text-align:center;
		
			background: -webkit-linear-gradient( white,#CCCCFF ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white,#CCCCFF  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white,#CCCCFF  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white,#CCCCFF  ); /* Standard syntax */
			COLOR:BLACK;
			
			
			}
			
			
			
		#segundapregunta{
			
		padding-top:10px;
		padding-bottom:25px;
		padding-left:30px;
		
		text-align:center;
		
			background: -webkit-linear-gradient(white, yellow); /*for Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white,yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white,yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, yellow); /* Standard syntax */
			COLOR:BLACK;
			
			
			}	
			
			
			#tercerapregunta{
			
		padding-top:10px;
		padding-bottom:25px;
		padding-left:30px;
		
		text-align:center;
		
			background: -webkit-linear-gradient(white,green); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white,green); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white,green ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, green); /* Standard syntax */
			COLOR:BLACK;
			
			
			}
			
			
			#cuartapregunta{
			
		padding-top:10px;
		padding-bottom:25px;
		padding-left:30px;
		
		text-align:center;
		
			background: -webkit-linear-gradient(white, orange); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, orange); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white,orange ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( white,orange ); /* Standard syntax */
			COLOR:BLACK;
			
			
			}
			
			#quintapregunta{
			
		padding-top:10px;
		padding-bottom:25px;
		padding-left:30px;
		
		text-align:center;
		
			background: -webkit-linear-gradient(white,#FA9393 ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #FA9393); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white,#FA9393 ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( white,#FA9393 ); /* Standard syntax */
			COLOR:BLACK;
			
			
			}
			
			
			
			#sextapregunta{
			
		padding-top:10px;
		padding-bottom:25px;
		padding-left:30px;
		
		text-align:center;
		
			background: -webkit-linear-gradient(gray,white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(gray, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(gray, white ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( gray, white ); /* Standard syntax */
			COLOR:BLACK;
			
			
			}
			
			
			
			
footer { 

	background: -webkit-linear-gradient(#77C88D,#6EB77F,#598C67);  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#77C88D,#6EB77F,#598C67); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(#77C88D,#6EB77F,#598C67); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#77C88D,#6EB77F,#598C67,);/* Standard syntax */
background-color:#6EB77F ;
  
  


text-align:center;
padding:10px;

color:white;
}


#autor .datos{
	text-align:center;
	
	
	}
	
	.badge.datos{
		
	background-color:#16B6C6;
	font-size:20px;
	height:35px;
	width:35px;
	text-align:center;
	line-height:35px;
	margin-top:5px;
	padding:0;
	border-radius:35px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	color:white;
		
		}
		
		.badge.datos.curriculum:hover {background:#DE3F18;}
		.badge.datos.facebook:hover {background:green;}
		.badge.datos.correo:hover {background:#FDC00F;}