@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto|Rancho);
@font-face
{
 font-family: 'lapiz';
 src: url('lapiz.ttf');
}

.redireccion
{
padding: 20px 20px 20px 20px;
	text-align: center;
	color: #000000;
					font-weight:bold;
		font-family: 'lapiz', Verdana, Geneva, sans-serif;
		font-size:30px;
}

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

.flex-video.widescreen { padding-bottom: 57.25%; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

body { background-color:#46d0e7; 
margin:0;
padding:0;
font-family: 'Roboto', Verdana, Geneva, sans-serif;
background-image:url(fondo.jpg);
background-position:top center;
background-repeat: no-repeat;
             }
			 
		
			 
			 .derechar
	{
		text-align:right ;
		padding-top:5px;	
	}

			 .header
{
	}
	
	
	.tablero2
{
	background-color:#ffffff;
	height:500px;
	background-image:url(tableroabajo.jpg);
	background-position:top center;

	}
	
	.tablero
{
	background-color:#00472E;
	color:#FFFFFF;
	 margin: -20px 0 0 0;
					 padding: 30px 10px 30px 10px;
	background-image:url(tablero.jpg);
	background-repeat:repeat-x;
	font-size:20px;
	text-align:justify;
	}
	
	.tablero h2 {

		font-weight:bold;
		font-family: 'lapiz', Verdana, Geneva, sans-serif;
	}
	
	#cajatitulo {
				font-weight:bold;
		font-family: 'lapiz', Verdana, Geneva, sans-serif;
		font-size:22px;
	}
	
	.blanco
{

	margin:14px 5px 10px 5px;
	padding:20px 10px 10px 20px;
	color:#ffffff;
					font-weight:bold;
		font-family: 'lapiz', Verdana, Geneva, sans-serif;
		font-size:22px;
	}
	
	.principal img
{
border: 6px solid #f9f5ee;
		-webkit-box-shadow: 0px 0px 7px 0px #3c3323;
	-moz-box--shadow: 0px 0px 7px 0px #3c3323;
	box-shadow: 0px 0px 7px 0px  #3c3323;
					    
	}

	.videosteacher img
{
	border: 4px solid #ffffff;
		-webkit-box-shadow: 0px 0px 7px 0px #0e1a12;
	-moz-box--shadow: 0px 0px 7px 0px #0e1a12;
	box-shadow: 0px 0px 7px 0px  #0e1a12;
	}
	
	.videosteacher
	{
		font-family: 'Rancho', cursive;
	font-size:20px;
		}
		
		.videosteacher2 img
{
	margin:10px 0 10px 0;
	border: 4px solid #ffffff;
		-webkit-box-shadow: 0px 0px 7px 0px #0e1a12;
	-moz-box--shadow: 0px 0px 7px 0px #0e1a12;
	box-shadow: 0px 0px 7px 0px  #0e1a12;
	}
	
	.videosteacher2
	{
		font-family: 'lapiz', Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
		}

	
.footer
{
	background-image:url(paisaje.png);
	background-position:center top;
	padding: 40px 0 0px 0;
	margin: -500px 0 0 0;
		font-weight:bold;
		font-size:15px;
		font-family: 'lapiz', Verdana, Geneva, sans-serif;
	color:#ffffff;
	width:100%;
	height:500px;
position:absolute;
	text-align:center;
	z-index: 9999; 
	background-repeat:no-repeat;
	}
	
	 th
{
background-color:#fbc16c;
	color:#201200;
	background-image:url(menu.jpg);
background-repeat:repeat-x;
background-position:bottom;
border: 1px solid #251500;
	}
	
	.navbar{background-color:#fbc16c;
	color:#7f6135;
	background-image:url(menu.jpg);
background-repeat:repeat-x;
background-position:bottom;
	}  
    
    
    .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color:#f0dfb4;
		  			transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
text-shadow: -2px -2px 1px #352411, 2px 2px 1px #352411, -2px 2px 1px #352411, 2px -2px 1px #352411;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
font-family: 'Rancho', cursive;
	font-size:30px;
	text-shadow: -2px -2px 1px #644420, 2px 2px 1px #644420, -2px 2px 1px #644420, 2px -2px 1px #644420;
	padding-top:20px;
padding-bottom:20px;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #cf0000;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

 .btn-personal{color:#00472e;background-color:#FFFFFF;border-color:#00472e;}.btn-personal:hover,.btn-personal:focus,.btn-personal:active,.btn-personal.active,.open .dropdown-toggle.btn-personal{color:#00472e;background-color:#FFFFFF;border-color:#00472e;}.btn-personal:active,.btn-personal.active,.open .dropdown-toggle.btn-personal{background-image:none}.btn-personal.disabled,.btn-personal[disabled],fieldset[disabled] .btn-personal,.btn-personal.disabled:hover,.btn-personal[disabled]:hover,fieldset[disabled] .btn-personal:hover,.btn-personal.disabled:focus,.btn-personal[disabled]:focus,fieldset[disabled] .btn-personal:focus,.btn-personal.disabled:active,.btn-personal[disabled]:active,fieldset[disabled] .btn-personal:active,.btn-personal.disabled.active,.btn-personal[disabled].active,fieldset[disabled] .btn-personal.active{background-color:#FFFFFF;border-color:#00472eff;}.btn-personal .badge{color:#00472e;background-color:#FFFFFF;}

.g-ytsubscribe
{
	color:#FFFFFF; !important
}
	.pagina
{
	}
	
	 #informacion a
{
	color:#eaffd7;
	text-decoration:none;
	
	}
	
	 #informacion a:hover
{
	color:#d7f3bf;
	text-decoration:none;
	
	}
	
	.normal
{
	background-color:#FFF;
	color:#101b06s;
	border: 1px solid #251500;
	}
	
	.formasdepago
	{
		background-color:#ffffff;
	color:#294100;
	font-size:20px;
	text-align:center;
	}
	
.pago
	{
		background-color:#fbf3d8;
	color:#503e00;
	padding:20px 5px 20px 5px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	}
	
	.pagop
	{
		background-color:#fbf3d8;
	color:#503e00;
	padding:5px 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
	
	.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	.espacio
{
	padding-top:10px;
	padding-bottom:10px;
	}
	
 .centrado{
text-align:center;
margin: 0 auto;
}

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

.adaptar{width: 100%;}

@media screen and (max-width:580px) {
	#centrax {
text-align:center; 
margin:0 auto;
width:100%;
	}
	
	#centrax img {
		margin:0 auto;
		text-align:center; 
		}
	
	
}