/* INICIO INDEX*/
/* INICIO INDEX*/
/* INICIO INDEX*/
/* INICIO INDEX*/
html {
    margin: 0;
    background-image: url(imgs/fondius.jpg);
    background-repeat: repeat;}

body {
    margin: 0;
    font-size: 15px;
    font-family: 'Dosis', sans-serif;}

#pagina {
    max-width: 960px;
    margin: 0 auto;
    }

/*cabecera*/

img {
    width: 100%;
    height: auto;}

header {
    width: 100%;
    height: auto;}

#mainmenu {
    width: 100%;
    height: 70px;
    background-color: rgba(255, 246, 59, 0.6);
    margin-top: 10px;
    text-align: center;}

#banderin {
    margin-top: 0px;}

#logo {
    width: 170px;
    height: 70px;
    background-image: url(imgs/logo.gif);
    background-repeat: no-repeat;
    margin-left: 1%;
    float: left;}

header nav {
    float: left;}

header nav ul {
    list-style: none;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 20px;}

header nav ul li a {
    text-decoration: none;
    color: #333;
    font-weight:800;
    padding: 10px 10px 10px 10px;
    font-size: 1.2em;}

header nav ul li a:hover {
    color: #ffa342;
    background-color: #bbff78;}

.Selecc {
    color:#ffa342;
    background-color: #bbff78;}



/* Responsive Cabecera */


@media screen and (max-width:2000px){
    
    #ResPonsive {
    display: none;}
    
}


@media screen and (max-width:768px){
    
#logo {
    width: 100px;
    height: 70px;
    background-image: url(imgs/logoR.png);
    background-repeat: no-repeat;
    margin-left: 2%;
    float: left;}
    
    
header nav ul li a {
    text-decoration: none;
    color: #333;
    font-weight:800;
    padding: 10px 10px 10px 10px;
    font-size: 1em;}

}

@media screen and (max-width:320px){
    
#logo {
    width: 100px;
    height: 70px;
    background-image: url(imgs/logoR.png);
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-top: 22%;}


#banderin {
    display: none;}
    
header nav ul li a {
    text-decoration: none;
    color: #333;
    font-weight:800;
    padding: 10px;
    font-size: 1.3em;}

#mainmenu {
    width: 100%;
    height: 215px;
    background-color: rgba(255, 246, 59, 0.6);
    text-align: left;}
    

header nav ul {
    list-style: none;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;}
    
    

}

/* INICIO MAIN */



main {
    margin-top: 2%;
    width: 100%;
    height: auto;}

aside {
    width: 25%;
    height: 200px;
    float: right;}

section {
    float: left;
    width: 75%;
    height: auto;
    display: block;}

main section article {
    width: 100%;
    height: 200px;
    margin-right:1%;}

.lineaA{
    width: 100%;
    height: 2px;
    background-color: #333;}

.lineaB{
    width: 100%;
    height: 1px;
    background-color: #ffe034;}

.lineaS{
    width: 98%;
    height: 2px;
    background-color: #333;}

.art1 {
    width:98%;
    height: 200px;
    background-image: url(imgs/slider.jpg);
    margin-top: 10px;
    margin-bottom: 11px;}

.art2 {
    width:100%;
    height: 350px;
    margin-top: 15px;}

.boton{
    width: 100%;
    height: 40px;
    margin-bottom: 5%;
    margin-top: 9px;
    background-color: rgba(255, 246, 59, 0.3);
    text-align: center;
    padding-top:19px;}

.boton a{
    color: #333;
    text-decoration: none;
    font-size: 1em;
    font-weight: 400;
    margin-top: 25px;}

.boton:hover{
    background-color: rgba(0, 161, 149, 0.6);}

.boton a:hover{
    color:#fff;}

.links {
    width: 30%;
    height: auto;
    background-color: rgba(255, 246, 59, 0.5);
    float: left;
    margin-right: 10px;
    border: 5px solid #ffe034;
    text-align: center;
    margin-bottom: 10px;}

.titulos {
    font-family: Dosis;
    margin-left: -10px;
    width: 100%;} 

.seccionArt {
    border: 1px dashed #ff8403;
    border-right-style: none;
    border-left-style: none;}

.nombreSeccion {
    font-family: Lobster;
    font-size: 1.5em;
    color: #ff8403;
    margin-top:10px;
    margin-bottom:10px;}

.vermascontenedor{
    text-align: left;
    margin-top: -20px;
    margin-bottom: 5px;
    margin-left: 10px;}

.vermas {
    text-decoration: none;
    color: #ff8403;
    font-weight: 800;
    font-size: 2em; }

.nombreSeccion {
    font-family: Lobster;
    font-size: 1.5em;
    color: #ff8403;
    margin-top:10px;
    margin-bottom:10px;}

.parrafoD {
    text-align:left;
    margin-left:10px;}

.parrafo {
    font-size: 0.9em;
    padding: 2px;}

h3 {
    width: 100%;
    color:rgb(0, 161, 149);
    margin-top: 0;
    margin-bottom: 0;}

#novedades{
    width: 100%;
    height: auto;
    margin-bottom: 30px;}

#novedades{
    width: 100%;
    height: auto;
    margin-bottom: 30px;}

.lineaD{
    width: 100%;
    height: 2px;
    background-color: #333;
    margin-top: -30px;}

#solido {
    width: 100%;
    height: 30px;
    background-color: rgba(0, 161, 149, 0.6);}

#Abajo{
    width: 100%;}

#imagen {
    width: 49%;
    margin-top: 20px;
    border: 3px solid #000;
    float: left;}

#Ult {
    width: 45%;
    height: auto;
    float: left;
    border: 3px solid #00a195;
    border-left: none;
    border-right: none;
    margin-top: 20px;
    margin-left: 40px;}

.EntraDas {
    color: #000;
    font-size: .9em;
    text-decoration: none;}

#banderin2 {
    margin-top: 40px;}

@media screen and (max-width:768px){
    
aside{
    display: none;}

section {
    width: 100%;
    margin: auto;}
    
#imagen {
    width: 50%;
    margin-top: 20px;
    border: 3px solid #000;
    float: left;}
    
#Ult {
    width: 40%;
    height: auto;
    float: left;
    border: 3px solid #00a195;
    border-left: none;
    border-right: none;
    margin-top: 20px;
    margin-left: 40px;
    font-size: .8em;}
    
}



/* Responsive Cuerpo */

@media screen and (max-width:768px){
    
aside {
    display: none;}

section {
    width: 100%;
    margin: auto;}
    
.lineaS{
    width: 100%;}
    
.art1 {
    margin-right: 0;
    width: 100%;}
    
#imagen {
    width: 50%;
    margin-top: 20px;
    border: 3px solid #000;
    float: left;}
    
#Ult {
    width: 40%;
    height: auto;
    float: left;
    border: 3px solid #00a195;
    border-left: none;
    border-right: none;
    margin-top: 20px;
    margin-left: 40px;
    font-size: .8em;}
    
}


@media screen and (max-width:320px){
    
aside {
    display: none;}
    
section {
    width: 100%;
    margin: auto;}
    
.links {
    width: 90%;
    height: auto;
    background-color: rgba(255, 246, 59, 0.5);
    float: left;
    margin-left: 10px;
    border: 5px solid #ffe034;
    text-align: center;
    margin-bottom: 15px;}
    
.art1 {
    display: none;}

.lineaS {
    display: none;}
    
#imagen {
    width: 100%;
    margin-top: 10px;
    border: 3px solid #000;
    float: left;}
    
#Ult {
    width: 90%;
    height: auto;
    border: 3px solid #00a195;
    border-left: none;
    border-right: none;
    margin-left:15px;}

.lineaD{
    width: 100%;
    height: 2px;
    background-color: #333;
    margin-top: 650px;}

    
}

/* FINAL MAIN */

/* FOOTER */

footer {
    font-size: 0.8em;
    color:#000;
    text-align: center;
    height: auto;
    padding:5px;
    background-color:rgba(0, 161, 149, 0.6);}

/* FIN INDEX */
/* FIN INDEX */
/* FIN INDEX */
/* FIN INDEX */
/* FIN INDEX */


/* INICIO DOCENTES */

.dlineaS{
    width: 100%;
    height: 2px;
    background-color: #333;}

.dart1 {
    margin-top: 2%;
    margin-left: 18px;
    width: 100%;}

.dart2 {
    width:100%;
    height: auto;
    margin-top: 2%;
    text-align: center;
    float: left;}

.dprofesores{
    width: 22%;
    height: auto;
    border: 5px solid #ffe034;
    background-color: rgba(255, 246, 59, 0.5);
    float: left;
    margin-right: 18px;
    margin-bottom: 30px;}

.dprofesores:hover {
    background-color: rgba(124, 255, 250, 0.77);}


.dbaner {
    border: 1px dashed #ff8403;
    border-right-style: none;
    border-left-style: none;}

.dperfil {
    margin: -12% 3% -12% 5%;
    width: 70px;
    border: 3px solid #ff3180;}

.dnombre {
    font-family: Lobster;
    font-size: 1.5em;
    color: #ff8403;
    text-decoration: none;}

#dfotoCarnet {
    width: 22%;
    height: 280px;
    background-color: #ffe034;
    margin-left: 18px;
    border: 3px solid #ff3180;
    border-left: none;
    border-right: none;
    float: left;}

#dcontenido {
    width: 100%;
    height: 80%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px dashed #ff8403;
    border-left: none;
    border-right: none;
    margin-top: 27px;}

#didentikit{
    width: 72%;
    height: 280px;
    background-color: #ffe034;
    float: left;
    margin-left:20px;
    border: 3px solid #ff3180;
    border-right: none;
    border-left: none;}

#dcontenido2 {
    width: 100%;
    height: 80%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px dashed #ff8403;
    border-left: none;
    border-right: none;
    margin-top: 27px;}

h2 {
    font-family: Lobster;
    margin-top: 15%;}

#dprofes{
    margin-bottom: 20px;}

#banderin2 {
    height:auto; 
    width:100%; 
    float:left; 
    margin-top:40px;}

#fot{
    background-color:rgba(0, 161, 149, 0.6);
    width:100%; 
    height:auto;
    float:left;}

#final {
    width: 100%;
    text-align: center;}

.dart2 {
    width:100%;
    height: auto;
    margin-top: 2%;
    text-align: center;
    float: left;}

#fotoCarnet {
    width: 22%;
    height: 280px;
    background-color: #ffe034;
    margin-left: 18px;
    border: 3px solid #ff3180;
    border-left: none;
    border-right: none;
    float: left;}

#contenido {
    width: 100%;
    height: 80%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px dashed #ff8403;
    border-left: none;
    border-right: none;
    margin-top: 27px;}

#identikit{
    width: 72%;
    height: 280px;
    background-color: #ffe034;
    float: left;
    margin-left:20px;
    border: 3px solid #ff3180;
    border-right: none;
    border-left: none;}

#contenido2 {
    width: auto;
    height: 80%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px dashed #ff8403;
    border-left: none;
    border-right: none;
    margin-top: 27px;}

h4 {
    font-size: 1.1em;
    width: 45%;
    height: auto;
    text-align: left;
    margin-left: 3%;
    margin-top:50px;
    color:rgb(0, 161, 149);
    float: left;}

.titulo {
    font-weight: 800;
    font-size: 1em;
    text-align: left;
    margin-left: 20px;
    width: 45%;
    float: left;
    margin-bottom: -5px;}

.linkW {
    text-decoration: none;
    color: #ff3180;
    text-align: left;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: -40px;}

.textoIDK{
    font-size: .9em;
    text-align: left;
    margin-left: 20px;
    width: 45%;
    float: left;}

/* Responsive Cuerpo */

@media screen and (max-width:768px){
    
#novedades {
    text-align: center;}
    
.dprofesores {
    width: 30%;
    margin-right: 1%;}
    
#fotoCarnet {
    display: none;}
    
#identikit {
    width: 100%;
    margin-left: 0;}

    
}


@media screen and (max-width:320px){
    
    .dprofesores {
    width: 90%;
    margin-left:-10px;}
    
    #identikit {
    width: 100%;
    margin-left: 0;
    height: auto;}
    
    h4 {
        width: 90%;}
    

    
}


/* FIN DOCENTES */




/* INICIO PROGRAMA */

.programa {
    width: 100%;}

.columna {
    width: 48%;
    height: auto;
    margin-right:2%;
    float: left;}

.titulosCaja {
    width: 100%;
    height: 70px;
    background-color: rgba(255, 246, 59, 0.5);
    border: 2px dashed #ff8403;
    border-right-style: none;
    border-left-style: none;
    text-align: center;}

.contenidoCaja {
    width: 90%;
    margin: 5%;
    height: auto;}

.proximamente {
    color: #ffb96b;
    font-family: Dosis;
    font-weight: 800;
    font-size: 1.5em;
    text-align: center;
    background-color: rgba(255, 246, 59, 0.5);
    border: 5px solid #ffe034;
    padding: 20px;}

.prog {
    margin-top: 20px;}

#colorcito {
    background-color: rgba(255, 246, 59, 0.2);}

/* Responsive Cuerpo */


@media screen and (max-width:320px){
    
    .columna {
        width: 100%;
        margin-right:0;}
    
 
}


/* FINAL PROGRAMA */

/* INICIO ALUMNO */

.chat{
    width: 100%;
    height: 620px;
    margin-bottom: 5%;
    margin-top: 9px;
    background-color: rgba(255, 201, 144, 0.34);
    text-align: center;
    padding-top:19px;}

.ChatGrupal{
    color: #ff8403;
    text-decoration: none;
    font-size: 2em;
    font-weight: 400;
    margin-top: 25px;}

.ChatGrupal:hover{
    color:#fff;}

.comentario {
    text-align: left;
    margin-left: 10px;
    margin-top: 20px;}

.comentarioChat {
    text-decoration: none;
    color: #ff8403;
    font-weight: 400;
    font-size: 1.2em;}

.dias {
    float: right;
    color: #676767;
    margin-top: 4px;
    font-size: .9em;
    margin-right: 10px;}

.textito {
    margin:5px;
    font-size: .9em;}

#rv {
    background-color:rgb(0, 161, 149); 
    width:300px;
    height:30px;
    text-align:center;
    font-weight:800;
    font-size:1.5em;
    color:#fff;}

.TDs {
    color: #fff;
    text-decoration: none;}


.destacado{
    font-family: Lobster;
    font-size: 2em;
    color: rgb(0, 161, 149);
    text-decoration: none;}

.aart2 {
    width:100%;
    height: auto;
    margin-top: 15px;
    margin-bottom:40px;}


.art3 {
    margin-bottom: 300px;
    width: 75%;}

.dnombre2 {
    font-family: Lobster;
    font-size: 1.5em;
    color: #ff8403;
    text-decoration: none;
    margin-left: 40px;}

.obras {
    font-family: Dosis;
    font-weight: 800;
    font-size: 1em;}


.enombre1 {
    font-family: Lobster;
    font-size: 1.5em;
    color: #ff8403;
    text-decoration: none;
    margin-left: 40px;
}

.expoa{
    width: 22%;
    height: auto;
    border: 5px solid #ffe034;
    background-color: rgba(255, 246, 59, 0.5);
    float: left;
    margin-right: 18px;
    margin-bottom: 30px;}

.expoa:hover {
    background-color: #bbff78;}

.eart2 {
    width:100%;
    height: 350px;
    margin-top: 15px;}

#eidentikit{
    width: 98%;
    height: 200px;
    background-color: #ffe034;
    float: left;
    margin:2%;
    border: 3px solid #ff3180;
    border-right: none;
    border-left: none;
    text-align: center;}


#dcontenido {
    width: 100%;
    height: 80%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px dashed #ff8403;
    border-left: none;
    border-right: none;
    margin-top: 27px;}