/*Hoja de estilos de JT45 alumno_1_laura_diaz*/


@font-face {
    font-family:'DTLNobelT';
    src: url('fonts/dtlnovel/dtlnobelt-bold-webfont.eot');
    src: url('fonts/dtlnovel/dtlnobelt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dtlnovel/dtlnobelt-bold-webfont.woff') format('woff'),
         url('fonts/dtlnovel/dtlnobelt-bold-webfont.ttf') format('truetype'),
         url('fonts/dtlnovel/dtlnobelt-bold-webfont.svg#dtl_nobelt_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:'Lato';
    src: url('fonts/lato/lato-regular-webfont.eot');
    src: url('fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Lato';
    src: url('fonts/lato/lato-light-webfont.eot');
    src: url('fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-light-webfont.woff') format('woff'),
         url('fonts/lato/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family:'Lato';
    src: url('fonts/lato/lato-italic-webfont.eot');
    src: url('fonts/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-italic-webfont.woff') format('woff'),
         url('fonts/lato/lato-italic-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato/lato-black-webfont.eot');
    src: url('fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-black-webfont.woff') format('woff'),
         url('fonts/lato/lato-black-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
    font-weight:900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato/lato-bold-webfont.eot');
    src: url('fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-light-webfont.eot');
    src: url('fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-semibold-webfont.eot');
    src: url('fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}



/*
BODY
*/


body {
    font-family: 'Open Sans';
    font-size: 17pt;
    margin:0px;
    padding-top:117px;
}


/*
HEADER
*/


body > header {
    position: fixed;
    z-index:2;
    top:0;
    left:0;
    width:100%;
    background-color:rgb(0,0,0);
    min-height:117px;
    
}

body > header > div.contenido {
    position: relative;
    max-width: 1003px;
    margin-left: auto;
    margin-right: auto;
}

body > header > div.contenido > a.logozachin {
    position: absolute;
    width: 350px;
    top: 10px;
    left: 0px;
}

body > header > div.contenido > a.logozachin > img {
    -webkit-transition:all 300ms ease;
    width:100px;
}

body > header > div.contenido > a.logozachin:hover > img {
    -webkit-transform:rotate(60deg);
}

body > header > div.contenido > a.logozachin > h1 {
    font-family:"Open Sans";
    font-size:18px;
    color:rgb(255,255,255);
    font-weight: 300;
    text-transform: uppercase;
    line-height: 20px;
    position: absolute;
    left: 97px;
    top: 18px;
}

body > header > div.contenido > a.logozachin > h1 > span {
    font-family:"Open Sans";
    font-weight: 300;
    font-size:16.5px;
    color:rgb(255,255,255);
    text-transform: uppercase;
}

body > header > div.contenido > strong.usuario {
    position:absolute;
    display:inline-block;
    font-family:"Lato";
    font-weight: 300;
    font-size:20px;
    color:rgb(255,255,255);
    padding-top: 25px;
    padding-left:26px;
    width: 200px;
    left:50%;
    margin-left:-113px;
    top:33px;
}

body > header > div.contenido > strong.usuario > span {
    position:absolute;
    top:8px;
    left:0;
    display: inline-block;
    background-image: url(svg/ICONO%20loggin.svg);
    background-repeat: no-repeat;
    background-size:contain;
    width: 25px;
    height:43px;
    text-indent:-9999px;
    overflow:hidden;
}

body > header > div.contenido > div.redessociales {
    position: absolute;
    top: 52px;
    right: 120px;
}
    

body > header > div.contenido > div.redessociales > a.facebook {
	background-image: url(svg/icon%20face.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 37px;
	height: 38px;
	text-indent: -999px;
    overflow: hidden;
	vertical-align: middle;
}

body > header > div.contenido > div.redessociales > a.twitter {
	background-image:url(svg/icon%20tweeter.svg);
	background-size: contain;
    background-position:0 2px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 37px;
	height: 38px;
	text-indent: -999px;
    overflow: hidden;
	vertical-align: middle;
}

body > header > div.contenido > nav > div.boton {
	position: absolute;
    height:58px;
    top: 20px;
    right: 30px;
    cursor:pointer;
}

body > header > div.contenido > nav > div.boton > h2 {
    padding-left:4px;
    font-family:"Open Sans";
    font-weight: 300;
    font-size:18px;
    color:rgb(255,255,255);
    font-weight: normal;
    text-transform: uppercase;
}

/*
aparecer iconos
*/
body > header > div.contenido > nav > div.boton > span {
    position:absolute;
    top:34px;
    left:0;
    display: inline-block;
    background-image: url(svg/icon%20menu.svg);
    background-repeat: no-repeat;
    background-size:61px;
    width: 61px;
    height:31px;
}

/* 
MENU DESPLEGABLE
*/


header > div.contenido > nav > ol.menu {
	position: fixed;
	background-color: black;
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0px;
	left: 0;
	text-align: center;
	padding-top: 158px;
    z-index: -1;
    display:none;
}

header > div.contenido > nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header > div.contenido > nav > ol > li {
	line-height:200%;
	font-size: 20px;
	width:245px;
	display: inline-block;
	margin-left: 14px;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 69px;
	vertical-align: top;
	height: 699px; 
	text-align: left;
	box-sizing: border-box;
	color: black;
}

header > div.contenido > nav > ol > li.novedades {
	background-color:rgb(254,238,0);
}

header > div.contenido > nav > ol > li.nivel1 {
	background-color:rgb(0,155,219);
}

header > div.contenido > nav > ol > li.nivel2 {
	background-color:rgb(186,0,124);
}

header > div.contenido > nav > ol > li.contacto {
	background-color:black;
    color:white;
}

header > div.contenido > nav ol a {
	text-decoration: none;
	color:inherit;
}

header > div.contenido > nav a strong {
	text-transform: uppercase;
	font-size: 20px;
	display: inline-block;
	margin-bottom: 77px;
}




/*
FOOTER
*/

body > footer {
    text-align:center;
    font-family:DTLNobelT;
    font-size:14px;
    text-transform: uppercase;
	background-color: white;
}

body > footer > p {
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 5px;
}

/*
CLASE NAVEGACION
*/

body > section {
    position:relative;
    padding-top:94px;
    box-sizing:border-box;
}

body > section > div.subirbajar {
    position:absolute;
    z-index:1;
    right:40px;
    top:50%;
}

body > section > div.subirbajar > a {
    display:block;
    background-image:url("svg/bajar%20menu_vaciio_negro.svg");
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    height: 32px;
    width: 32px;
    background-size: contain;
}

body > section > div.subirbajar > a.seleccionado {
    background-image:url("svg/bajar%20menu_lleno_negro.svg");
}

body > section > div.contenido {
    max-width: 1003px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align:center;
}

body > section > div.contenido > h2 {
	font-family:DTLNobelT;
	font-size:50px;
	font-weight:bold;
	letter-spacing:2pt;
	text-transform:uppercase;
	text-align: center;
	border: 2px solid #000;
	border-left:none;
 	border-right:none;
	margin: auto;
    display:inline-block;
}

/*
NOVEDADES
*/



body.bodyprivado > section.contacto > div.subirbajar > a {
    background-image:url("svg/bajar%20menu_vaciio%20(2).svg");
}

body.bodyprivado > section.contacto > div.subirbajar > a.seleccionado {
    background-image:url("svg/bajar%20menu.svg");
}

body.bodyprivado > section.novedades {
    height:710px;
    background-color:rgb(254,238,0);
}

body.bodyprivado > section.novedades > div.contenido > article {
    width: 358px;
    height: 181px;
    position: relative;
    text-align:left;
    padding-left: 40px;
    padding-top: 30px;
    padding-right: 40px;
}

body.bodyprivado > section.novedades > div.contenido > article > h3 {
    background-repeat: no-repeat;
    width: 75px;
    height:69px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    right: -6px;
    top: -34px;
    margin:0px;
}

body.bodyprivado > section.novedades > div.contenido > article > h4 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
    margin: 0px;
    text-transform: uppercase;
}


body.bodyprivado > section.novedades > div.contenido > article > p {
    font-family:"Open Sans";
    font-size:17px;
    font width: normal;
    color:rgb(255,255,255);
    text-align:left;
    margin: 0px;
}

body.bodyprivado > section.novedades > article > p > strong{
    font-family:"Open Sans";
    font-size:17px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
}

body.bodyprivado > section.novedades > div.contenido > article > a {
    font-family:Lato;
    font-size:15px;
    font-style:italic;
    color:rgb(255,255,255);
    text-align:left;
    background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:47px;
    background-position: 0px 42px;
    height:48px;
    text-decoration: none;
    display: block;
    padding-left: 64px;
    padding-top: 56px;
}

body.bodyprivado > section.novedades > div.contenido > article.proximaclase {
    background-color:rgb(0,155,219);
    position: absolute;
    left: 0px;
    top: 130px;
}

body.bodyprivado > section.novedades > div.contenido > article.proximaclase > h3 {
    background-image: url(svg/icono%20n1.svg);
    background-size:75px;
}

body.bodyprivado > section.novedades > div.contenido > article.entrega {
    background-color:rgb(0,145,0);
    position: absolute;
    left: 0px;
    top: 352px;
}

body.bodyprivado > section.novedades > div.contenido > article.proximaclase2 > h3 {
    background-image: url(svg/icono%20n2.svg);
    background-size:75px;
}
    
    
body.bodyprivado > section.novedades > div.contenido > article.proximaclase2 {
    background-color:rgb(186,0,124);
    position: absolute;
    left: 450px;
    top: 130px;
}

body.bodyprivado > section.novedades > div.contenido > article.correccion {
    background-color:rgb(185,0,0);
    position: absolute;
    left: 450px;
    top: 352px; 
}

body.bodyprivado > section.novedades > div.contenido > a {
    width: 97px;
    height: 18px;
    background-color: black;
    font-family:DTLNobelT;
    font-size:11px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:center;
    text-transform: uppercase;
    text-decoration: none;
    background-repeat: no-repeat;
    display: block;
    position:absolute;
    right: 0px;
    padding-top: 85px;
}
    

body.bodyprivado > section.novedades > div.contenido > a.descargas {
    background-image: url(svg/ICONO%20DESCARGAS%20.svg);
    background-size:contain;
    top: 130px;
}

body.bodyprivado > section.novedades > div.contenido > a.consultas {
    background-image: url(svg/ICONO%20consultas.svg);
    background-size: 40px;
    background-position: center 10px;
    top: 238px;
}


body.bodyprivado > section.novedades > div.contenido > a.teoricas {
    background-image: url(svg/ICONO%20teoricas.svg);
    background-size:contain;
    top: 352px;
}

body.bodyprivado > section.novedades > div.contenido > a.examenes {
    background-image: url(svg/examenes.svg);
    background-size:contain;
    top: 460px;
}


/*
HOME NIVEL I
*/


body.bodyprivado > section.nivel1 {
    height: 660px;
    background-color: #009BDD;
}

body.bodyprivado > section.nivel1 > div.contenido > h2 {
    color: white;
    border: 2px solid #FFFFFF;
	border-left:none;
 	border-right:none;
}

body.bodyprivado > section.nivel1 > div.contenido > article,
body.bodyprivado > section.nivel1 > div.contenido > a,
body.bodyprivado > section.nivel1 > div.contenido > div {
    position: absolute;
}

body.bodyprivado > section.nivel1 > div.contenido > article {
    padding: 20px;
    box-sizing: border-box;
}

body.bodyprivado > section.nivel1 > div.contenido > article.tpcolor {
    text-align: left;
    width: 60%;
    height: 206px;
    background-color: white;
    top:110px;  
    padding:20px;
    box-sizing: border-box;
}

body.bodyprivado > section.nivel1 > div.contenido > article.tpcolor > h3 {
    font-family:Lato;
    font-size:35px;
    font-weight:bold;
    line-height:120%;
    color:rgb(0,154,218);
    text-align:left;
    margin: 0px;
}

body.bodyprivado > section.nivel1 > div.contenido > article.tpcolor > em {   
    font-family:Lato;
    font-size:25px;
    font-style:italic;
    line-height:120%;
    color:rgb(0,154,218);
    text-align:left;
}

body.bodyprivado > section.nivel1 > div.contenido > article.tpcolor > p {
    font-family:"Open Sans";
    font-size:15px;
    line-height:120%;
    color:rgb(64,64,81);
    text-align:left;
}

body.bodyprivado > section.nivel1 > div.contenido > article.tpcolor > a {
    font-family:Lato;
    font-size:15px;
    font-style:italic;
    color:rgb(255,255,255);
    text-align:left;
    background-image: url(svg/signo%20mascyan.svg);
    background-repeat: no-repeat;
    background-size:47px;
    height:48px;
    text-decoration: none;
    display: block;
    padding-left: 52px;
    padding-top: 13px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    top:6px;
    right:-20px;
}

body.bodyprivado > section.nivel1 > div.contenido > article.materiales {
    text-align: left;
    width: 42%;
    height: 199px;
    background-color: rgb(65,65,81);
    top:322px;
}

body.bodyprivado > section.nivel1 > div.contenido > article.materiales > a.vermas {
    position: absolute;
    top: 6px;
    right: -20px;
}
    
    
body.bodyprivado > section.nivel1 > div.contenido > article.materiales > h4 {
    font-family:Lato;
    font-size:25px;
    font-weight:bold;
    color:rgb(0,154,218);
    margin: 0px;
}

body.bodyprivado > section.nivel1 > div.contenido > article.materiales > em {
    font-family:Lato;
    font-size:20px;
    font-style:italic;
    color:rgb(0,154,218);
}

body.bodyprivado > section.nivel1 > div.contenido > article.materiales > a {
    font-family:"Open Sans";
    font-size:15px;
    font-weight:normal;
    color:rgb(255,255,255);
    text-decoration: none;
}
  
body.bodyprivado > section.nivel1 > div.contenido > article.materiales > a.vermas {
    background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:47px;
    height:48px;
    text-decoration: none;
    display: block;
    padding-left: 52px;
    padding-top: 13px;
    text-indent: -999px;
    overflow: hidden;
}

body.bodyprivado > section.nivel1 > div.contenido > a.botoncomisiones {
    background-image: url(svg/ICONO%20comisiones_blanco.svg);
    background-repeat: no-repeat;
    background-size:contain;
    text-decoration: none;
    display: block;
    text-decoration: none;
    font-family:"Lato";
    font-size:18px;
    font-weight:900;
    letter-spacing:1pt;
    color:rgb(255,255,255);
    text-transform: uppercase;
    position: absolute;
    padding-top: 140px;
    text-align: center;
    top: 350px;
    left: 45%;
}

body.bodyprivado > section.nivel1 > div.contenido > article.encuenta {  
    background-color:rgb(65,65,81);
    width:28%;
    height:406px;
    text-align: left;
    top:110px;
    left: 60.7%;
}
    
body.bodyprivado > section.nivel1 > div.contenido > article.encuenta > h4 {
    font-family:Lato;
    font-size:25px;
    font-weight:bold;
    color:rgb(0,153,216);
    margin: 0px;
}

body.bodyprivado > section.nivel1 > div.contenido > article.encuenta > em {     
    font-family:Lato;
    font-size:18px;
    font-style:italic;
    color:rgb(0,154,218);
}
    
    
body.bodyprivado > section.nivel1 > div.contenido > article.encuenta > p {    
    font-family:"Open Sans";
    font-size:13px;
    color:rgb(255,255,255);
}

body.bodyprivado > section.nivel1 > div.contenido > article.encuenta > h5 {  
    font-family:Lato;
    font-size:17px;
    color:rgb(0,154,218);
    background-image: url(svg/comillascyan.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height: 52px;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding-top: 14px;
    padding-left: 55px;
    box-sizing: border-box;
    
}


body.bodyprivado > section.nivel1 > div.contenido > article.encuenta > a.leermas { 
    font-family:"DTLNobelT";
    font-weight: 300;
    font-size:10px;
    color:rgb(255,255,255);
    text-transform: uppercase;
    background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
    height: 30px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 365px;
    right: 12px;
    padding-right:35px;
    padding-top: 9px;
    box-sizing: border-box;
}

body.bodyprivado > section.nivel1 > div.contenido > article.encuenta > img {  
    width: 100%;
    margin-top:8px;
}


body.bodyprivado > section.nivel1 > div.contenido > div.botones {
    background-color:rgb(255,255,255);
    width:10%;
    height:406px;
    position: absolute;
    right: 0px;
    top:110px;
    
}

body.bodyprivado > section.nivel1 > div.contenido > div.botones > a {
    text-decoration: none;
    display: block;
    font-family:"Lato";
    font-size:18px;
    font-weight:900;
    color:rgb(0,153,217);
    padding-top: 111px;
    text-transform: uppercase;
}

body.bodyprivado > section.nivel1 > div.contenido > div.botones > a.pdf {
    background-image: url(svg/descargaspdfcyan.svg);
    background-repeat: no-repeat;
    background-size:contain;  
}

body.bodyprivado > section.nivel1 > div.contenido > div.botones > a.ideas {
    background-image: url(svg/ideaslamparita.svg);
    background-repeat: no-repeat;
    background-size:contain; 
}

body.bodyprivado > section.nivel1 > div.contenido > div.botones > a.guias {
    background-image: url(svg/referentes%20cyan.svg);
    background-repeat: no-repeat;
    background-size:contain;  
}



/*
HOME NIVEL II
*/



body.bodyprivado > section.nivel2 {
    height:660px;
    background-color:#BA007C;
}


body.bodyprivado > section.nivel2 > div.contenido > h2 {
 color: white;
    border: 2px solid #FFFFFF;
	border-left:none;
 	border-right:none;
}


body.bodyprivado > section.nivel2 > div.contenido > img {
    position:absolute;
    z-index:0;
    top:110px;
    left:0;
}

body.bodyprivado > section.nivel2 > div.contenido > article {
    position:absolute;
    text-align: left;
    padding-top:37px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:37px;
    box-sizing:border-box;
    
}

body.bodyprivado > section.nivel2 > div.contenido > article.tptramados {  
    background-color:rgba(255,255,255,0.8);
    width:298px;
    height:406px;
    top:110px;
}
    
body.bodyprivado > section.nivel2 > div.contenido > article.tptramados > h3 {
    text-transform:uppercase;
    font-family:Lato;
    font-size:35px;
    font-weight:bold;
    margin: 0px;
    color:#B9007B;
    margin-bottom:10px;
}

body.bodyprivado > section.nivel2 > div.contenido > article.tptramados > em {     
    font-family:Lato;
    font-size:25px;
    font-style:italic;
    color:#B9007B;
}
    
    
body.bodyprivado > section.nivel2 > div.contenido > article.tptramados > p {    
    font-family:"Open Sans";
    font-weight: normal;
    font-size:15px;
}
    
body.bodyprivado > section.nivel2 > div.contenido > article.tptramados > ol {
    font-size:15px;
    margin:0;
}


body.bodyprivado > section.nivel2 > div.contenido > article.materiales {
    text-align: left;
    width: 302px;
    height: 199px;
    background-color: rgba(151,151,151, 0.8);
    top:318px;
    left:298px;
    padding-top:20px;
}
    
    
body.bodyprivado > section.nivel2 > div.contenido > article.materiales > h4 {
    font-family:Lato;
    font-size:25px;
    font-weight:bold;
    color:#BA007C;
    margin: 0px;
}

body.bodyprivado > section.nivel2 > div.contenido > article.materiales > em {
    font-family:Lato;
    font-size:20px;
    font-style:italic;
    color:#BA007C;
}

body.bodyprivado > section.nivel2 > div.contenido > article.materiales > a {
    font-family:"Open Sans";
    font-size:15px;
    color:rgb(255,255,255);
    text-decoration: none;
}
  
body.bodyprivado > section.nivel2 > div.contenido > article.materiales > a.vermas {
    position: absolute;
    bottom: -10px;
    right: -20px;
    background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:47px;
    height:48px;
    text-decoration: none;
    display: block;
    padding-left: 52px;
    padding-top: 13px;
    text-indent: -999px;
    overflow: hidden;
}

body.bodyprivado > section.nivel2 > div.contenido > article.tptramados > a { 
    font-family:"DTLNobelT Light";
    font-size:10px;
    color:rgb(255,255,255);
    text-transform: uppercase;
    background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
    height: 30px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 365px;
    right: 12px;
    padding-right:35px;
    padding-top: 9px;
    box-sizing: border-box;
}

body.bodyprivado > section.nivel2 > div.contenido > article.encuenta {  
    background-color: rgba(151,151,151, 1);
    width:288px;
    height:406px;
    text-align: left;
    top:110px;
    left: 608px;
    padding-top:15px;
}
    
body.bodyprivado > section.nivel2 > div.contenido > article.encuenta > h4 {
    font-family:Lato;
    font-size:25px;
    font-weight:bold;
    color:#BA007C;
    margin: 0px;
    margin-bottom:10px;
}

body.bodyprivado > section.nivel2 > div.contenido > article.encuenta > em { 
    display:block;
    margin-bottom:10px;
    font-family:Lato;
    font-size:18px;
    font-style:italic;
    color:#BA007C;
}
    
    
body.bodyprivado > section.nivel2 > div.contenido > article.encuenta > p {    
    font-family:"Open Sans";
    font-size:13px;
    margin:0;
    margin-bottom:5px;
    color:rgb(255,255,255);
}

body.bodyprivado > section.nivel2 > div.contenido > article.encuenta > h5 {  
    font-family:Lato;
    font-size:17px;
    color:#BA007C;
    background-image: url(svg/comillasmagenta.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height: 52px;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding-top: 14px;
    padding-left: 55px;
    box-sizing: border-box;    
}


body.bodyprivado > section.nivel2 > div.contenido > article.encuenta > a.leermas { 
    font-family:"DTLNobelT";
    font-weight: 300;
    font-size:10px;
    color:rgb(255,255,255);
    text-transform: uppercase;
    background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
    height: 30px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 365px;
    right: 12px;
    padding-right:35px;
    padding-top: 9px;
    box-sizing: border-box;
}

body.bodyprivado > section.nivel2 > div.contenido > article.encuenta > img {  
    width: 100%;
    margin-top:8px;
}


body.bodyprivado > section.nivel2 > div.contenido > div.botones {
    background-color:rgb(255,255,255);
    width:101px;
    height:406px;
    position: absolute;
    right: 0px;
    top:110px;
    
}

body.bodyprivado > section.nivel2 > div.contenido > div.botones > a {
    text-decoration: none;
    display: block;
    font-family:"Lato";
    font-size:18px;
    font-weight:900;
    color:#BA007C;
    padding-top: 111px;
    text-transform: uppercase;
}

body.bodyprivado > section.nivel2 > div.contenido > div.botones > a.comisiones {
    background-image: url(svg/ICONO%20comisiones_magenta.svg);
    background-repeat: no-repeat;
    background-size:contain; 
    font-size:14px;
}

body.bodyprivado > section.nivel2 > div.contenido > div.botones > a.pdf {
    background-image: url(svg/descargaspdfmagenta.svg);
    background-repeat: no-repeat;
    background-size:contain;  
}

body.bodyprivado > section.nivel2 > div.contenido > div.botones > a.guias {
    background-image: url(svg/referentesmagenta.svg);
    background-repeat: no-repeat;
    background-size:contain; 
}



/*
CONTACTO HOME
*/

body.bodyprivado > section.contacto {
    background-color: black;
    color:white;
    height:640px;
}

body.bodyprivado > section.contacto > div.contenido > h2 {
    border-color:white;
}

body.bodyprivado > section.contacto > div.contenido > a {
    position: absolute;
    top: 200px;
    text-decoration: none;
    display: block;
    width: 224px;
    height: 224px;
    background-color: white;
    font-family: Lato;
    font-weight: 900;
    font-size: 25px;
    color: black;
    text-transform: uppercase;
    text-align: center;
    padding-top: 180px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center 21px;
}

body.bodyprivado > section.contacto > div.contenido > a.comisiones {
    background-image: url("svg/ICONO%20comisiones_negro.svg");
    left:0;
}

body.bodyprivado > section.contacto > div.contenido > a.intercambio {
    background-image: url("svg/ICONO%20mail_negro.svg");
    background-size: 176px;
    left:520px;
    left:260px;
}

body.bodyprivado > section.contacto > div.contenido > a.discusiones {
    background-image: url("svg/icono%20discusiones.svg");
    left:520px;
}

body.bodyprivado > section.contacto > div.contenido > a.facebook {
    background-image: url("svg/icon%20face_negro.svg");
    background-size: 129px;
    left:776px;
    
}





/*********************************************************************************
HOME PUBLICA
*********************************************************************************/


body.bodypublico > section > div.contenido > h2 {
    color:white;
    border-color:white;
}


body.bodypublico > section.navegacion {
    display: block;
    padding: 0;
    background-color: black;
}
 

body.bodypublico > section.navegacion > div.contenido {
    background-image: url(svg/homepublicacompleta.png);
    background-size: contain;
    background-repeat:no-repeat;
    background-position:50% 50%;
    height:640px;
}

body.bodypublico > section.navegacion > div.contenido > h2 {   
    display: none;
}

body.bodypublico > section.navegacion > div.contenido > a {
    position: absolute;
    display: block;
    width: 200px;
    height: 180px;
}

body.bodypublico > section.navegacion > div.contenido > a > span {
    display:none;
}

body.bodypublico > section.navegacion > div.contenido > a.botoncatedra {
    top: 120px;
    left: 420px;
}

body.bodypublico > section.navegacion > div.contenido > a.botonnivel1 {
    top: 320px;
    left: 293px;
}
    
body.bodypublico > section.navegacion > div.contenido > a.botonnivel2 {
    top: 320px;
    left: 535px;
}
      
    

/*
HOME LA CATEDRA
*/



body.bodypublico > section.homecatedra {
    display: block;
    background-color: #FEEE00;
    height:640px;
    text-align: center;
}

body.bodypublico > section.homecatedra > div.contenido > h2 {
    color:black;
    border-color:black;
}

body.bodypublico > section.homecatedra > div.contenido > ul {
    font-family:"Open Sans";
    font-size:22px;
    text-align:left;
    list-style-image: url(svg/check%20oknegro.svg);
    max-width: 293px;
    margin-left: auto;
    margin-right: auto;
}

body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a.programaestudios {
    background-image: url(svg/programa%20de%20estudios.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height:159px;
    width: 192px;
    display: block;
    font-family:Lato;
    font-size:16px;
    text-transform: uppercase;
    position: absolute;
    left:80px;
    padding-top: 160px;
    box-sizing: border-box;   
}

body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a.planteldocente {
    background-image: url(svg/ICONO%20plantel%20docente_2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height:159px;
    width: 192px;
    display: block;
    font-family:Lato;
    font-size:16px;
    text-transform: uppercase;
    position: absolute;
    left:420px;
    padding-top: 160px;
    box-sizing: border-box;   
}

body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a.ingresantes2015 {
    background-image: url(svg/ICONO%20ingresantes2015.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height:200px;
    width: 175px;
    display: block;
    font-family:Lato;
    font-size:16px;
    text-transform: uppercase;
    position: absolute;
    right: 80px;
    padding-top: 160px;
    box-sizing: border-box;   
}


/*
HOME NIVEL I
*/



body.bodypublico > section.nivel1 {
    display: block;
    background-color: #009BDB;
    height:700px;
}

body.bodypublico > section.nivel1 > div.contenido > article {
    background-color:rgb(255,255,255);
    max-width:482px;
    text-align: left;
    margin-top: 60px;
    position: absolute;
    padding-top: 197px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    box-sizing: border-box; 
}


body.bodypublico > section.nivel1 > div.contenido > article.tp2 {
    right: 0px;
}

body.bodypublico > section.nivel1 > div.contenido > article > h3 {
    font-family:Lato;
    font-size:35px;
    font-weight:lighter;
    line-height:120%;
    color:rgb(0,154,218);
    text-align:left;
    margin: 0px;
    text-transform: uppercase;
}

body.bodypublico > section.nivel1 > div.contenido > article > h3 > strong {
    font-family:Lato;
    font-size:35px;
    font-weight:bold;
    line-height:120%;
    color:rgb(0,154,218);
    text-align:left;
    text-transform: uppercase;
}

body.bodypublico > section.nivel1 > div.contenido > article > em {
    font-family:Lato;
    font-size:21px;
    font-style:italic;
    color:rgb(0,153,217);
    text-align:left;
}

body.bodypublico > section.nivel1 > div.contenido > article > p {
    font-family:"Open Sans";
    font-size:15px;
    color:rgb(63,63,81);
}

body.bodypublico > section.nivel1 > div.contenido > article > a.botonvermas {
    font-family:Lato;
    font-size:15px;
    font-style:italic;
    color:rgb(0,154,218);
    background-image: url(svg/signo%20mascyan.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 48px;
    display: block;
    padding-left: 53px;
    padding-top: 17px;
    box-sizing: border-box; 
}

body.bodypublico > section.nivel1 > div.contenido > article > img {
    width: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
}

body.bodypublico > section.nivel1 > div.contenido > article > img.foto1 {
    width: 50%;
    position: absolute;
    top: 0px;
    left: 50%;
}






/*
HOME PUBLICA NIVEL II
*/


body.bodypublico > section.nivel2 {
    display: block;
    background-color: #C40075;
    height:700px;
}


body.bodypublico > section.nivel2 > div.contenido > article {
    background-color:rgb(255,255,255);
    max-width:300px;
    text-align: left;
    margin-top: 60px;
    position: absolute;
    padding-top: 230px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    box-sizing: border-box; 
    margin-top: 60px;
}

body.bodypublico > section.nivel2 > div.contenido > article.tp2 { 
    left:351px;
}

body.bodypublico > section.nivel2 > div.contenido > article.tp3 { 
    left:700px;
}

body.bodypublico > section.nivel2 > div.contenido > article > h3 {
    font-family:"Lato";
    font-size:30px;
    font-weight:lighter;
    line-height:120%;
    color:#C40075;
    text-align:left;
    margin: 0px;
    text-transform: uppercase;
}


body.bodypublico > section.nivel2 > div.contenido > article > h3 > strong {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    line-height:120%;
    color:#C40075;
    text-align:left;
    text-transform: uppercase;
}



body.bodypublico > section.nivel2 > div.contenido > article > em {
    font-family:Lato;
    font-size:21px;
    font-style:italic;
    color:#C40075;
    text-align:left;
}

body.bodypublico > section.nivel2 > div.contenido > article > p {
    font-family:"Open Sans";
    font-size:15px;
    color:#3F3F51;
}


body.bodypublico > section.nivel2 > div.contenido > article > a.botonvermas {
    font-family:Lato;
    font-size:15px;
    font-style:italic;
    color:#C40075;
    background-image: url(svg/signo%20mas_magenta.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 48px;
    display: block;
    padding-left: 53px;
    padding-top: 17px;
    box-sizing: border-box; 
}

body.bodypublico > section.nivel2 > div.contenido > article > img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}





/*********************************************************************************
LA CATEDRA
*********************************************************************************/

body.bodycatedra > section.catedra {
    background-color: #FEEE00;
}

body.bodycatedra > section.catedra > div.contenido > section.programa {
    width: 100%;
}  

body.bodycatedra > section.catedra > div.contenido > section.programa > h3 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    text-transform: uppercase;
    text-align: left;
    background-image: url(svg/programa%20de%20estudios.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 99px;
    display: block;
    padding-left: 125px;
    padding-top: 57px;
    box-sizing: border-box; 
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > h3 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    text-align:left;
    text-transform: uppercase;
    background-image: url(svg/ICONO%20plantel%20docente_2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 102px;
    display: block;
    padding-left: 157px;
    padding-top: 57px;
    box-sizing: border-box; 
}

body.bodycatedra > section.catedra > div.contenido > section.plantel {
    position: relative;
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes {
    border-bottom-color:rgb(0,0,0);
    border-top-color:rgb(0,0,0);
    border-width:1px;
    border-bottom-style: solid;
    border-top-style: solid;
    padding-bottom: 5px;
    padding-top: 10px;
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > div.iconosniveles {
    background-image: url(svg/nI%20y%20II.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 95px;
    width: 215px;
    display: block;
    box-sizing: border-box; 
    position: absolute;
    top: 8px;
    right: 0px; 
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > article {
    display:inline-block;
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > article > div.info {
    -webkit-transition:all 300ms ease;
    opacity:0;
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > article:hover > div.info {
    opacity:1;
}
    
body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > article > div.info {
    position: absolute;
    background-color:rgb(0,0,0);
    width:172px;
    height:102px;
    background-image: url(svg/circulo%20I%20y%20II.svg);
    background-repeat: no-repeat;
    background-position:left bottom;
    text-align:left;
    background-position: 10px 42px;
    text-align:right;
}
    
body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > article > div.info > h4 {
    font-family:DTLNobelT;
    font-size:18px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:center;
    padding-top: 10px;
    margin:0;
    margin-bottom:16px;
    box-sizing: border-box; 
    text-transform:uppercase;
}

body.bodycatedra > section.catedra > div.contenido > section.plantel > div.fotosdocentes > article > div.info > em {
    font-family:Lato;
    font-size:21px;
    font-style:italic;
    color:rgb(255,255,255);
    display: inline-block;
    padding-left:10px;
    padding-right:10px;
    margin-right:10px;
    border-top-color: rgb(255,255,255);
    border-bottom-color: rgb(255,255,255);
    border-width:1px;
    border-bottom-style:solid;
    border-top-style:solid;
}

body.bodycatedra > section.catedra > div.contenido > section.ingresantes > h3 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    text-align:left;
    text-transform: uppercase;
    background-image: url(svg/ICONO%20ingresantes2015.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 111px;
    display: block;
    padding-left: 149px;
    padding-top: 67px;
    box-sizing: border-box; 
}

body.bodycatedra > section.catedra > div.contenido > section.ingresantes > img {
    width: 100%;
}


body.bodycatedra > section.catedra > div.contenido > section.ingresantes > h4 {
    font-family:Lato;
    font-size:20px;
    font-weight:bold;
    text-align:left;
    text-transform: uppercase;
}

body.bodycatedra > section.catedra > div.contenido > section.ingresantes > h4 > strong {
    font-family:"Lato";
    font-size:20px;
    font-weight:900;
    line-height:120%;
    text-align:left;
    text-transform: uppercase;
}

body.bodycatedra > section.catedra > div.contenido > section.ingresantes > p {
    font-family:"Open Sans";
    font-size:16px;
    text-align:left;
}
    
body.bodycatedra > section.catedra > div.contenido > section.ingresantes > em {
    font-family:Lato;
    font-size:14px;
    font-style:italic;
    text-align:right;
    display: block;
}

body.bodycatedra > section.catedra > div.contenido > section.galeria > h3 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    text-align:left;
    text-transform: uppercase;
    background-image: url(svg/icono%20galeria.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 110px;
    display: block;
    padding-left: 149px;
    padding-top: 63px;
    box-sizing: border-box; 
}

body.bodycatedra > section.catedra > div.contenido > section.ingresantes > h5 {
    font-family:Lato;
    font-size:16px;
    font-weight:bold;
    text-align:left;
    text-transform: uppercase;
}

body.bodycatedra > section.catedra > div.contenido > section.galeria {
    position: relative;
    height: 613px;
}

body.bodycatedra > section.catedra > div.contenido > section.galeria > img {
    -webkit-transition:all 300ms ease;
}

body.bodycatedra > section.catedra > div.contenido > section.galeria > img:hover {
    position:relative;
    z-index:10;
    -webkit-transform:scale(1.05);
}

body.bodycatedra > section.catedra > div.contenido > section.galeria > img.g1 {
    position: absolute;
    left: 0px;
    top: 140px;
}

body.bodycatedra > section.catedra > div.contenido > section.galeria > img.g2 {
    position: absolute;
    right: 0px;
    top: 140px;
}

body.bodycatedra > section.catedra > div.contenido > section.galeria > img.g3 {
    position: absolute;
    right: 0px;
    top: 387px;
    width: 330px;
    height: 187px;
}


/*********************************************************************************
CONTACTO
*********************************************************************************/

body.contacto > section.contacto > div.contenido > section.comisiones > header > a  {
    display: none;
}

body.contacto > section.contacto > div.contenido >  section.comisiones > header > h3 {
    display: none;
}

body.contacto > section.contacto > div.contenido > h2 {
	color: white;
	border-top-color: rgb(255,255,255);
    border-bottom-color: rgb(255,255,255);
    border-width:1px;
    border-bottom-style:solid;
    border-top-style:solid;
}

body.contacto > section.contacto {
    background-color: #000000;
}

body.contacto > section.contacto > div.contenido >  section.comisiones > header {
    background-image: url(svg/contacto-header.png);
    width:1004px;
    height:132px;
	margin-top: 50px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena {
	width: 1004px;
	text-align: left;
	padding-bottom:100px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > h4 {
	display: none;
}
	
body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase {
	background-color:rgb(255,255,0);
	position: relative;
	padding-left: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
}
	
body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase > span {
	text-transform: uppercase;
	position: absolute;
	left: 43px;
	top: 173px;
}
	
body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase > em {
	font-family:Lato;
	font-size:30px;
	font-style:italic;
	text-align:left;
	color: #000000;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase > p {
	font-family:"Open Sans";
	font-size:17px;
	text-align:left;
	color:#000000;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase > strong {
	font-family:"Lato";
	font-size:17px;
	font-weight:900;
	text-align:left;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase > ul {
	list-style: none;
	font-family:"Open Sans";
	font-size:17px;
	text-align:left;
	
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.proximaclase > img {
	position: absolute;
	top: 20px;
	left: 30px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.iconosaccion {
	font-family:DTLNobelT;
	font-size:25px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	display: block;
	position: relative;
	height: 150px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.iconosaccion > a.mail {
	background-image: url(svg/ICONO%20mail.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 92px;
	width: 404px;
    display: block;
   	padding-left: 107px;
	padding-top: 40px;
    box-sizing: border-box;
	position: absolute;
	left: 528px;
	top:9px;
	text-decoration: none;
	color: white;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.iconosaccion > a.face {
    background-image: url(svg/icon%20face.svg);
    background-size: contain;
    background-repeat: no-repeat;
  	height: 70px;
	width: 70px;
	display: block;
	position: absolute;
	left: 842px;
	top: 9px;
	text-indent: -9999px;
    overflow: hidden;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.iconosaccion > a.twitter {
    background-image: url(svg/icon%20tweeter.svg);
    background-size: contain;
    background-repeat: no-repeat;
  	height: 70px;
	width: 70px;
	display: block;
	position: absolute;
	left: 931px;
	top: 9px;
	text-indent: -9999px;
    overflow: hidden;
	
}
 
body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > div.iconosaccion > a.discusionesicono {
	background-image: url(svg/icono%20discusiones%20blanco.svg);
    background-size: contain;
    background-repeat: no-repeat;
  	height: 92px;
	display: block;
	padding-left: 140px;
	padding-top: 34px;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 9px;
	text-decoration: none;
	color: white;
}	

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones {
	background-color: white;
	padding-top: 20px;
	padding-bottom: 30px;	
}
	
body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > h3 {
	display: none;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones {
	position: relative;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article {
	padding-left: 140px;
	position: relative;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > article.respuestas {
	position: absolute;
	left: 800px;
	top: 20px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > h4 {
	font-family:Lato;
	font-size:25px;
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > h4.respuestas {	
	position: absolute;
	left: 800px;
	top: -34px;
}


body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > p {	
	width: 625px;
	font-family:"Open Sans";
	font-size:16px;
	text-align:left;
}
	
body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > h5 {		
	font-family:Lato;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > span.numerorespuestas {
	position: absolute;
	left: 870px;
	top:50px;
	width: auto;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > p.respuesta {
	padding-left: 85px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > span {
	position: absolute;
	left: 870px;
	top:46px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > img {
	position: absolute;
	left:20px;
	top:7px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > article > img.alumnorespuestas {
	left: 142px;
	top: 41px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > div.botonesdiscusiones {
	position: relative;
	height: 49px;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > div.botonesdiscusiones > a.vertodo {
	background-image: url(svg/icono%20ver%20todo.svg);
    background-size: contain;
    background-repeat: no-repeat;
  	height: 49px;
	display: block;
	padding-left: 98px;
	padding-top: 34px;
	box-sizing: border-box;
	position: absolute;
	left: 633px;
	top: 0px;
	text-decoration: none;
	text-indent: -9999px;
    overflow: hidden;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > div.botonesdiscusiones > a.misdiscusiones {
	background-image: url(svg/icono%20play.svg);
    background-size: contain;
    background-repeat: no-repeat;
  	height: 49px;
	display: block;
	padding-left: 98px;
	padding-top: 34px;
	box-sizing: border-box;
	position: absolute;
	left: 725px;
	top: 0px;
	text-decoration: none;
	text-indent: -9999px;
    overflow: hidden;
}

body.contacto > section.contacto > div.contenido > section.comisiones > section.comisionmacarena > section.discusiones > div.botonesdiscusiones > a.veranterior {
	background-image: url(svg/icono%20siguiente.svg);
    background-size: contain;
    background-repeat: no-repeat;
  	height: 49px;
	display: block;
	padding-left: 98px;
	padding-top: 34px;
	box-sizing: border-box;
	position: absolute;
	left: 800px;
	top: 0px;
	text-decoration: none;
	text-indent: -9999px;
    overflow: hidden;
}





/*********************************************************************************
NOVEDADES
*********************************************************************************/


body.novedades {
	background-color: #FEEE00;
}

body.novedades > section.novedades > div.contenido {
}
 
body.novedades > section.novedades > div.contenido > article {
	height: 211px;
	margin-bottom: 20px;
	margin-top: 50px;
	
}

body.novedades > section.novedades > div.contenido > article.proxclass1 > div.prox {
	background-color:rgb(0,155,219);
    -webkit-transition:all 200ms ease;
}

body.novedades > section.novedades > div.contenido > article.proxclass1:hover > div.prox {
	background-color:rgb(0, 174, 250);
}

body.novedades > section.novedades > div.contenido > article.proxclass2 > div.prox {
	background-color:rgb(186,0,124);
    -webkit-transition:all 200ms ease;
}

body.novedades > section.novedades > div.contenido > article.proxclass2:hover > div.prox {
	background-color:rgb(206, 0, 136);
}

body.novedades > section.novedades > div.contenido > article > div.prox {
	position: absolute;
	top:0px;
	left: 255px;
	padding-left: 25px;
	width: 487px;
	height: 211px;
}

body.novedades > section.novedades > div.contenido > article > div.prox > h4 {
	font-family:Lato;
	font-size:30px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	margin: 0;
	text-transform: uppercase;
	padding-top: 25px;
}
	
body.novedades > section.novedades > div.contenido > article > div.prox > h4 > p > strong {
	font-family:"Open Sans";
	font-size:17px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
}

body.novedades > section.novedades > div.contenido > article > div.prox > p {
	font-family:"Open Sans";
	font-size:17px;
	color:rgb(255,255,255);
	text-align:left;
	width: 358px;
}

body.novedades > section.novedades > div.contenido > article > div.prox > a {
	text-decoration: none;
}

body.novedades > section.novedades > div.contenido > article > div.prox > a.vermas > em {
	font-family:Lato;
	font-size:15px;
	font-style:italic;
	color:rgb(255,255,255);
	text-align:left;
	background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:48px;
    height:48px;
    text-decoration:none;
    display: block;
    padding-left: 50px;
    padding-top: 13px;
}


body.novedades > section.novedades > div.contenido > article > div.prox > a.novcomisiones {
	background-image: url(svg/ICONO%20comisiones_blanco.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:78px;
    text-decoration: none;
    display: block;
    padding-left: 0px;
    padding-top: 80px;
	font-family:"Lato";
	font-size:14px;
	font-weight:900;
	color:rgb(255,255,255);
	text-align:center;
	box-sizing: border-box;
	text-transform: uppercase;
	position: absolute;
	top: 92px;
	left: 398px;

}

body.novedades > section.novedades > div.contenido > article {
	position: relative;
	width: 100%;
}

body.novedades > section.novedades > div.contenido > article > img {
	position: absolute;
	left: 0px;
	top: 0px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales {
	position: relative;
	top: 0px;
	left: 798px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a {
	position: absolute;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.descargas {
	background-image: url(svg/ICONO%20DESCARGAS%20.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 0px;
}


body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.teoricas {
	background-image: url(svg/ICONO%20teoricas.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left:18px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 109px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.consultas {
	background-image: url(svg/ICONO%20consultas.svg);
    background-repeat: no-repeat;
    background-size:36px;
	background-position: center;
    height:70px;
    text-decoration: none;
    display: block;
    padding-left: 11px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 0px;
	height: 103px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.calendario {
	background-image: url(svg/examenes.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 7px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 109px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales {
	position: relative;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a {
	position: absolute;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.descargas {
	background-image: url(svg/ICONO%20DESCARGAS%20.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 0px;
}


body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.teoricas {
	background-image: url(svg/ICONO%20teoricas.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left:18px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 109px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.consultas {
	background-image: url(svg/ICONO%20consultas.svg);
    background-repeat: no-repeat;
    background-size:36px;
	background-position: center;
    height:70px;
    text-decoration: none;
    display: block;
    padding-left: 11px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 0px;
	height: 103px;
}

body.novedades > section.novedades > div.contenido > article > div.botoneslaterales > a.calendario {
	background-image: url(svg/examenes.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 7px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 109px;
}


/*
DESPLIEGUE NOVEDADES
*/

body.novedades > section.info {
	padding-top: 40px;
}

body.novedades > section.info > div.contenido > article.proximaclase {
	background-color:rgb(0,155,219);
	min-height:405px;
	position: relative;
	padding: 40px;
	padding-left: 330px;
	box-sizing: border-box;
}

body.novedades > section.info > div.contenido > article.proximaclase > h3 {
    margin:0;
    margin-bottom:20px;
	font-family:Lato;
	font-size:30px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
}

body.novedades > section.info > div.contenido > article.proximaclase > p {
	font-family:"Open Sans";
	font-size:18px;
	color:rgb(255,255,255);
	text-align:left;
}

body.novedades > section.info > div.contenido > article.proximaclase > img {
	position: absolute;
	left: 40px;
	top:40px;
}


body.novedades > section.info > div.contenido > h3 {
	font-family:Lato;
	font-size:40px;
	font-weight:bold;
	text-align:left;
	background-image: url(svg/info%20secundaria_novedades.svg);
    background-repeat: no-repeat;
    background-size:71px;
    height:71px;
    display: block;
    padding-left: 78px;
    padding-top: 2px;
	text-transform: uppercase;
	box-sizing: border-box;
}

body.novedades > section.info > div.contenido > div.dobles {
	height:145px;
}


body.novedades > section.info > div.contenido > div.dobles > article {
	background-color:rgb(0,0,0);
	width:50%;
	height:145px;
	padding-left: 255px;
	box-sizing: border-box;
	padding-top: 20px;
}

body.novedades > section.info > div.contenido > div.dobles > article > h5 {
	font-family:Lato;
	font-size:25px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	margin: 0;
}


body.novedades > section.info > div.contenido > div.dobles > article > p {
	font-family:"Open Sans";
	font-size:18px;
	color:rgb(255,255,255);
	text-align:left;
	margin: 3px;
}

body.novedades > section.info > div.contenido > div.dobles > article > a.vermas {
	text-decoration:none;
}

body.novedades > section.info > div.contenido > div.dobles > article > a.vermas > em {
	font-family:Lato;
	font-size:15px;
	font-style:italic;
	color:rgb(255,255,255);
	text-align:left;
	background-image: url(svg/signo%20mas%20blanco.svg);
    background-repeat: no-repeat;
    background-size:48px;
    height:48px;
    display: block;
    padding-left: 50px;
    padding-top: 13px;
}

body.novedades > section.info > div.contenido > div.dobles {
	position: relative;
}


body.novedades > section.info > div.contenido > div.dobles > article.tramados {
	padding-left: 188px; 
}

body.novedades > section.info > div.contenido > div.dobles > article.tramados > img {
	left: 23px;
}
	
	
body.novedades > section.info > div.contenido > div.dobles > article.expo {
	position: absolute;
	top:0px;
	right: 0px;	
}

body.novedades > section.info > div.contenido > div.dobles > article > img {
	position: absolute;
	top:5px;
	left: 93px;
	margin-top: 15px;
}

body.novedades > section.info > div.contenido > article.infotramados {
	background-color:rgb(0,0,0);
	position: relative;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 450px;
	box-sizing: border-box;
	margin-top: 15px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

body.novedades > section.info > div.contenido > article.infotramados > h5 {
	font-family:Lato;
	font-size:25px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
}
	
body.novedades > section.info > div.contenido > article.infotramados > p {	
	font-family:"Open Sans";
	font-size:17px;
	color:rgb(255,255,255);
	text-align:left;
}

body.novedades > section.info > div.contenido > article.infotramados > img {
	position: absolute;
	left:600px;
	top:99px;
}
	

a {
    text-decoration: none;
    color:inherit;
}
    






/*********************************************************************************
SECCION NIVEL I
*********************************************************************************/

body.bodynivel1 {
    background-color:rgb(0,155,219); 
    height:1197px;
}


body.bodynivel1 > section.nivel1 > div.contenidonivel1 {
    max-width: 1003px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align:center;    
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > h2 {
	font-family:DTLNobelT;
	font-size:50px;
	font-weight:bold;
	letter-spacing:2pt;
	text-transform:uppercase;
	text-align: center;
	border: 2px solid #fff;
	border-left:none;
 	border-right:none;
	margin: auto;
    display:inline-block;
    color: white;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos {
    position: relative;
    width: 100%;
    height: 211px;
    margin-bottom: 20px;
    margin-top: 50px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > img {
    position: absolute;
    left: 0px;
    top: 0px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.textoobjetivos {
    background-color:rgb(0,0,0);
    width:518px;
    height: 213px;
    position: absolute;
    top: 0px;
    left: 255px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.textoobjetivos > h4 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
    margin: 0px;
    margin-top: 20px;
    text-transform: uppercase;
    padding-left:29px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.textoobjetivos > ul.objetivos {
    font-family:"Open Sans";
    font-size:17px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
    position: absolute;
    top:50px;
    left: 10px;
    padding-left: 55px;
    padding-right: 5px;
    vertical-align: middle;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.textoobjetivos > ul.unidades {
    font-family:"Open Sans";
    font-size:17px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
    position: absolute;
    top:52px;
    right: 0px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.textoobjetivos > ul.unidades > li > span {
    text-transform: uppercase;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.botoneslaterales {
	position: relative;
    top: 0px;
	left: 798px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.botoneslaterales > a {
    width: 97px;
    height: 18px;
    background-color: black;
    font-family:DTLNobelT;
    font-size:11px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:center;
    text-transform: uppercase;
    text-decoration: none;
    background-repeat: no-repeat;
    display: block;
    position:absolute;
    right: -2px;
    padding-top: 85px;
}
    

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.botoneslaterales > a.descargas {
    background-image: url(svg/ICONO%20DESCARGAS%20.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 0px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.botoneslaterales> a.consultas {
    background-image: url(svg/ICONO%20consultas.svg);
    background-repeat: no-repeat;
    background-size:36px;
	background-position: center;
    height:70px;
    text-decoration: none;
    display: block;
    padding-left: 11px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 0px;
	height: 103px;
}


body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.botoneslaterales > a.teoricas {
    background-image: url(svg/ICONO%20teoricas.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left:18px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 109px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.objetivos > div.botoneslaterales > a.calendario {
    background-image: url(svg/examenes.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 7px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 109px;
}


body.bodynivel1 > section.nivel1 > div.contenidonivel1 > section.botoneratp {
   position: relative;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > section.botoneratp > div.botoneratp {
    background-color:rgb(49,49,64);
    width:1003px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > section.botoneratp > div.botoneratp > ul {
    list-style: none;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > section.botoneratp > div.botoneratp > ul > li > a {

}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > section.botoneratp > div.botoneratp > ul > li {
    font-family:"Lato";
    font-weight: 300px;
    font-size:21px;
    color:rgb(255,255,255);
    text-align:left;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 70px;
    padding-right: 50px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > section.botoneratp > div.botoneratp > ul > li > strong {
    font-family:"Lato";
    font-weight: bold;
    font-size:21px;
    color:rgb(255,255,255);
    text-align:left;
    text-transform: uppercase;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp {
    position: relative;
    margin-bottom: 100px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp {  
    background-color:rgb(255,255,255);
    width:1003px;
    text-align: left;
}


body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp > img {
    top:30px;
    left:30px;
    padding-top: 71px;
    padding-bottom: 65px;
    padding-left: 28px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp > div {
    position: absolute;
    top:40px;
    left: 427px;
    right:20px;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp > div > h3 {
    font-family:"Lato";
    font-weight: 300;
    font-size:35px;
    color:rgb(0,155,219);
    text-align:left;
    text-transform: uppercase;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp > div. > h3 > strong {
    font-family:"Lato";
    font-weight: bold;
    font-size:35px;
    color:rgb(0,155,219);
    text-align:left;
    text-transform: uppercase;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp > div > em {
    font-family:"Lato";
    font-size:21px;
    font-style:italic;
    color:rgb(0,155,219);
    text-align:left;
}

body.bodynivel1 > section.nivel1 > div.contenidonivel1 > article.tp > div.contenedortp > div > p {
    font-family:"Open Sans";
    font-size:15px;
    color:rgb(13,13,30);
    text-align:left;
    margin-bottom:20px;
}




















/*********************************************************************************
SECCION NIVEL II
*********************************************************************************/

body.bodynivel2 {
    background-color:rgb(186,0,124); 
    height:1197px;
}


body.bodynivel2 > section.nivel2 > div.contenidonivel2 {
    max-width: 1003px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align:center;    
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > h2 {
	font-family:DTLNobelT;
	font-size:50px;
	font-weight:bold;
	letter-spacing:2pt;
	text-transform:uppercase;
	text-align: center;
	border: 2px solid #fff;
	border-left:none;
 	border-right:none;
	margin: auto;
    display:inline-block;
    color: white;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps {
    position: relative;
    width: 100%;
    height: 211px;
    margin-bottom: 20px;
    margin-top: 50px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > img {
    position: absolute;
    left: 0px;
    top: 0px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.tps {
    background-color:rgb(0,0,0);
    width:518px;
    height: 213px;
    position: absolute;
    top: 0px;
    left: 255px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.tps > a {
    font-family:"Lato";
    font-weight: 300;
    font-size:21px;
    color:rgb(255,255,255);
    text-align:left;
    text-transform: uppercase;
    display: block;
    padding-top: 20px;
    margin-top: 15px;
    padding-left: 50px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.tps > a > strong {
    font-family:"Lato";
    font-weight: bold;
    font-size:21px;
    color:rgb(255,255,255);
    text-align:left;
    text-transform: uppercase;
}


body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.botoneslaterales {
	position: relative;
    top: 0px;
	left: 798px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.botoneslaterales > a {
    width: 97px;
    height: 18px;
    background-color: black;
    font-family:DTLNobelT;
    font-size:11px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:center;
    text-transform: uppercase;
    text-decoration: none;
    background-repeat: no-repeat;
    display: block;
    position:absolute;
    right: 0px;
    padding-top: 85px;
}
    

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.botoneslaterales > a.descargas {
    background-image: url(svg/ICONO%20DESCARGAS%20.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 0px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.botoneslaterales > a.consultas {
    background-image: url(svg/ICONO%20consultas.svg);
    background-repeat: no-repeat;
    background-size:36px;
	background-position: center;
    height:70px;
    text-decoration: none;
    display: block;
    padding-left: 11px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 0px;
	height: 103px;
}


body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.botoneslaterales > a.teoricas {
    background-image: url(svg/ICONO%20teoricas.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left:18px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:0px;
	left: 109px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.menutps > div.botoneslaterales > a.calendario {
    background-image: url(svg/examenes.svg);
    background-repeat: no-repeat;
    background-size:contain;
    height:103px;
    text-decoration: none;
    display: block;
    padding-left: 7px;
    padding-top: 86px;
	font-family:DTLNobelT;
	font-size:11px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:left;
	text-transform: uppercase;
	background-color: black;
	width: 97px;
	box-sizing: border-box;
	top:108px;
	left: 109px;
}

 body.bodynivel2 > aside {
     width: 448px;
     background-color: black;
     position: relative;
 }

 body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside {  
     position: relative;
     margin-bottom: 60px;
 }

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > img {
    top:0px;
    left:0px;
    margin: 0px;
    display: block;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > div.textoobjetivos {
    width: 448px;
    height: 190px;
    background-color: black;
    padding-top:25px;
	padding-bottom:48px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > div.textoobjetivos > h4 {
    font-family:Lato;
    font-size:30px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
    text-transform: uppercase;
    margin-top: 15px;
	margin-left:15px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > div.textoobjetivos > ul {
    position: relative;
    margin: 0px;
    padding-left: 55px;
    padding-right: 5px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > div.textoobjetivos > ul.unidades {
    position: absolute;
    left: 200px;
    top: 448px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > div.textoobjetivos > ul > li {
    font-family:"Open Sans";
    font-size:17px;
    font-weight:bold;
    color:rgb(255,255,255);
    text-align:left;
}
    
body.bodynivel2 > section.nivel2 > div.contenidonivel2 > aside > div.contenedoraside > div.textoobjetivos > ul > li > span {    
    text-transform: uppercase;
}

    
body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.infotp {
    position: absolute;
    top: 351px;
    right: 0px;
    background-color: white;
    width: 539px;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.infotp > div {
    background-color: white;
    padding-top: 28px;
    padding-bottom: 30px;
    padding-left: 17px;
    text-align: left;
}
    
body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.infotp > div > h3 {
    font-family:"Lato";
    font-weight: 300;
    font-size:35px;
    color:rgb(185,0,123);
    text-align:left;
    text-transform: uppercase;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.infotp > div > h3 > strong {
    font-family:"Lato";
    font-weight: bold;
    font-size:35px;
    color:rgb(185,0,123);
    text-align:left;
    text-transform: uppercase;
}
    
body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.infotp > div > em {
    font-family:Lato;
    font-size:21px;
    font-style:italic;
    color:rgb(186,0,124);
    text-align:left;
}

body.bodynivel2 > section.nivel2 > div.contenidonivel2 > article.infotp > div > p {
    font-family:"Open Sans";
    font-size:15px;
    color:rgb(13,13,30);
    text-align:left;
    margin-top: 30px;
    margin-bottom: 30px;
}






/*********************************************************************************
SECCION BIENVENIDA
*********************************************************************************/


body.bodybienvenida {
    background-color:black; 
}


body.bodybienvenida > section.bienvenida > div.contenido {
    max-width: 1003px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align:center;    
}


body.bodybienvenida > section.bienvenida > div.contenido > h2 {
	font-family:DTLNobelT;
	font-size:50px;
	font-weight:bold;
	letter-spacing:2pt;
	text-transform:uppercase;
	text-align: center;
	border: 2px solid #fff;
	border-left:none;
 	border-right:none;
	margin: auto;
    display:inline-block;
    color: white;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida {
    background-color:rgb(255,255,255);
    margin-top: 50px;
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul {
    position:relative;
    padding: 0px;
    margin: 0px;
    height:43px;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li {
    position:absolute;
    top:7px;
    list-style: none;
    font-family:"Open Sans";
    font-size:15px;
    text-align:left;
    text-transform: uppercase;
    padding-left: 56px;
    padding-top: 4px;
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li > div {
    position: absolute;
    top:0;
    left:0;
    display: block;
    background-repeat: no-repeat;
    
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.nivel1 {
    left: -1px;
    top: -1px;
    padding: 0px;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.nivel1 > span {
    display:none;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.nivel1 > div {
    background-image: url(svg/icono_n1_bienvenida.svg);
    height: 45px;
    width: 67px;
    text-indent: -9999px;
    overflow: hidden;
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.miperfil {
    left:7%;
    padding-left:29px
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.miperfil > div {
    background-image: url(svg/ICONO%20loggin_negro.svg);
    height: 45px;
    width: 67px; 
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.mispost {
    left: 20%;
    padding-left: 57px;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.mispost > div {
    background-image: url(svg/mispostl_bienvenida.svg);
    height: 45px;
    width: 67px; 
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.calendario {
    left: 37%;
    padding-left: 40px;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.calendario > div {
    background-image: url(svg/calendario_bienvenida.svg);
    height: 45px;
    width: 67px; 
}


body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.miembros {
    left: 55%;
    padding-left: 40px;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.miembros > div {
    background-image: url(svg/miembros_bienvenida.svg);
    height: 45px;
    width: 67px;
}
    
    
body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.mensajes {    
   left: 72%;
    padding-left: 49px;

} 
    
body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.mensajes > div {    
    background-image: url(svg/mensajes_bienvenida.svg);
    height: 45px;
    width: 67px; 
}
    

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.salir {
    left:87%;
    padding-left: 39px;
}

body.bodybienvenida > section.bienvenida > div.contenido > nav.botonerabienvenida > ul > li.salir > div {
    background-image: url(svg/cerrar_negro_bienvenida.svg);
    height: 45px;
    width: 67px; 
}


body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente {
    position: relative;
    background-color:rgb(255,255,0);
    width: 75%;
    height:376px;
    margin-bottom:27px;
    text-align:left;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.foto {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-top: 50px;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.foto > img {
    display: block;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.foto > div.info {
    display: block;
    width: 150px;
    height: 150px;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.foto > div.info > a {
    font-family:Lato;
    font-size:14px;
    text-align:left;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.foto > div.info > a > span {
    font-family:Lato;
    font-weight: bold;
    font-size:18px;
    text-align:left;
    text-transform: uppercase;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.texto {
    position: absolute;
    top:15px;
    line-height: 35px;
    left:212px;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.texto > h3 {
    font-family:Lato;
    font-size:30px;
    font-style:italic;
    text-align:left;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.texto > p {
    font-family:"Open Sans";
    font-size:15px;
    font-weight:normal;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.texto > p > strong {
    font-family:"Open Sans";
    font-size:15px;
    font-weight:bold;
    text-align:left;
}

body.bodybienvenida > section.bienvenida > div.contenido > section.actividad-reciente > div.texto > a.botonvermas {
    background-image: url(svg/signo%20mas%20negro.svg);
    background-repeat: no-repeat;
    background-size: 48px;
    height: 48px;
    text-decoration: none;
    display: block;
    padding-left: 55px;
    padding-top: 7px;
    font-family:DTLNobelT;
    font-size:10px;
    text-transform:uppercase;
    font-style:normal;
}



body > section.bienvenida > div.contenido > div.iconomispost {
    background: url(svg/icono%20discusiones%20blanco.svg) no-repeat;
    background-size:contain;
  	height: 68px;
    color:white;
    width:75%;
    text-align:left;
    box-sizing:border-box;
    padding-left: 108px;
    padding-top: 20px;
    font-size:25px;
    font-weight:bold;
    font-family:'DTLNobelT';
    text-transform:uppercase;
}




body > section.bienvenida > div.contenido > section.discusiones {
	background-color: white;
	padding-top: 20px;
	margin-bottom: 30px;
    width: 75%;
    padding-bottom:30px;
}
	
body > section.bienvenida > div.contenido > section.discusiones > h3 {
	display: none;
}

body > section.bienvenida > div.contenido > section.discusiones {
	position: relative;
}

body > section.bienvenida > div.contenido > section.discusiones > article {
	padding-left: 140px;
	position: relative;
    margin-right: 20px;
}

body > section.bienvenida > div.contenido > section.discusiones > article > article.respuestas {
	position: absolute;
	left: 800px;
	top: 20px;
}

body > section.bienvenida > div.contenido > section.discusiones > article > h4 {
	font-family:Lato;
	font-size:25px;
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
}

body > section.bienvenida > div.contenido > section.discusiones > article > h4.respuestas {	
	position: absolute;
	left: 800px;
	top: -34px;
}


body > section.bienvenida > div.contenido > section.discusiones > article > p {	
	font-family:"Open Sans";
	font-size:16px;
	text-align:left;
}
	
body > section.bienvenida > div.contenido > section.discusiones > article > h5 {		
	font-family:Lato;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
}

body > section.bienvenida > div.contenido > section.discusiones > article > span.numerorespuestas {
	position: absolute;
	left: 870px;
	top:50px;
	width: auto;
}

body > section.bienvenida > div.contenido > section.discusiones > article > p.respuesta {
	padding-left: 85px;
}

body > section.bienvenida > div.contenido > section.discusiones > article > span {
	position: absolute;
	left: 870px;
	top:46px;
}

body > section.bienvenida > div.contenido > section.discusiones > article > img {
	position: absolute;
	left:20px;
	top:7px;
}

body > section.bienvenida > div.contenido > section.discusiones > article > img.alumnorespuestas {
	left: 142px;
	top: 41px;
}

body > section.bienvenida > div.contenido > section.discusiones > div.controles {
	position: relative;
	height: 49px;
}

body > section.bienvenida > div.contenido > section.discusiones > div.controles > a {
    background-size: contain;
    background-repeat: no-repeat;
  	height: 49px;
	display: block;
	position: absolute;
	top: 0px;
    right:0;
	text-decoration: none;
	text-indent: -9999px;
    overflow: hidden;
}

body > section.bienvenida > div.contenido > section.discusiones > div.controles > a.anterior {
	background-image: url(svg/icono%20ver%20todo.svg);
  	height: 49px;
	right: 200px;
}

body > section.bienvenida > div.contenido > section.discusiones > div.controles > a.siguiente {
	background-image: url(svg/icono%20play.svg);
	right: 100px;
}

body > section.bienvenida > div.contenido > section.discusiones > div.controles > a.ultimos {
	background-image: url(svg/icono%20siguiente.svg);
	right: 0;
}




body > section.bienvenida > div.contenido > aside.panel-izquierdo {
    padding-top:20px;
    text-align: left;
    padding-left: 15px;
    color:white;
    position:absolute;
    top:163px;
    height:1131px;
    right:0;
    background-color:#009BDB;
    width: 25%
}

body > section.bienvenida > div.contenido > aside.panel-izquierdo > article > h4 {
    display:inline-block;
    vertical-align:middle;
    margin:0;
    font-family:Lato;
    font-size:21px;
    font-style:italic;
    color:rgb(255,255,255);
    text-align:left;
}

body > section.bienvenida > div.contenido > aside.panel-izquierdo > article > div.iconomiembros {
    display:inline-block;
    vertical-align:middle;
    background-image: url(svg/ICONO%20comisiones_blanco.svg);
    background-size:contain;
    background-repeat: no-repeat;
    height: 31px;
    width: 30px; 
}

body > section.bienvenida > div.contenido > aside.panel-izquierdo > article > img {
    margin-top:20px;
    padding: 0px;
}
    
body > section.bienvenida > div.contenido > aside.panel-izquierdo > article > div.iconobuscanos {
    display:inline-block;
    vertical-align:middle;
    background-image: url(svg/icon%20face.svg);
    background-size:contain;
    background-repeat: no-repeat;
    height: 37px;
    width: 38px; 
}    

body > section.bienvenida > div.contenido > aside.panel-izquierdo > article > div.iconocumples {
    display:inline-block;
    vertical-align:middle;
    background-image: url(svg/calendario_bienvenida_blanco.svg);
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px; 
} 
    

/* registro */

body > section.paginaregistro {
    height: 1000px;
    background-color: black;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
}

body > section.paginaregistro > div.web-registrarse > article.meregistro {
    width: 550px;
    height: 610px;
    position: absolute;
    text-align:left;
    padding-left: 40px;
    padding-top: 30px;
    padding-right: 40px;
    background-color: rgb(0,154,218);
    margin: 50px 10px 20px 500px;
    color: white;
}

body > section.paginaregistro > div.web-registrarse > article.porquemeregistro {
    width: 280px;
    height: 320px;
    position: absolute;
    text-align:left;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    background-color: #E5007D;
    right: 0px;
    font-size: 14px;
    margin: 50px 440px 0 0;
    color: white;
}

body > section.paginaregistro > div.web-registrarse> article.porquemeregistro > h3.porqueregistrarse {
    font-family: "Lato";
    font-size: 20px;
    font-weight: 200;
    line-height: 120%;
    text-align: left;
    text-transform: uppercase;
}
    
body > section.paginaregistro >  div.web-registrarse > article.meregistro {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    text-align: left;
}

body > section.paginaregistro > div.web-registrarse > article.meregistro > p.registrotitulo {
    font-family: "Lato";
    font-size: 20px;
    font-weight: 200;
    line-height: 120%;
    text-align: left;
    margin:20px 0 80px 0;
    text-transform: uppercase;
}

body > section.paginaregistro > div.web-registrarse > article.meregistro > a {
    font-family: "Lato";
    font-size: 30px;
    font-weight: lighter;
    text-align: right;
    padding-left:40px;
    text-transform: uppercase;
    background-image: url(svg/flecha-01.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 200px;
    height:20px;
    overflow:hidden;
}

body > section.paginaregistro > div.web-registrarse > article.loguear {
    width:280px;
    height: 270px;
    position: absolute;
    text-align:left;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    background-color: #f2fd00;
    right: 0;
    font-size: 12px;
    color: black;
    margin: 400px 440px 0 0;
    display:block;
}

body > section.paginaregistro > div.web-registrarse > article.loguear > a.registrologuear {
    font-family: "Lato";
    font-size:15px;
    text-align: right;
    margin-bottom: 30px;
    padding-left: 20px;
    text-transform: uppercase;
    background-image: url(svg/flecha-02.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 200px;
    height:20px;
    overflow:hidden;

}

body > section.paginaregistro > div.web-registrarse > h2.tituloregistrarse {    
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: rgb(255, 255, 255);
    border-image: none;
    margin: auto;
    display: inline-block;
    color: white;
}

/* graciasregistro */

body > section.graciasregistro {
    height: 750px;
    background-color: black;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
}

body > section.graciasregistro > h2 {
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: white;
    border-image: none;
    margin: auto;
    display: inline-block;
    color: white;
}

body > section.graciasregistro > article.mailverificacion {
    width: 800px;
    height: 145px;
    position: absolute;
    text-align:left;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgb(0,154,218);
    margin: 50px 0 0 510px;
    color: white;
    font-family: "lato";
}
body > section.graciasregistro > article.mailverificacion > a.todavianolorecibiste {
    position: absolute;
    text-align:left;
    color: white;
    font-family: "lato";
    text-transform: uppercase;
    background-image: url(svg/flecha-02.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
    padding-right: 20px;
    font-weight: bold 500;
    font-size: 18px;
}
/* login */

body > section.paginalogin {
    height: 760px;
    background-color: black;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
    color:white;
}
body > section.paginalogin > div.web-login > article.logon> h2.iniciasesiontitulo {    
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: rgb(255, 255, 255);
    border-image: none;
    margin: auto;
    display: inline-block;
    color: white;
}

body > section.paginalogin > div.web-login > article.logon {
    width: 500px;
    height: 310px;
    position: absolute;
    text-align:left;
    background-color: white;
    color: black;
    font-size: 14px;
    left: 500px;
    padding: 20px 0 30px 20px;
}
body > section.paginalogin > div.web-login > article.logon >h2.iniciasesioncomunidad {
    font-family: "Lato";
    font-size: 25px;}

body > section.paginalogin > div.web-login > article.logon > a.registrologuearsesion{ 
    background-image: url(svg/flecha-02.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
font-weight: 800px;
}

body > section.paginalogin > div.web-login > article.logconfacebook {
    width: 320px;
    height: 330px;
    position: absolute;
    text-align:left;
    background-color: #E5007D;
    right: 0px;
    font-size: 14px;
    color: white;
    right: 520px;
    padding: 10px 20px 20px 10px;

}
body > section.paginalogin > div.web-login > article.logconfacebook >h2.catedrazachinlog {
    font-family: "Lato";
    font-size: 23px;
}
body > section.paginalogin > div.web-login > article.nososusuario {
    width: 865px;
    height: 50px;
    position: absolute;
    text-align:left;
    background-color: rgb(0,154,218);
    font-size: 14px;
    color: white;
    margin-left: 500px;
    margin-top: 370px;
    padding-left: 20px;
    }
body > section.paginalogin > div.web-login > article.nososusuario > p.todavianososusuario {
    font-family: "open sans";
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: left;
    border-image: none;
    margin-top: 5px;
    color: white;
    background-image: url(svg/flecha-02.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:right 2px;
    width: 600px;
    height:40px;  
}
body > section.paginalogin > div.web-login > article.nososusuario > a.todavianososusuario2 {
    font-family: "open sans";
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    position: absolute;
    margin: px 500px 30px 00px;
    color: white;
    width: 600px;
    height:40px;
    margin: -70px 610px;
    
}


/* cierre de sesion */

body > section.pagina-cierresesion {
    height: 760px;
    background-color: black;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
    color:white;
}
body > section.pagina-cierresesion > h2.adios{
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: rgb(255, 255, 255);
    border-image: none;
    margin: auto;
    display: inline-block;
    color: white;
}

body > section.pagina-cierresesion > article.graciasportuvisita > h3.graciasportuvisita {
font-family: "Lato";
    font-size:30px;
    text-align: left;
    margin-bottom: 30px;
    text-transform: uppercase;
}

body > section.pagina-cierresesion > article.graciasportuvisita {
    width: 500px;
    height: 200px;
    position: absolute;
    text-align:left;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgb(0,154,218);
    margin: 70px 0 20px 660px;
    color: white;
    font-size:0px;
}
body > section.pagina-cierresesion > article.graciasportuvisita > p.cuandoquierasesperamos {
  font-size:21px;
}

body > section.pagina-cierresesion > article.graciasportuvisita > a.volveaentrar {
    font-family: "Lato";
    font-size: 20px;
    font-weight: 600;
    text-align:right;
    text-transform: uppercase;
    width: 200px;
    height:px;
    overflow:hidden}

/* TU CONSULTA */


body > section.tuconsultapublica {
    
    height: 750px;
    background-color: black;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
    color:white;
}
    
body > section.tuconsultapublica > h2.tuconsultapublica1 {
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: rgb(255, 255, 255);
    border-image: none;
    margin: auto;
    display: inline-block;
    color: white;
    margin-bottom: 40px;
}
body > section.tuconsultapublica > div.tuconsulta2 {
    width: 500px;
    height: 300px;
    position: absolute;
    text-align:left;  
    background-color: rgb(0,154,218);
    color: white;
    font-size: 20px;
    text-align: left;
    margin: 20px 20px 20px 650px;
    padding: 40px;
}
/* DESCARGAS */

body > section.contentdescargas {    
    height: 1000px;
    background-color: #FFED00;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
    color:white;

}
body > section.contentdescargas > article.descarganiveles > h2 {
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: black;
    border-image: none;
    margin: auto;
    display: inline-block;
    color: black;
    margin-bottom: 40px;
}
section.contentdescargas >  article.descargasnivel1 {
    background-color: rgb(0,154,218); 
    width: 885px;
    height: 50px;
    text-align: left;
    position: absolute;
    box-sizing: border-box;
    margin-top: 60px;
    right: 500px;
    padding-left: 340px;
    font-size: 40px;
    font-family: "DTLNobelT";

}
section.contentdescargas >  article.descargatpcolor {
    background-color: rgb(0,154,218); 
    width:280px;
    height: 230px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    margin-top:130px;
    left: 518px;
    padding: 20px;
    font-size: 10px;
}
section.contentdescargas >  article.descargateoriadelcolor2 {
    background-color: rgb(0,154,218); 
    width:280px;
    height: 230px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    margin-top:130px;
    left: 820px;
    padding: 20px;
    font-size: 10px;
}
section.contentdescargas >  article.descargatpsistemasdeimpresiones2 {
    background-color: rgb(0,154,218); 
    width:280px;
    height: 230px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    margin-top:130px;
    left: 1120px;
    padding: 20px;
    font-size: 10px;
}
section.contentdescargas >  article.descargasnivel2 {
    background-color: rgb(0,154,218); 
    width: 885px;
    height: 50px;
    text-align: left;
    position: absolute;
    box-sizing: border-box;
    margin-top: 380px;
    left: 515px;
    padding-left: 350px;
    font-size: 40px;
    font-family: "DTLNobelT";

}
section.contentdescargas >  article.descargatptramados {
    background-color:#E5007D ; 
    width:280px;
    height: 230px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    margin-top:450px;
    left: 515px;
    padding: 20px;
    font-size: 10px;
}
section.contentdescargas >  article.descargateoriadelcolor {
    background-color:#E5007D ; 
    width:280px;
    height: 230px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    margin-top:450px;
    left: 820px;
    padding: 20px;
    font-size: 10px;
}
section.contentdescargas >  article.descargatpsistemasdeimpresiones {
    background-color:#E5007D ; 
    width:280px;
    height: 230px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    margin-top:450px;
    left: 1120px;
    padding: 20px;
    font-size: 10px;
    
}
/* slider */

body > section.galeriafotos {
    background-color: #C40075;
    height: 1800px;
    background-color: #FFED00;
    position: relative;
    padding-top: 94px;
    box-sizing: border-box;
    text-align: center;
    color:white;

}
body > section.galeriafotos > h2 {    
    font-family: "DTLNobelT";
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border-width: 2px medium;
    border-style: solid none;
    border-color: black;
    border-image: none;
    margin: auto;
    display: inline-block;
    margin-bottom: 50px;
    color:black;
}

body > section.galeriafotos >article.trescolumnas > article.expofindecursada {
    background-color: #FFF;
    height: 320px;
    width: 300px;
    text-align: left;
    box-sizing: border-box;
    position:absolute;
    margin: 0 200px 600px 470px;
    color: #BA007C;
    font-size: 10px;
    padding: 20px;    
}
body > section.galeriafotos > article.trescolumnas > article.serigrafiasolidaria {
    height: 320px;
    width: 300px;
    background-color: #FFF;
    max-width: 300px;
    text-align: left;
    box-sizing: border-box;
    position:absolute;
    margin: 0 200px 600px 800px;
    color: rgb(0,154,218);
    font-size: 10px;
    padding: 20px;
    
}
body > section.galeriafotos > article.trescolumnas > article.expoenlarural {
    height: 320px;
    width: 300px;
    background-color: #FFF;
    max-width: 300px;
    text-align: left;
    box-sizing: border-box;
    position:absolute;
    margin: 0 200px 600px 1120px;
    color: black;
    font-size: 10px;
    padding: 20px;
    
}
body > section.galeriafotos > article.trescolumnas> h2.infosecundariamasfotos {    
    font-family: "DTLNobelT";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: left;
    border-image: none;
    display: inline-block;
    color:black;
    padding-top:0;
    padding-right: 250px;
        
}
body > section.galeriafotos > article.infosecundariagaleria1> h2.infosecundariagaleria {    
    font-family: "DTLNobelT";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: left;
    border-image: none;
    display: inline-block;
    color:black;
    padding-top: 310px;
    padding-right: 430px;
        
}
body > section.galeriafotos > article.videosgaleria {
    height: 500px;
    width: 950px;
    text-align: left;
    box-sizing: border-box;
    position:absolute;
    margin: 50px;
    color: black;
    font-size: 10px;
    margin: 0px 20px 20px 470px;
    padding: 20px;
    color:black;
}
    body > section.galeriafotos > article.videosgaleria > article.video1 {
        height: 550px;
        width: 420px;
        position:absolute;
        background-color: black;
        color: white;
        padding: 20px;
        left: 0;
        font-size:16px;
             
    

}
    body > section.galeriafotos > article.videosgaleria > article.video2 { 
        height: 550px;
        width: 420px;
        position:absolute;
        background-color: black;
        right: 200px;
        padding: 20px;
        color:white;
        right: 0;
        align-items: center;
        font-size:16px;
        

}

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 40px; height: 300px}
.rslides li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}

.rslides_container { margin-bottom: 20px; position: relative; float: left; width: 100%;}
.centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("imgs/slider_btn.gif") no-repeat left top; margin-top: -45px;}
.centered-btns_nav:active { opacity: 1.0;}
.centered-btns_nav.next { left: auto; background-position: right top; right: 0;}
.centered-btns_nav:focus { outline: none;}

.centered-btns_tabs { margin-top: -25px; text-align: center;}
.centered-btns_tabs li { display: inline; float: none; margin-right: 5px;}
.centered-btns_tabs a { text-indent: -9999px; overflow: hidden -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block;  *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px;}
.centered-btns_here a { background: #222; background: rgba(0,0,0, .8);}

/* fin slider */

/*********************************************************************************
TABLETS
*********************************************************************************/

@media (min-width:641px) and (max-width:1003px){
    
    /* MENU SUPERIOR */
    body > header > div.contenido > a.logozachin > h1 {
        display:none;
    }

    body > header {
        position:absolute;
    }

    header > div.contenido > nav > ol.menu {
        position:static;
        background-color:transparent;
        overflow:hidden;
        box-shadow: 0px 0px 20px 0px;
    }

    header > div.contenido > nav > ol.menu > li {
        line-height:auto;
        width: 50%;
        height: 320px;
        display:block;
        float:left;
        padding:0;
        padding-top:40px;
        margin-left:0;
        text-align:center;
    }
    
    header > div.contenido > nav a strong {
        margin:20px;
    }
    
    
    /* IMAGEN SUPERIOR CIRCULOS */
    body.bodypublico > section.navegacion > div.contenido > a {
        display:none;
    }
    
    
    /* LA CATEDRA */
    body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a.planteldocente {
        left:50%;
        margin-left:-85px;
    }
    
    
    /* NIVEL 1 */
    body.bodypublico > section.nivel1 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel1 > div.contenido > article {
        position:relative;
        margin:auto;
        margin-top:40px;
    }
    
    
    /* NIVEL 2 */
    body.bodypublico > section.nivel2 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article {
        position:relative;
        left:auto;
        margin:auto;
        margin-top:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp2 {
        left:auto;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp3 {
        left:auto;
    }
    
}



/*********************************************************************************
CELULARES
*********************************************************************************/

@media (max-width:640px){
    
    body.bodypublico > section.homecatedra > div.contenido > h2 {
    font-size:30px;
    }
    
    /* MENU SUPERIOR */
    body > section > div.subirbajar {
        display:none;
    }
    
    body > header > div.contenido > div.redessociales {
        display:none;
    }
    body > header > div.contenido > a.logozachin > h1 {
        display:none;
    }

    body > header {
        position:absolute;
    }

    header > div.contenido > nav > ol.menu {
        position:static;
        background-color:transparent;
        overflow:hidden;
        box-shadow: 0px 0px 20px 0px;
    }

    header > div.contenido > nav > ol.menu > li {
        line-height:auto;
        width: 50%;
        height: 320px;
        display:block;
        float:left;
        padding:0;
        padding-top:40px;
        margin-left:0;
        text-align:center;
    }
    
    header > div.contenido > nav a strong {
        margin:20px;
    }
    
    
    /* IMAGEN SUPERIOR CIRCULOS */
    body.bodypublico > section.navegacion > div.contenido {
        height:400px;
    }
    
    body.bodypublico > section.navegacion > div.contenido > a {
        display:none;
    }
    
    
    /* LA CATEDRA */
    body.bodypublico > section.homecatedra {
        height:auto;
    }
    
    body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a {
        position:static !important;
        margin:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.homecatedra > div.contenido > ul {
        font-size:16px;
    }
    
    
    /* NIVEL 1 */
    body.bodypublico > section.nivel1 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel1 > div.contenido > article {
        position:relative;
        margin:auto;
        margin-top:40px;
    }
    
    
    /* NIVEL 2 */
    body.bodypublico > section.nivel2 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article {
        position:relative;
        left:auto;
        margin:auto;
        margin-top:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp2 {
        left:auto;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp3 {
        left:auto;
    }
    
}
	
	/*********************************************************************************
TABLETS
*********************************************************************************/

@media (min-width:641px) and (max-width:1003px){
    
    /* MENU SUPERIOR */
    body > header > div.contenido > a.logozachin > h1 {
        display:none;
    }

    body > header {
        position:absolute;
    }

    header > div.contenido > nav > ol.menu {
        position:static;
        background-color:transparent;
        overflow:hidden;
        box-shadow: 0px 0px 20px 0px;
    }

    header > div.contenido > nav > ol.menu > li {
        line-height:auto;
        width: 50%;
        height: 320px;
        display:block;
        float:left;
        padding:0;
        padding-top:40px;
        margin-left:0;
        text-align:center;
    }
    
    header > div.contenido > nav a strong {
        margin:20px;
    }
    
    
    /* IMAGEN SUPERIOR CIRCULOS */
    body.bodypublico > section.navegacion > div.contenido > a {
        display:none;
    }
    
    
    /* LA CATEDRA */
    body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a.planteldocente {
        left:50%;
        margin-left:-85px;
    }
    
    
    /* NIVEL 1 */
    body.bodypublico > section.nivel1 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel1 > div.contenido > article {
        position:relative;
        margin:auto;
        margin-top:40px;
    }
    
    
    /* NIVEL 2 */
    body.bodypublico > section.nivel2 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article {
        position:relative;
        left:auto;
        margin:auto;
        margin-top:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp2 {
        left:auto;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp3 {
        left:auto;
    }
    
}



/*********************************************************************************
CELULARES
*********************************************************************************/

@media (max-width:640px){
    
    body.bodypublico > section.homecatedra > div.contenido > h2 {
    font-size:30px;
    }
    
    /* MENU SUPERIOR */
    body > section > div.subirbajar {
        display:none;
    }
    
    body > header > div.contenido > div.redessociales {
        display:none;
    }
    body > header > div.contenido > a.logozachin > h1 {
        display:none;
    }

    body > header {
        position:absolute;
    }

    header > div.contenido > nav > ol.menu {
        position:static;
        background-color:transparent;
        overflow:hidden;
        box-shadow: 0px 0px 20px 0px;
    }

    header > div.contenido > nav > ol.menu > li {
        line-height:auto;
        width: 50%;
        height: 320px;
        display:block;
        float:left;
        padding:0;
        padding-top:40px;
        margin-left:0;
        text-align:center;
    }
    
    header > div.contenido > nav a strong {
        margin:20px;
    }
    
    
    /* IMAGEN SUPERIOR CIRCULOS */
    body.bodypublico > section.navegacion > div.contenido {
        height:400px;
    }
    
    body.bodypublico > section.navegacion > div.contenido > a {
        display:none;
    }
    
    
    /* LA CATEDRA */
    body.bodypublico > section.homecatedra {
        height:auto;
    }
    
    body.bodypublico > section.homecatedra > div.contenido > div.iconoscatedra > a {
        position:static !important;
        margin:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.homecatedra > div.contenido > ul {
        font-size:16px;
    }
    
    
    /* NIVEL 1 */
    body.bodypublico > section.nivel1 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel1 > div.contenido > article {
        position:relative;
        margin:auto;
        margin-top:40px;
    }
    
    
    /* NIVEL 2 */
    body.bodypublico > section.nivel2 {
        height:auto;
        padding-bottom:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article {
        position:relative;
        left:auto;
        margin:auto;
        margin-top:40px;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp2 {
        left:auto;
    }
    
    body.bodypublico > section.nivel2 > div.contenido > article.tp3 {
        left:auto;
    }
    
}