/* Hoja de estilos de JT08 */

body{
    margin: 0;
    background-image: url(imagenes/01_fondo_textura_beige.png);
  }

div#contenedor{
    width: 1080px;
    height: 100%;
    margin: 0 auto;
}
/*********************************************************************************
    HEADER
*********************************************************************************/

header{
    width: 1080px;
    /*background-color: #363636;*/
    margin: 0 auto;
    background-repeat: repeat; 
    background-image: url(imagenes/01_fondo_textura_header.png)
}

div#logo-head{
    margin-left: 26.5px; }

h1{
    font-family: 'rosario';
    color: #4f6a4f;
    text-decoration: none;
    padding: 20px;
    margin-left: 50px;
    width: 300px;
}

#logo-head img{
    float: left;
}
#lupa{
    float: right;
    width: 178px;
    margin-top: -75px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    color: #ddd8cd;
}

#textfield, #password{
    width: 120px;
    height: 20px;
    border-radius: 5px;
    border:solid 1px #4f6a4f;
    color: #ddd8cd;
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: rgba(0,0,0,0.3);
}

header div#sombra-menu{
    background-image: url(imagenes/01_fondo_textura_beige.png); }

#sombra-menu img{
    opacity: 0.5; }

#redes{
    width: 150px;
    float: right;
    margin-top: -45px;
   }

#redes img{
    background-color: rgba(54, 54, 54, 0.4);
    border-radius: 3px;
}

#redes img:hover{
    background-color: rgba(72, 117, 3, 0.6);
    border-radius: 3px;
}

/****************************************************
    NAV
*****************************************************/

nav {
	background-color: #fff;
    width: 1040px;
	color: #888;
	display: block;
	overflow: hidden;
    padding: 20px;
    border-top: solid 10px #4f6a4f;
    background-image: url(imagenes/01_fondo_textura_beige.png); }

nav ul {
    display: inline;
	margin: 0;
	padding: 0; }

nav ul li {
    display: inline-block;
    list-style-type: none;
	border-radius: 4px;
    margin-right: 10px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; 
}

nav ul li.activo {background:rgba(72, 117, 3, 0.6);}
nav ul li.activo a {color:#363636;}

nav ul li a{
    color: #363636;
    display: block;
    padding: 0px 5px;
    text-decoration: none; 
    font-family: 'Oswald', sans-serif; }

nav ul li:hover {
    background-color: #4f6a4f; }

nav ul li a:hover {
    color: #ddd8cd; }

nav a#red-social{
    float: right;
    opacity: 0.5; 
    margin-top: 3.5 }


/*submenu*/
nav ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 90px;
	-webkit-transition: all 0.6s ease 0.2s;
	-moz-transition: all 0.6s ease 0.2s;
	z-index: 9;
	padding-top:5px; 
}

nav ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

nav ul li ul li{
    font-size: 14px;
}
/*********************************************************************************
    ASIDE
*********************************************************************************/
 aside{
     width: 222px;
     height: 1020px;
     float: right;
     z-index: 6;
     background-image: url(imagenes/01_fondo_textura_header.png);
}

aside img{
    margin-right: 6px;
    z-index: 9;
    position:relative;
}
 
#asidecolumna1{
    width: 205px;
    height: 200px;
    background-image: url(imagenes/Aside03_fondo.png);
    margin-right: 10px;
    margin-top: 66px;
    margin-bottom: 30px;
   border:solid 2px #ddd8cd;
   -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); /*SOMBRA EXTERIOR*/
   box-shadow: inset 0px 0px 91px 12px rgba(23,31,24,0.9);/*SOMBRA INTERIOR*/
}

#interiorcolumnaaside{
    width: 120px;
    float: left;
    margin-left: 55px;
    margin-top: -22px;
}

#asidecolumna1 img{
    float: left;
    margin-left: 20px;
    margin-top: 40px;
}

#interiorcolumnaaside a{
    text-decoration: none;
    color: #ddd8cd;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
}

#asidecolumna2{
    margin-top: 100px;
}

#abajoindex3{
    background-image: url(imagenes/twitterindex.png);
    width: 210px;
    height: 160px;
    float: right;
    margin-right: 10px;
}

/*************************
Aside alumnos*************/

#sesioniniciada{
    margin-left: 5px;
    margin-top: 15px;
}

#presentaciongrupo{
    width: 224px;
    height: 350px;
    margin-top: 15px;
    background-image: url(imagenes/presentacion.png);
}

#presentaciongrupo h2{
    font-size: 14px;
    margin-left: 9px;
    padding-top: 7px;
}

#presentaciongrupo p{
    color: #363636;
    font-family: 'rosario';
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
}

#descargapunte{
    height: 190px;
    width: 220px;
    background-image: url(imagenes/tps-alumnos.png);
    background-repeat: no-repeat;
    margin-top: 50px;
}

#descargapunte h2{
    font-size: 13px;
    font-family: 'rosario';
    margin-left: 11px;
    padding-top: 9px;
}

#descargapunte p{
    color: #4f6a4f;
    font-family: 'rosario';
    font-size: 18px;
    padding-left: 50px;
    margin-top: 35px;
    margin-bottom: -10px;
}

/*********************
Aside propuesta******/

#asidepropuesta{
    background-image: url(imagenes/01_fondo_textura_beige.png);
}

#becas{
    margin-top: 30px;
    background-image: url(imagenes/05_aside.png);
    background-repeat: no-repeat;
    width: 222px;
    height: 190px;
    padding-left: 30px;
    padding-top: 5px;
}

#destacados{
    margin-top: 70px;
    background-image: url(imagenes/05_aside_top4.png);
    background-repeat: no-repeat;
    width: 222px;
    height: 340px;
    padding-left: 30px;
    padding-top: 5px;
}

/*********************
aside metodologia****/

#asidemetodologia{
    background-image: url(imagenes/01_fondo_textura_beige.png);
}

#asidemetodologia img{
    margin-left: 10px;
}

/****************************************************
    FONDO INDEX
*****************************************************/

#fondoindex{
    width: 1080px;
    height: 280px;
    position: relative;
    background-image: url(imagenes/01_fondo_textura_beige.png);
    border-bottom: solid 10px #4f6a4f;
    z-index: 8;
    overflow: visible;
}

/****************************************************
    SECTION
*****************************************************/

section{
    width: 858px;
    height: 1020px;
    float: left;
    z-index: 7;
    background-image: url(imagenes/01_fondo_textura_header.png);
}


div.slider {
    width: 858px;
    margin-top: -20px;
    z-index: 9;
    position: relative;
    overflow: visible;
   }

.slider li{
    list-style: none;
}

section div.column{
    margin-top: 100px;
    width: 30%;
    float: left;
    margin-left: 2.5%;
    height: 425px; 
}

/*section div#a{
    background-color: #363636; }  PARTICULAR DE ESTA COLUMNA */

 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 19PX;
    color: #ddd8cd; }

div.column img{
    padding: 7.5px;
    margin-top: 7px; 
}

.puntito{
    float: left;
}

.aizq{
    margin-left: -20px;
}

p{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    color: #ddd8cd; 
    margin-top: -7px; }

div#a img#twiter-icono{
    margin-top: 30px;
    float: left; }

div#a img#twiter-texto{
    float: right;
 }

#boton{
    margin-left: 55%;
    margin-top: 2px;}

div#c img#punto{
    margin-bottom: -20px; 
}

div#c p.lista{
    margin-left: 45px;
    margin-top: 10px;
    margin-bottom: -30px;
}


/*******************************
section galeria****************/

#sectiongaleria{
    width: 1080px;
    height: 750px;
    margin-top: 50px;
}

div.content {
	/* caja miniaturas arriba */
	display: none;
	float: left;
	width: 100px;
    margin-left: 0px;
}

div.slideshow-container {
	position: relative;
    height: 460px;
	/*clear: both;*/
}

div.slideshow span.image-wrapper {
	display: block;    /* Imagenes de a una */
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link { /* imagenes en el centro de la caja grande */
	display: block;
	width: 650px;
	height: 450px; 
}

div.slideshow img {
	vertical-align: middle;
}

div.caption-container {  /* contenedor del texto */
	position: relative;
	clear: left;
	height: 50px;
    margin-left: 60px;
    width: 530px;
    margin-top: 0px;
}
span.image-caption {   /* contenedor del texto */
	display: block;
	position: absolute;
	width: 570px;
	top: 0;
	left: -37px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    color: #ddd8cd; 
    margin-top: -10px; 
    padding: 15px;
    background-color: rgba(0,0,0,0.6);
}

ul.thumbs {   /* ul de miniaturas */
	/*clear: both;*/
	margin: 0;
	padding: 0;
    margin-left: 540px;
    margin-top: 10px;
    width: 300px;
}

ul.thumbs li {  /* li de miniaturas */
	float: left;
	margin: 5px 10px 5px 0;
	/*list-style: none;*/
}
a.thumb {   /* cajitas de miniaturas */
	display: block;
	border:solid 1px #9ED49D;
     -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
} 
/* ul.thumbs li.selected a.thumb {
	background: #000;
} /* fondo negro en miniatura seleccionada */

/* ul.thumbs img {
	border: none;
	display: block;
} /* imagenes miniaturas */

#galeria3 ul{
    width: 170px;
    height: 415px;
    border: solid 2px #ddd8cd;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); 
    list-style: none;
    width: 110px;
    float: left;
    margin-left: 900px;
    background-color: rgba(0,0,0,0.75);
    margin-top: -497px;  /* ? */
}

#galeria3 ul li a{
    font-family: 'rosario';
    width: 123px;
    height: 25px;
    color: #ddd8cd;
    font-size: 13px;
    padding-top: 5px;
    padding-left: 7px;
    list-style: none;
    border-radius: 4px;
    border: solid 1px #4f6a4f;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(158, 212, 157, 0.3);
    float: left;
	margin: 9px 10px 9px -30px;
    text-decoration: none;
}

.galeriactivo{
    background-color: #4f6a4f;
}

#objetivos h2, #consigna h2{
    margin-left: 10px
}

#consigna{
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 600px;
    height: 100px;
    background-image: url(imagenes/texturacaja.png);
}

#objetivos{
    background-image: url(imagenes/texturacaja.png);
   
    float: right;
    width: 400px;
    height: 180px;
    margin-right: 20px;
    margin-top: 15px;
}

#objetivos p, #consigna p{
    margin: 10px;
}

/**********************************
section docentesautoridades *******/

#autoridades{
    width: 858px;
    background-image: url(imagenes/01_fondo_textura_beige.png);
    height: 580px;
}

.beigefondo{
    background-image: url(imagenes/01_fondo_textura_beige.png);
    height: 700px;
}

/*** Slide Docentes ***/
.mb-cajasliderdocr {
 /* width: 900px; /* default, this is overridden by script settings */
  margin: 0 auto;
 /* position: relative;
  left: 0;
  top: 0;*/
}

/* Panel cajasliderdoc */
.mb-slider, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
  width: 350px;  /* default, this is overridden by script settings */
  margin: 5px 0;
  padding: 0px;
  display: block;
  cursor: pointer;
  float: left;
  list-style: none;
}

/*** flechas de slide ***/
a.mb-scrollButtons {
  width: 50px;
  height: 50px;
  background: transparent url(imagenes/arrows.png) no-repeat;
  position:absolute;
    overflow: visible;
    z-index: 9;
  top: 50%;
cursor: pointer;
  margin-top: -29px; 
}

a.mb-scrollButtons.mb-left {
  background-position: left top;
  left: -48px;
}
a.mb-scrollButtons.mb-right {
  background-position: right top;
  right: -48px;
}

a.mb-scrollButtons.mb-left:hover {
  background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
  background-position: right bottom;
}

/* panel images */
.mb-inside img {
  width: 100%;
}

/* caja visible slide docentes */
#cajasliderdoc {
    width:800px; 
    height: 130px;
    margin:0 30px; 
    padding:0px 0 25px 0;
    position: absolute;
    background-color: rgba(72, 117, 3, 0.3);
}

.infoprofes{
    margin: 210 280px;
     -webkit-box-shadow: 0px 0px 15px #000;
    -moz-box-: 0px 0px 15px #000; 
}

/**********************************
section docentes *******/

#docentesniveles{
    width: 858px;
    height: 580px;
}

#sectiondocentes{
    height: 1400px;
    background-image: url(imagenes/01_fondo_textura_beige.png)
}

.centrarimg{
    margin: 20 80;}
.centrarimg2{
    margin: 20 275px;}

/**********************************
section eventos *******/

#sectioneventos{
    width: 1080px;
    height:870px;
    border-top:solid 5px #9ed49d;
    border-bottom:solid 5px #9ed49d;
    float: left;
}

#tituloeventos{
    width: 1080px;
    height: 67px;
    float: left;
    border-bottom: solid 4px #9ED49D;
}

#tituloeventos img{
    margin-right: 370px;
}

#sectioneventos img{
    float: right;
    margin-top: 30px;
}

#anoscalendario{
    width: 180px;
    height: 700px;
    position: absolute;
    margin-top: 45px;
    margin-left: 20px;
}

#anoscalendario ul{
    height: 550px;
    border: solid 2px #ddd8cd;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); 
    list-style: none;
    width: 125px;
    float: left;
    margin-top: 0px;
    background-color: rgba(0,0,0,0.75);
}

.mes{
    font-family: 'rosario';
    width: 130px;
    height: 20px;
    color: #ddd8cd;
    font-size: 13px;
    list-style: none;
    border: solid 1px #4f6a4f;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(72, 117, 3, 0.3);
    float: left;
	margin: 1px 10px 9px -35px;
    text-decoration: none;
    padding-left: 20px;
}

.mesactivo{
    font-family: 'rosario';
    width: 130px;
    height: 20px;
    color: #363636;
    background-color: #ddd8cd;
    font-size: 13px;
    list-style: none;
    border: solid 1px #ddd8cd;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(72, 117, 3, 0.3);
    float: left;
	margin: 1px 10px 9px -35px;
    text-decoration: none;
    padding-left: 20px;
}

.ano{
    font-family: 'rosario';
    width: 130px;
    height: 20px;
    color: #fff;
    background-color: rgba(221, 216, 205, 0.6);
    font-size: 13px;
    list-style: none;
    border: solid 1px #ddd8cd;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(72, 117, 3, 0.3);
    float: left;
	margin: 1px 10px 9px -30px;
    text-decoration: none;
    padding-left: 10px;
}

#eventoslateral{
    width: 180px;
    height: 640px;
    float: right;
    margin-right: 20px;
    margin-top: 73px;
    background-color: rgba(0,0,0,0.75);
}

#eventoslateral h2{
    padding-left: 15px;
    margin-top: 0px;
    width: 130px;
    float: left;
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    z-index: 1;
}

#eventoslateral a img{
    float: right;
    margin-top: 0px;
    margin-left: 130px;
    position: absolute;
    z-index: 2;
}

#eventoslateral img{
    margin-top: 75px;
    margin-left: 0px;
}

#sectoreventos{
    width: 636px;
    margin-left: 232px;
    margin-top: 100px;
}

#columnasimple{
    width: 205px;
    float: left;
    margin-top: 30px;
}

#columnasimple h2, #columnadoblev h2{
    color: #9ED49D;
    background-color: #4f6a4f;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    padding-left: 50px;
    margin-right: 12px;
}

.subtituloevento{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
}

#columnasimple p, #columnadoblev p{
    padding-left: 20px;
    padding-right: 10px;
}

#asideeventos img{
    margin-left: 20px;
    margin-top: 20px; 
}

#cintaeventosaside img{
    margin-top: 70px;
    margin-right: 15px;
}

#columnadobleh{
    width: 410px;
    float: left;
    margin-top: 30px;
}

#columnadobleh h2{
    color: #9ED49D;
    background-color: #4f6a4f;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    padding-left: 150px;
    margin-right: 12px;
}

#columnadoblev{
    width: 205px;
    float: left;
    margin-top: 45px;
}

#columnadoblev h2{
    margin-top: 0px;
}

#columnadoblev img{
    margin-top: 28px;
}

/****************
section alumnos**********/
#grupocomunidad{
    width: 222;
    float: left;
    height: 1020px;
}

#grupos{
    font-family: 'rosario';
    width: 188px;
    height: 320px;
    margin-top: 0px;
    margin-left: 20px;
    background-color: #ddd8cd;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}

#grupos li{
    list-style: none;
    margin-left: -10px;
}

#grupos h2{
    padding-top: 20px;
    color: #4f6a4f;
} 

#grupos a{
    text-decoration: none;
    font-size: 13px;
    color: #363636;
} 

.alumnoactivo{
    color: #ddd8cd;
    background-color: #9ED49D;
}

#grupocomunidad img{
    margin-top: 50px;
}

#mensajescomunidad{
    margin-left: 285px;
    width: 475px;
}

#comentario{
    width:400px;
    height: 150px;
    background-color: #ddd8cd;
    color: #363636;
    font-family: 'rosario';
    font-size: 15px;
    margin-left: 65px;
    margin-top: 150px;
    border-radius: 20px;
}

#escribircomentario img{
    float: left;
    margin-top: -175px;
    margin-left: 95px;
}

#escribircomentario a{
    color: #9ED49D;
    font-family: 'rosario';
    font-size: 15px;
    text-decoration: none;
    margin-left: 50px;
}

/****************
section propuesta**********/

#sectionpropuesta{
    background-image: url(imagenes/01_fondo_textura_beige.png);
    height: 1070px;
}

#titulopropuesta{
    width: 858px;
    height: 37px;
    border-bottom: solid 4px #9ED49D;
     margin-bottom: 80px;
}

#propuestah{
    width: 858px;
    height: 190px;
}

#propuestah img{
    margin-top: 5px;
}

#queslatipo{
    width: 640px;
    float: left;
    margin-top: 8px;
}

#propuestah img{
    float: left;
}

#propuestav{
    width: 266px;
    height: 540px;
    float: left;
    margin-right: 20px;
}

.destacado1{
    font-family: 'Oswald', sans-serif;
    font-size: 17PX;
    color: #4f6a4f;
}

.destacado{
    font-family: 'rosario';
    font-size: 15PX;
    color: #ddd8cd;
    background-color: #4f6a4f;
}

.textoprop{
    color: #363636;
}

#marcotexto{
    background-image: url(imagenes/03_margo_frase_destacado.png);
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-top: 17px;
    margin-bottom: 17px;
    height: 173px;
}

#marcotexto p{
    padding-left: 55px;
    padding-right: 45px;
    padding-top: 20px;
    font-size: 15px;
}

.floatl{
    float: left;
}
 #video{
    width: 267px;
     margin-top: -7px;
     margin-bottom: 20px;
 }

iframe{
    margin-top: -7px;
    margin-bottom: 20px;
}

/************************
section programa1*******/

#sectionprograma{
    background-image: url(imagenes/01_fondo_textura_beige.png);
    width: 1080px;
}
#contenedorprog1{
    width: 1080px;
    height: 700px;
}
#prog{
    width: 1080px;
    height: 52px;
    border-bottom: solid 4px #4f6a4f;
}

#prog1{
    margin-top: 90px;
    width: 858px;
}

#proglargo{
    width: 310;
    height: 500px;
    float: left;
    margin-left: 50px;
}

#fondocontenidosh{
    background-image:url(imagenes/asideverde.png);
    background-repeat: no-repeat;
    width: 330;
    height: 500px;
    float: left;
    margin-top: 10px;
}

#items{
    width: 80;
    height: 330px;
    margin-top: 55px;
    float: left;
}

#items ul{
    margin-bottom: 25px;
    
}

#items ul li{
    list-style: none;
    font-family: 'rosario';
    color: #ddd8cd;
    padding-bottom: 30px;
    margin-left: -10px;
}

#itemstexto{
    float: right;
    margin-right: 50px;
    width: 200px;
    height: 340px;
    margin-top: 45px;
}

#itemstexto ul{
    width: 170px;
    padding-bottom: 15px;
}

#itemstexto ul li{
    list-style: none;
    font-family: 'rosario';
    color: #ddd8cd;
    padding-bottom: 20px;
    margin-left: -30px;
    width: 200px;
}

#cuadroprog{
    width: 300;
    height: 200px;
    background-image: url(imagenes/izquiero_y_arriba.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#cuadroprog h2, #imagenesprog h2{
    color: #ddd8cd;
    font-size: 15px;
    padding-left: 20px;
    padding-top: 2px; 
}

#cuadroprog p{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
#imagenesprog{
    width: 320;
    height: 210px;
    background-image: url(imagenes/experimental.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-left: -10px;
}

#cuadroprog a{
    text-decoration: none;
    list-style: none;
    font-family: 'rosario';
    font-size: 12px;
    color:#4f6a4f;
    padding-left: 20px;
}

#tituloejercicios{
    width: 1080px;
    height: 40px;
    float: left;
    margin-top: -30px;
} 

#tituloejercicios h2{
    color: #4f6a4f;
}

#progcorto{
    float: left;
    width: 318;
    height: 200px;
    margin-right: 42px;
}

#progcorto img{
    margin-top: -12px;
    margin-bottom: 20px;
}

/**********************
section metodologia***/

#sectionmetodologia{
    background-image: url(imagenes/01_fondo_textura_beige.png);
}

#columnametodologia{
    width: 429px;
    float: left;
}

#columnaobjetivos{
    width: 429px;
    float: left;
}

#columnaobjetivos li{
    list-style:circle;
    font-family: 'rosario';
    font-size: 14px;
    color: #363636;
}

#horizontalmet{
    width: 429px;
}

#horizontalmet img{
    float: left;
}

#titulomet{
    width: 429px;
    height: 37px;
    border-bottom: solid 5px #9ED49D;
    margin-bottom: 85px;
}

#columet1{
    width: 200px;
    float: left;
    margin-right: 15px;
    margin-top: 0px;
}

#columet2{
    width: 200px;
    float: left;
    margin-top: 0px;
}

#marcotexto2{
    width: 180px;
    height: 130px;
    background-image: url(imagenes/01_metodolog%C3%ADa_destacado.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#marcotexto2 p{
    font-size: 12px;
    padding: 20px;
}

/**************************
section material util*****/

#sectionrecomendaciones{
    width: 1080px;
    height: 710px;
    background-image: url(imagenes/01_fondo_textura_beige.png);
}

#titulomaterial{
    width: 100%;
    height: 37px;
    border-bottom: solid 4px #9ED49D;
    margin-bottom: 80px;
}

#sectionrecomendaciones img{
    margin-right: 18px;
    margin-left: 18px;
    float: left;
}

/******************
section 2015*******/

#section2015{
    background-image: url(imagenes/01_fondo_textura_beige.png);
    width: 1080px;
    height: 830px;
}    
#izq2015{
    width: 322px;
    float: left;
}
    
#titulonivel{
    width: 290px;
    background-image: url(imagenes/correlatividades.png);
    background-repeat: no-repeat;
    height: 30px;
    padding-left: 15px;
}

#lista2, #lista2015{
    list-style: none;
    font-family: 'rosario';
    font-size: 16px;
    color: #363636;
}

#textito{
    width: 280px;
    margin-left: 6px;
    margin-top: 200px;
    margin-bottom: 48px;
}    

#der2015{
    width: 758px;
    float: left;
}    

#der2015 img{
    margin-top: 0px;
    float: left;
}

#lista2015{
    width: 280px;
    float: left;
    margin-top: 35px;
}

#lista2015 li{
    padding-top: 15px;
    padding-left: 20px;
}

#tiratexto{
    width: 758px;
    height: 60px;
    float: left;
    border-top: solid 4px #9ED49D;
    border-bottom: solid 4px #9ED49D;
    background-image: url(imagenes/01_fondo_textura_header.png);
    color: #ddd8cd;
    margin-top: 20px;
    margin-bottom: 20px;
}    

.tiratexto{
    padding-left: 60px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 12px;
    background-color: rgba(0,0,0,0.75);
    font-family: 'Courgette', cursive;;
}

#encontranosen{
    width: 200px;
    height: 55px;
    float: left;
    background-image: url(imagenes/tiranegra.png);
    background-repeat: no-repeat;
    color: #ddd8cd;
    font-family: 'rosario';
    padding-left: 80px;
    padding-top: 15px;
    margin-left: 10px;
}

#niveltaller{
    float: left;
    margin-left: 10px;
    margin-top: 50px;
}

#diahora{
    background-color: rgba(72, 117, 3, 0.3);
    float: left;
    width: 220px;
    margin-left: 10px;
    height: 40px;
    padding-left: 60px;
    padding-top: 15px;
    margin-top: 10px;
    font-family: 'rosario';
    color:#4f6a4f;
    font-size: 18px;
}

/****************************************************
    ARTICLE
*****************************************************/
article{
    width: 1080px;
    height: 250px;
    clear: both;
    background-image: url(imagenes/01_fondo_textura_header.png);
}

article div{
    margin-top: 40px;
    float: left;
    margin-left: 20px;
}

#abajoindex1{
    margin-top: 43px;
    border:solid 2px #fff;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

#abajoindex2{
    background-image: url(imagenes/calendarioindex.png);
    width: 260px;
    height: 160px;
    margin-left:30px;
}

#abajoindex2 h2{
    margin-left: 100px;
    margin-top: 35px;
}

#abajoindex2 p{
    margin-left: 103px;
    color: #363636;
    margin-top: -15px;
}

article h2{
    margin-left: 60px;
    margin-top: 25px;
}

#abajoindex3{
    margin-top: 44px;
}

#abajoindex3 p{
    margin-left: 60px;
}

/**************************
article docentes***********/

#articledocentes{
    width: 100%;
    height: 110px;
}

#fraseautoridades{
    width: 100%;
    height: 100px;
    margin: 0;
    background-image: url(imagenes/01_fondo_textura_header.png);
    border-bottom: solid 7px #9ed49d;
    border-top: solid 7px #9ed49d;
}

#fraseautoridades p{
    padding: 20px 24%;
    margin-top: 20px;
    background-color: #363636;
    font-family: 'Courgette', cursive;
    font-size: 18px;
}

#cajadocentes{
    margin-left: 0px;
    margin-top: 60px;
    width: 1080px;
    height: 270px;
}

#cajadocentes ul li{
    list-style: none;
    float: left;
    margin:0 60px 0 55px;
}

.subirdocauto{
    margin-top: -20px;
}

/**************************
article eventos**************/
#articleeventos{
    background-image: url(imagenes/01_fondo_textura_beige.png);
}

#articleeventos img{
    margin:60px 0 0 30px;
}

/****************************************************
    FOOTER
*****************************************************/

footer{
    width: 1080px;
    height: 250px;
    background-image: url(imagenes/01_fondo_textura_header.png); 
    border-top:solid 10px #4f6a4f;
    clear:both;
}

footer h2{
margin-left: 10px;
margin-top: 20px;
color: #ddd8cd;
}

#columna{
	display:block;
	width:200px;
	margin-left:50px;
	float:left;	
}

#columna p{
    margin-top: -15px;
    margin-left: 28px;
    font-size: 12px;
}

#columna-dgpc{
	width:800px;
    height: 30px;
    margin-left: 140px;
}

#columna-dgpc p{
    font-size: 11px;
}

#columna2{
    float: right;
    margin-right: 50px;
    margin-top: 10px;
}

div#sombra-final img#sombra-ultima{
    margin-left: 40px;
}

/*****************************************************
    LA_CATEDRA - SECTION
*****************************************************/

section#la_catedra{
    background-image: url(imagenes/01_fondo_textura_beige.png); }

div.titulo{
    width: 100%;
    margin-left: 378px; 
    position: relative;
    z-index: 1; }

div#titulo_linea_verde{
    background-image: url(imagenes/la_catedra_01_linea.png);
    margin-top: -56px;
    position: relative;
    z-index: 0; }

section div.column_la_catedra{
width: 30%;
    float: left;
    margin-left: 2.5%;
    margin-top: 75px;
    height: 875px; }

div.column_la_catedra#a_la_catedra h3{
    color: #4f6a4f; 
    font-size: 19px; 
    font-family: 'Open Sans Condensed Light', sans-serif;
    line-height: 17px; }

div.column_la_catedra#a_la_catedra p{
    color: #4f6a4f;
    font-size: 18px;
    font-family: 'Open Sans Condensed', sans-serif;
    line-height: 20.5px; }

div h4{
    font-size: 19px;
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: #363636;
    color: #ddd8cd; }

div p1.la_catedra_negro{
    color: #363636;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    line-height: 18.5px; }

/*****************************************************
    TIPO_BLOG - SECTION
*****************************************************/

section#tipoblog{
    background-image: url(imagenes/01_fondo_textura_beige.png); 
    height: 835px; }

/*COLUMNA A - IMAGENES 1Y2*/
div.column#a_tipoblog{
    width: 65%;
    height: 858px;
    margin-left: 3%; }

section#tipoblog img#imagen1{
    margin-top: -3px; }

h4#tipoblog{
    background-color: transparent;
    color: #363636;
    font-size: 25px;
    margin-left: 7px; }

p3.tipoblog_negrita{
    color: #363636;
    font-family: 'Open Sans Condensed Bold', sans-serif; }

p3.tipoblog_normal{
    color: #363636;
    font-family: 'Open Sans Condensed', sans-serif; }

div#vermas{
    height: 85px;
    margin-top: -25px;
    display: block; }

div#vermas img#tipoblog-vermas{
    margin-left: 475px; }

img#imagen2{
    margin-top: -3px; }


/*COLUMNA B - SLIDEBAR*/
div.column#b_tipoblog{
    width: 26.5%;
    height: 858px;
    background-image: url(imagenes/01_fondo_textura_header.png); }

/*****************************************************
    DOCENTES - SECTION
*****************************************************/

sectione#docentes{
    height: 880px;
    background-image: url(imagenes/01_fondo_textura_beige.png); }

div#fondo_docentes_01{
    background-image: url(imagenes/01_fondo_textura_header.png);
    height: 75px; }

div#docentes_fotos{
    background-image: url(imagenes/01_fondo_textura_header.png); }


div.titulo#docentes02{
    margin-top: 25px; }

div#docentes_02_1{
    margin-top: 20px; }

div.titulo#docentes03{
    margin-top: 25px; }

div#fondo_docentes_03{
    margin-top: -58px;
    background-image: url(imagenes/01_fondo_textura_header.png);
    height: 75px; }

div#docentes_03_1{ 
    background-image: url(imagenes/01_fondo_textura_header.png); 
    height: 175px; }

/*****************************************************
    RESPONSIVE
*****************************************************/

/*media queries*/
@media all and (max-width: 512px) {
  
    body, div#contenedor{
        width: 500px;
    }
    
    header{
        margin-left: 0px;
    }
    
    aside{
        width: 500px;
        height: 450px;
        float:left;
    }
    
    aside img{
        margin-left: 20px;
    }
    
    aside a{
        float: left;
        margin-top: 0px;
    }
    
    #asidecolumna1{
        float: left;
        margin-top: 0px;
        margin-left: 20px;
    }
    
    #asidecolumna2{
        float: left;
        margin-top: 0px;
    }
    
    
    section{
        height: 1700px;
    }
    
   nav ul{ 
    background-color: rgba(72, 117, 3, 0.3);
    font-size: 12px;
    max-width: 400px;
    }
    
    img {
	max-width: 450px;
}
    article{
        height: 340px;
    }
    
     #lupa{
         float: left;
         margin-top: 0px;    
         margin-bottom: 10px;    
        margin-left: 20px;
     }
    
    #abajoindex1, #abajoindex2, #abajoindex3{
    float: left;
    margin-top: 10px;    
    margin-left: 10px;  
    }
    
    #redes{
    float: left;
    margin-top: 0px;    
    margin-left: 20px;    
}
    
    header, section, article, footer, #fondoindex, #a, #b, #c{
        width: 500px;
    }
    
    nav{
        max-width: 460px;
    }
    
    .column{
        max-width: 400px;
    }
    
    .slider{
         max-width: 400px;
    }
    
    aside{
        width: 500px;
        margin-left: -500px;
        margin-top: 1700px;
        float:left;
    }
    
    #sombrafinal{
        max-width: 500px;
    }
    
    footer a img{
       width: 10px; 
    }
    
    footer{
        height: 355px;
    }
    
    #a, #b, #c{
        margin-top: 25px;
        margin-left: 30px;
    }
    
    footer img{
        width: 150px;
    }
    
    #columna, #columna2, #sombra-final{
        margin-left: 20px;
        float: left;
    }
    
    #columna-dgpc{
        width: 400px;
        float: left;
        margin-left: 40px;
    }
    
    #sectionrecomendaciones{
        width: 500px;
        height: 1350px;
    }
    
    #sectionrecomendaciones img{
        margin-right: 5px;
        margin-left: 10px;
        margin-top: 50px;
    }    
}