*{
	margin: 0;
	padding: 0;
	border 0;
}

body{
    font-family: Calibri, Arial, sans-serif;
    font-size: 18px;
}

section{
	margin: 0 auto;
	width: 70%;
    //height: 800px;
    background-color: #fff;
	border-bottom: 1px solid #9c9d9d;
}

footer{
	margin: 0 auto;
	width: 70%;
    height: 110px;
    background-color: #1d1d1d;
	border-radius: 0 0 5px 5px;	
	box-shadow: 0 6px 10px -2px #3f4143;
}

.pie{
	position: relative;
	width: 20%;
	height: 100px;
	float: left;
}

.pie-2{
	position: relative;
	width: 40%;
	height: 100px;
	float: left;
}

.pie-3{
	position: relative;
	width: 39%;
	height: 100px;
	float: left;
}

footer li{
	font-size: 12px;
	font-weight: lighter;
	margin-top: 1px;
	margin-left: 35px;
}

footer a {
    text-decoration: none;
    color: #c3c3c3;
}

footer a:hover {
    text-decoration: none;
    color: #FFFF00;
}

.articulos{
	width: 100%;
	height: 350px;
    background-color: #fff;
}

select{
	margin-left: 5px;
	margin-top: 5px;
	max-width: 270px;
	height: 30px;
	font-size: 12px;
	color: #800000;
	border: none;
	border-radius: 5px;	
	box-shadow: 0 6px 10px -2px #3f4143;
}

.articulo-1{
	position: relative;
	margin-top: 20px;
	width: 32%;
	height: 300px;
    background: -ms-linear-gradient(#C0C0C0, #fff);
    background: -moz-linear-gradient(#C0C0C0, #fff);
    background: -webkit-linear-gradient(#C0C0C0, #fff);
    background: linear-gradient(#C0C0C0, #fff);
	//border: 1px solid #9c9d9d;
	border-radius: 5px;	
	box-shadow: 0 6px 10px -2px #3f4143;
	float: left;
}

.articulo-2{
	position: relative;
	margin-top: 20px;
	width: 32%;
	height: 300px;
    background: -ms-linear-gradient(#C0C0C0, #fff);
    background: -moz-linear-gradient(#C0C0C0, #fff);
    background: -webkit-linear-gradient(#C0C0C0, #fff);
    background: linear-gradient(#C0C0C0, #fff);
	//border: 1px solid #9c9d9d;
	border-radius: 5px;	
	box-shadow: 0 6px 10px -2px #3f4143;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
}

.articulo-3{
	position: relative;
	margin-top: 20px;
	width: 32%;
	height: 300px;
    background: -ms-linear-gradient(#FF9900, #FFCC00);
    background: -moz-linear-gradient(#FF9900, #FFCC00);
    background: -webkit-linear-gradient(#FF9900, #FFCC00);
    background: linear-gradient(#FF9900, #FFCC00);
	//border: 1px solid #9c9d9d;
	border-radius: 5px;	
	box-shadow: 0 6px 10px -2px #3f4143;
	float: left;
}

.titulo{
	color: #333333;
	font-size: 20px;
	padding: 15px;
	border-bottom: 1px solid #9c9d9d;
}

.titulo-pie{
	color: #3366CC;
	font-size: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
}

li{
	font-size: 15px;
	font-weight: lighter;
	margin-top: 5px;
	margin-left: 45px;
}

.etiqueta{
	color: #993300;
	font-size: 18px;
	padding-top: 20px;
	padding-left: 10px;
}

.seleccionar-colegio{
	padding-left: 10px;
	padding-bottom: 10px;
}

.poner-boton{
	margin-top: 30px;
	margin-left: 30px;
}

.boton{
    background:#0D98FB; 
    background-image: -webkit-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(top,#0D98FB,#1A5DB3);  
    background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);   
    border: 1px solid #125CB5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #71C0FD inset;
    -webkit-box-shadow: 0 1px 1px #71C0FD inset;
    -o-box-shadow: 0 1px 1px #71C0FD inset; 
    box-shadow: 0 1px 1px #71C0FD inset;
    padding: .5em 1em;
    color: white;
    font-weight:normal;
    text-decoration:none;
}

.poner-boton2{
	margin-top: 15px;
	margin-left: 15px;
}

.boton2{
    background:#0D98FB; 
    background-image: -webkit-linear-gradient(top,#FF9900,#CC6600);
    background-image: -moz-linear-gradient(top,#FF9900,#CC6600);
    background-image: -o-linear-gradient(top,#FF9900,#CC6600);  
    background-image: linear-gradient(to bottom,#FF9900,#CC6600);   
    border: 1px solid #663300;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #71C0FD inset;
    -webkit-box-shadow: 0 1px 1px #71C0FD inset;
    -o-box-shadow: 0 1px 1px #71C0FD inset; 
    box-shadow: 0 1px 1px #71C0FD inset;
    padding: .4em 1em;
    color: white;
    font-weight:normal;
    text-decoration:none;
    font-family: Calibri, Arial, sans-serif;
    font-size: 18px;
}

.boton:hover {
    background:#1A5DB3;
    background-image: -webkit-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(bottom,#0D98FB,#1A5DB3);   
    background-image: linear-gradient(to top,#0D98FB,#1A5DB3);
    cursor: pointer;
}

.boton2:hover {
    background:#1A5DB3;
    background-image: -webkit-linear-gradient(bottom,#FF9900,#CC6600);
    background-image: -moz-linear-gradient(bottom,#FF9900,#CC6600);
    background-image: -o-linear-gradient(bottom,#FF9900,#CC6600);   
    background-image: linear-gradient(to top,#FF9900,#CC6600);
    cursor: pointer;
}

.imagen-login{
	//display: block;
	position: absolute;
	margin-left: 150px;
	margin-top: -25px;
	width: 130px;
	height: 130px;
	background-image: url(imagenes/login.png);
	background-size: 130px 130px;
}

.registro a {
    display: block;
    height: 35px;
   	padding: 15px 0 0 0;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #c3c3c3;
    text-shadow: 0 1px 0 #000;
	font-size: 18px;
	font-weight: lighter;
}

.registro a:hover {
    color: #c5c5c5;
    background: -ms-linear-gradient(#3366FF, #000080);
    background: -moz-linear-gradient(#3366FF, #000080);
    background: -webkit-linear-gradient(#3366FF, #000080);
    background: linear-gradient(#3366FF, #000080);
}


.principal{
	width: 100%;
	height: 200px;
	background-color: #fff;
	border-bottom: 1px solid #9c9d9d;
}

.imagen{
	position: relative;
	width: 45%;
	height: 190px;
	float: left;
	background-color: #fff;
}

.docente{
	display: block;
	position: absolute;
	width: 450px;
	height: 177px;
	background-image: url(imagenes/docente-sised.jpg);
	background-size: 450px 177px;
}

.queessised{
	position: relative;
	width: 55%;
	height: 190px;
	float: left;
	background-color: #fff;
}

.queessised h1{
	color: #003399;
	font-size: 40px;
	font-weight: lighter;
	margin-top: 5px;
}

.queessised li{
	color: #003399;
	font-size: 15px;
	font-weight: lighter;
	margin-top: 5px;
	margin-left: 25px;
}

.queessised b{
	color: rgb(131, 25, 124);
	font-size: 20px;
	font-weight: lighter;
}



// ojo este es para la entrada del docente
.login{
	height: 200px;
    background: -ms-linear-gradient(#fff, #C0C0C0);
    background: -moz-linear-gradient(#fff, #C0C0C0);
    background: -webkit-linear-gradient(#fff, #C0C0C0);
    background: linear-gradient(#C0C0C0, #fff);
	border: 1px solid #9c9d9d;
	border-radius: 5px;	
	box-shadow: 0 6px 10px -2px #3f4143;
	margin-bottom: 15px;
}


nav {
	margin: 0 auto;
	width: 70%;
    line-height: 40px;
    font-size: 18px;
    background-color: #1d1d1d;
}

.menu {
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

nav a {
    //display: block;
    min-width: 20px;
    padding: 0 1.8rem;
    border-right: 1px dotted #3D3D3D;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #c3c3c3;
    text-shadow: 0 1px 0 #000;
}

nav a:first-child {
    border-left: 1px dotted #3D3D3D;
}

nav a:hover {
    color: #D58C0C;
    background-color: black;
}

nav .active {
    color: #fff;
    background: -ms-linear-gradient(#c95656, #8d0606);
    background: -moz-linear-gradient(#c95656, #8d0606);
    background: -webkit-linear-gradient(#c95656, #8d0606);
    background: linear-gradient(#c95656, #8d0606);
}

nav .active:hover {
    color: #fff; /* Overrides hover effect for active page link */
}

header{
	margin: 0 auto;
	width: 70%;
	height: 60px;
}

.logo{
	position: relative;
	width: 60%;
	height: 100%;
	float: left;
}

.logo-sised{
	display: block;
	position: absolute;
	margin-top: 10px;
	margin-left: 5px;
	width: 102px;
	height: 44px;
	background-image: url(sised5/imagenes/logo-sised.png);
	background-size: 102px 44px;
}

.logo-p{
	display: block;
	position: absolute;
	margin: 2px;
	width: 185px;
	height: 55px;
	background-image: url(imagenes/microsoft-p.png);
	background-size: 185px 55px;
}

.logo-e{
	display: block;
	position: absolute;
	margin: 2px;
	width: 185px;
	height: 55px;
	background-image: url(imagenes/microsoft-e.png);
	background-size: 185px 55px;
}

.certificado{
	position: relative;
	width: 20%;
	height: 100%;
	float: left;
	margin: 0%;
}

optgroup{
    font-family: Calibri, Arial, sans-serif;
    font-size: 21px;
	background-color: #666666;
	color: #fff;
}

option{
    font-size: 14px;
	//background-color: #CCFFFF;
	color: #1d1d1d;

}