@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

#posicionLogo{
    position: fixed;
    top: 5px;
	left:5px;
}

#imagenFondoIndex{
    background: url('http://www.austral3d.com/Aiep/templates/imagenes/nuevo_login/fondo.jpg') no-repeat fixed center center;
	background-size: cover;
}

#imagenFondoIndexAlumno{
    background: url('http://www.austral3d.com/Aiep/templates/imagenes/pagina_principal/render_01.png') no-repeat fixed center center;
	background-size: cover;
}

#imagenFondoDescargas{
    background: url('http://www.austral3d.com/Aiep/templates/imagenes/pagina_descarga/imagen_fondo.png') no-repeat fixed center center;
	background-size: cover;
}

#imagenFondoVideos{
    background: url('http://www.austral3d.com/Aiep/templates/imagenes/pantalla_videos/fondo.png') no-repeat fixed center center;
	background-size: cover;
}

#imagenFondoPassword{
    background: url('http://www.austral3d.com/Aiep/templates/imagenes/pantalla_cambiar_clave/imagen_fondo.png') no-repeat fixed center center;
	background-size: cover;
}

#mail{
	position: relative;
	width:450px;
    top: 270px;
	left: 60%;
	height: 40px;
}

#password{
	position: relative;
	width:450px;
    top: 320px;
	left: 60%;
	height: 40px;
}

#submitButton{
	background-image: url('http://www.austral3d.com/Aiep/templates/imagenes/nuevo_login/boton_claro.jpg') no-repeat;
	position: relative;
    top: 370px;
	left: 60%;
	width: 450px;
	height: 64px;
}

#logo1{
	position: absolute;
    top: 20px;
	left:20px;
}

#logo2{
	position: absolute;
    top: 0px;
	left:40%;
}

#logo3{
	position: absolute;
    top: 20px;
	right:2%;
}

#logo4{
	position: fixed;
    top: 5px;
	left:20px;
}

#logo5{
	position: fixed;
    top: 5px;
	right:2%;
}

#posicionMenu{
    position: fixed;
    top: 0px;
	width:100%;
	left: 0px;
}

#posicionBarra{
    position: absolute;
    top: 50px;
	width:100%;
	left: 0px;
	font-family: 'Montserrat', sans-serif;
}





ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

#linkMenu:link, #linkMenu:visited {
    display: block;
    width: 130px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#linkMenu:hover, #linkMenu:active {
	color: #99CC32;
}

#posicionVideo1{
    position: absolute;
    top: 200px;
	left: 20px;
}

#posicionVideo2{
    position: absolute;
    top: 200px;
	left: 700px;
}

#posicionVideo3{
    position: absolute;
    top: 600px;
	left: 20px;
}

#posicionVideo4{
    position: absolute;
    top: 600px;
	left: 700px;
}

#posicionVideo5{
    position: absolute;
    top: 1000px;
	left: 20px;
}

#posicionVideo6{
    position: absolute;
    top: 1000px;
	left: 700px;
}

#cuadroCambiarPassword{
    background-color: blue;
	color: black;
	font-size:18px;
	width: 500px;
	height: 290px;
	box-shadow:5px 6px 8px #800000;
	display: block;
	margin-left: auto;
    margin-right: auto;
	position: absolute;
	top: 200px;
	left: 30%;
}

#password_anterior{
	position: relative;
	width:400px;
    top: 20px;
	left: 45px;
	height: 40px;
}

#boton_modificar_password{
	position: relative;
	width:400px;
    top: 20px;
	left: 45px;
	height: 40px;
}

#posicionB{
    position: absolute;
    top: 0px;
	left: 35%;
	font-family: 'Montserrat', sans-serif;
	color: #579adb;
}

#posicionC{
    position: relative;
    top: 250px;
	left: 35%;
	width: 400px;
}

#posicionD{
    position: absolute;
    top: 100px;
	left: 0px;
    width: 100%;
	font-family: 'Montserrat', sans-serif;
    height: 60px;
}

#posicionVideoIndex{
    position: absolute;
    top: 20%;
	left: 20%;
}

#posicionDiapo{
    position: relative;
    top: 100px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#posicionBotonAnterior{
    position: absolute;
    top: 130px;
	right: 52%;
}

#posicionBotonSiguiente{
    position: absolute;
    top: 130px;
	left: 52%
}

#contenedorBoton{
    position: relative;
    height: 50px;
}

#loginInvalido {
position: absolute;
top: 40%;
left: 45%;
width: auto;
height: 100px;
padding:20px 20px;
font-size: 16px;
background-color: red;
font-family: 'Montserrat', sans-serif;
color: white;
box-shadow:5px 6px 8px #800000;
}

#mens {
position: absolute;
top: 40%;
left: 45%;
width: auto;
height: 100px;
padding:20px 20px;
font-size: 16px;
background-color: blue;
color: white;
box-shadow:5px 6px 8px #800000;
font-family: 'Montserrat', sans-serif;
}

#tabla1 {
position: relative;
top: 20px;
left: 0px;
width: 500px;
font-family: 'Montserrat', sans-serif;
}

#tabla2{
position: relative;
top: 20px;
left: 0px;
width: 400px;
font-family: 'Montserrat', sans-serif;
}

#tabla3{
position: relative;
top: 20px;
left: 0px;
width: 800px;
font-family: 'Montserrat', sans-serif;
}

#tabla4{
position: relative;
top: 20px;
left: 0px;
width: 1200px;
font-family: 'Montserrat', sans-serif;
}

#cuadroAzul {
background-color: #579adb;
color: white;
font-size:16px;
width: 700px;
box-shadow:5px 6px 8px #800000;
top: 130px;
position: absolute;
left:25%;
text-align: center;
font-family: 'Montserrat', sans-serif;
}

#cuadroAzul2 {
background-color: #579adb;
color: white;
font-size:16px;
width: 700px;
box-shadow:5px 6px 8px #800000;
top: -10px;
position: relative;
left:0px;
text-align: center;
font-family: 'Montserrat', sans-serif;
}

#posicionTablaResumenGeneral {
color: white;
width: 300px;
right: 20%;
top: 440px;
position: absolute;
}

#posicionTablaNivel {
color: white;
width: 350px;
left: 20px;
top: 220px;
position: absolute;
}

#posicionGrafico1{
    position: absolute;
    top: 500px;
	width: 500px;
	left: 20px;

}

#posicionGrafico2{
    position: relative;
    top: 100px;
	width:500px;
	left: 0px;
}

#posicionGrafico3{
    position: absolute;
    top: 800px;
	width:600px;
	right: 30px;
}

#posicionGrafico4{
    position: absolute;
    top: 120px;
	width:600px;
	right: 30px;
}

#cuadroAzulNivel {
background-color: #579adb;
color: white;
font-size:16px;
width: 500px;
box-shadow:5px 6px 8px #800000;
top: 130px;
position: absolute;
left:20px;
text-align: center;
font-family: 'Montserrat', sans-serif;
}


#posicionTablaEstadisticasPorNivel {
color: white;
width: 300px;
left: 20px;
top: 440px;
position: absolute;
}

#posicionTablaAlumnos {
color: white;
width: 1200px;
left: 20px;
top: 220px;
position: absolute;
}

#cuadroVerde {
background-color: #99CC32;
color: white;
box-shadow:5px 6px 8px #800000;
font-family: 'Montserrat', sans-serif;
text-align: center;
}

#saltoLinea {
height:50px;
}

#posicionAdmin{
color: white;
width: 100%;
left: 10px;
top: 200px;
position: absolute;
}

#cuadroVerdeAdmin {
background-color: #99CC32;
color: white;
box-shadow:5px 6px 8px #800000;
font-family: 'Montserrat', sans-serif;
text-align: center;
width:200px;
}

.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color: #99CC32;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color: white;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}







.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}