html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, caption {
	border: 0pt none;
	font-style: inherit;
	font-weight: inherit;
	margin: 0pt;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt;
	padding: 0pt;
	vertical-align: baseline;
}

html, body {
    height: 100%;
	min-height: 100%;
	
}

body {
	font-size:13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*overflow-x:hidden;*/
}

hr {
	margin: 2em 0;
    clear: both;
}
/* ---------------------- START HOME --------------------- */
#home{
	background-color: #fff;
	height: 99%;
    position: relative;
}
#inicio {
	background-color: #fff;
	height: 99%;
    position: relative;
}
#ms-designer-ribbon{
    padding-top: 63px;
}
#header {
	z-index: 100;
	position: fixed;
	background-color: #333;
	width: 100%;
	top:0;
	/*right:17px;*/
}
#contextual-menu-responsive {
display:none;
}

#logo {
	float: left;
	margin: 5px 30px;
	display:block
}

.hidden { display:block !important; }

#sites_menu {
	background-color: #000;
	color: #fff;
	padding: 5px;
}

#nav {
	width: auto;
	float: right;
}

#menu_access { display:none; }

#menu {
	padding: 1em 2em 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
}

#menu li {
	display: block;
	float: left;
	margin-left: 20px;
	font-size: 1.2em;
}

#menu li:first-child {
	margin-left: 0px;
}

#menu a {
	color: #fff;
	text-decoration: none;
}

#menu a:hover {
	color: #ccc;
}

#menu img {
	margin-right: 20px;
}

#menu .icono {
	font-size: 0.6em;
	text-align: center;
	margin-left: 10px;
}

#menu .icono img {
	margin-right: 0px;
}

#menu .active {
	color: #7FC241;
}

.sub_menu {
	padding: 0 2em 0.5em 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1em;
}

.sub_menu li {
	display: block;
	float: left;
	margin-left: 20px;
	font-size: 1.2em;
}

.sub_menu li:first-child {
	margin-left: 0px;
}

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

.sub_menu a:hover {
	color: #ccc;
}

#search_form {
	position: absolute;
	z-index: 20;
	top: 135px;
	width:100%;
}
#search_form div {
	/*background-color: rgba(0, 0, 0, 0.7);*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0.5%;
	width: 80%;
	max-width: 990px;
}

#search_form .input {
	width: 77%;
	padding: 1%;
	margin:0;
	font-size: 2em;
	margin-right:1%;
	border:0 solid;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	background:#fff url(/_layouts/15/Ceibal.Portal.Publico/img/lupa-buscador.png) no-repeat right;
	padding-right: 0;
}

#search_form .button {
	width: 20%;
	/*min-width: 6em;*/
	padding: 1%;
	margin:0;
	font-size: 2em;
	border:0 solid;
	background-color:#7FC241;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}

.slider_container {
	z-index: 0;
	height: 100%;
	overflow: hidden;
	/*position: relative;*/
}

.slider_container ul {
	height: inherit;
}

.slider_container li {
	height: inherit;
	width: 100%;
	display: block;
	float: left;
	position: absolute;
}

.slide {
	height: inherit;
	background-position: center;
	background-size:100% auto;
	z-index: 0;
	position: relative;
	background-attachment:fixed;
}

.slide div {
	bottom: 15%;
	right: 55px;
    z-index: 1;
	position: absolute;
	margin-left: 60px
}

.slide  h1 {
	color: #fff;
	font-size: 3.5em;
	background-color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	text-transform:uppercase;
	padding: 5px;
	margin-bottom: 5px;
}

.slide  p {
	color: #fff;8
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 5px;
}

.slider_controls {
	z-index: 10;
	position: absolute;
	bottom: 15%;
	background-color: rgba(0, 0, 0, 0.8);
	height: 115px;
	width: 50px;
	color: #fff;
}

.dot {
    background-repeat: repeat;
    background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/dot3.png);
    z-index: 4;
    height: 100%;
    right: 0 !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}

.prev {
	left: 0;
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/left_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
}

.next {
	right: 0;
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/right_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
}

.divider {
	background-attachment: fixed;
	width: 100%;
	height:40%;
	position: relative;
	background-size:100% auto;
	
}

.divider_cut {
	height: 22px;
	width: 100%;
	display: block;
	z-index: 50;
	position: absolute;
	background: url(/_layouts/15/Ceibal.Portal.Publico/img/event-separator.png) 0px 0px repeat-x;
}

.divider_cut.top {
	top: -15px;
}

.divider_cut.bottom {
	bottom: -15px;
}

.student {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/back_estud.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #9BCBBB;
}

/* .student li h2 { text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; } */

.teacher {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_doce.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #C1E293;
}

.technical {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_tech.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #f3e88b;
}

.platforms {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_plata.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #65CBA6;
}

.organizational {
	position: relative;
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/footer_institu_home.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    min-height: 630px !important;
	/*background-attachment: fixed;*/
	background-color: #000;
    z-index: 5;
	/*height: 70%;*/
}

#footer {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/blackorchid.jpg);
	position: relative;
    background-repeat: repeat;
    background-attachment: fixed;
    color:#EEE;
    text-align:center;
    padding:3%;
    font-family: 'Roboto', sans-serif;
    font-size:1.1em;
    height:200px;
    margin-top: -90px;
}

#footer  ul {
	margin: 0 auto;
}

#footer li {
	display: block;
	float: left;
}

.desktop {
	position: relative;
	min-height: 105%;
	overflow: hidden;
}

.desktop_content {
	position: absolute;
	max-width: 990px;
	width: 100%;
	height: 90%;
	bottom: 3%;
	left: 50%;
}

.desktop_content .filters li a{
	margin: 0 auto;
}

#panel_1_extra {
	display: block;
    height: 204px;
    top: 445px;
    position: absolute;
    width: 100%;
	
}

/*
.desktop_content div {
	max-width: inherit;
	position: relative;
	left: -50%;
	padding: 0.5em;
	margin-bottom: 1em;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	background-color: #71b1a9;
	color: #fff;
}
*/

.desktop_content  h1 {
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 3em;
	display: none;
}

.desktop_content  img {
	position: absolute;
	bottom: 5%;
	left: -50%
}

.desktop_content ul {
	height: 55%;
	max-width: inherit;
	position: relative;
	left: -50%;
}

.desktop_content li {
	float: left;
	background-color: #fff;
	padding: 0.8% 1.5% 1.5% 1.5%;
	height: 100%;
	overflow-y: hidden;
	display: table;
	width: 20%;
	margin: 0 0.5% 0 0;
}

.desktop_content li:last-child {
	margin: 0;
}

.desktop_content li  img {
	position: relative;
	left: 0;
}

.desktop_content li h2 {
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 2em;
	margin: 3% 0;
	z-index:20;
	position:relative;
}

.desktop_content li h5 {
	color: #ccc;
    margin-bottom: 6px;
}

.desktop_content li  p {
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size:1.2em;
	line-height: 1.7em;
	z-index:20;
	position:relative;
}
.desktop_content ul.articles li {
position:relative;


}

.desktop_content li a {
	text-decoration: none;
}

.desktop_content .sub_menu {
	max-width: inherit;
	position: relative;
	left: -50%;
	padding-bottom: 20px;
}

.desktop_content .filters {
	position: relative;
	height: auto;
	width: auto;
	float: right;
	margin-top: 3%;
}

.desktop_content .filters li {
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: auto;
	margin-left: 20px;
	text-align: center;
	cursor: pointer;
}

.desktop_content .filters li p {
	font-weight: 400;
	line-height: 1.5em;
    width: 75px;
	min-height: 34px;
	display: table;
}

.desktop_content .filters li img {
	z-index: 20;
}

.technical ul {
	height: 80%
}

.technical li {
	background-color: transparent;
	text-align: center;
	overflow:hidden;
	padding:0px;
	margin:0 3.5% 0 0;
}
.technical li img {
	width:100%;
	bottom:0px;
	
}

.technical li p {
	color: #333;
	font-weight: 300;
}
.teacher #panel_4 li {
	background-color: transparent;
	text-align: center;
	overflow:hidden;
	padding:0px 10px;
	margin:0 3.8% 0 0;
}

.article-box li a img{
	width: auto;
	height: auto;
	max-width: 210px;
}
.article-box2 li, .article-box3 li {
	background-color:#FFF;
	width:28%;
	float:left;
	padding:5px;
	margin-bottom:10px;
	display: block;
}

.article-box2 img, .article-box3 img {
	bottom:auto;
}

.platforms-contendeor ul {
	height: 82%;
}

.platforms-contendeor li {
	background-color: transparent;
	text-align: center;
	overflow:hidden;
	padding:0px;
	margin:0 3.5% 0 0;
}
.platforms-contendeor li img {
	width:100%;
	bottom:0px;
}

.platforms-contendeor li p {
	color: #333;
	font-weight: 300;
}

.platforms-contendeor .go_to_app {
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-weight: 400 !important;
}

.platforms-contendeor .go_to_app a:link,
.platforms-contendeor .go_to_app a:visited {
color:#444444;
}
.organizational ul {
	height: 50%
}

.organizational li {
	color: #fff;
	background-color: transparent;
	text-align: center;
	overflow:hidden;
	padding:0px;
	margin: 0 6.5% 0 0; 
    text-align: left;
}
.organizational li img {
	width:100%;
	bottom:0px;
}
.organizational li  h2 {
	color: #fff;
}

.organizational li  p {
	color: #fff;
}
/* ----------------------- END HOME ---------------------- */



/* -------------------- START SECTION -------------------- */
.student_section {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/back_estud.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
    position: relative;
    overflow:hidden;
    min-height: 925px;
    height:auto;
}
.student_footer {
    background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/back_estud.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

.teacher_section {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_doce.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
    position: relative;
	overflow:hidden;
    min-height: 925px;
    height:auto;
}

.teacher_footer {
    background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_doce.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

.technical_section {
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_tech.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
    position: relative;
	overflow:hidden;
    min-height: 925px;
    height:auto;
}
.technical_footer {
    background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/fondo_tech.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
#section_header {
	z-index: 100;
	background-color: #333;
	width: 100%;
	margin-bottom: 3em;
}

#wrapper {
	clear: both;
	height:100%;
}

.left_column {
	width: 30%;
	margin-right: 3%;
	margin-top:2em;
	
	float: left;
	text-align: right;
	position: relative;
}

.left_column img {
	position: absolute;
	right: 0;
	bottom:0;
}
.technical_section .left_column img, .teacher_section .left_column img {
	bottom:-5em;
} 

.student_section .left_column img {
	bottom:-2em;
}

.left_column .content {
	background-color: #71b1a9;
	color: #fff;
	padding: 1%;
	margin-bottom: 12em;
	padding-bottom:1em;
}

#nav_container > ul {
	list-style:none;
	margin-left:40%;
	margin-right:5%;
	text-align:left;
}

#nav_container > ul > li  {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size:1.5em;
	border-bottom:dashed 1px #FFF;
	padding:5px 0;
	text-align:left;
}
#nav_container > ul > li:last-child {
border-bottom:none;}
#nav_container > ul > li  > ul > li {
list-style-type:none;
}

#nav_container > ul > li > ul.collapsed {
    display: none;
}

#nav_container > ul > li  > ul > li > a {
color: #ffffff;
}
/*.left_column .content a{
    color: #fff;
    text-decoration: none;
}*/

#nav_container > ul > li > a {
	color: #fff;
    text-decoration: none;

}

.left_column .content .menu-item-text{
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size:0.95em;
	color: #fff;
}

.left_column .content li:last-child {
	border:none;
}


.left_column .content li ul {
	margin-left:20%;
}

.left_column .content li ul li {
	font-size:0.8em;
	border:none;
	padding:1% 0;
}

.right_column {
	width: 66%;
	float: left;
	margin-top: 2em;
	max-width: 690px;
}

.right_column h1 {
    color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 3em;
}

.right_column p {
	margin: 1em 0;
	font-weight: 300;
	font-size: 1.5em;
	font-family: 'Roboto', sans-serif;
}

.right_column .content {
	background-color: #fff;
	padding: 6%;
}
.right_column .content strong {
font-weight:bold;
}
.right_column .content ul li {
list-style-position:outline;
margin-left:5px;
}

.right_column .content p {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*width: 660px;*/
}
.right_column .content p img{
	width: 655px;
}
.right_column .content iframe {
    width:660px;
    height: 495px;    
}

.right_column .micrologo {
	float:left;
	width:auto;
	margin-right:0.8em;
	margin-bottom:1em;
}
.micrologo img{
	width: auto;
	height: auto;
	max-width: 215px;
	max-height: 299px;
}

#img_footer {
	width: 100%;
	overflow: hidden;
	clear:both;
}
#img_footer img {
height:auto !important;
width:100% !important}

#section_footer {
	clear: both;
	position: relative;
	bottom: 0;
	width: 100%;
}

#section_decoration {
}

#section_footer {
	background-color: #000;
    color: #000;
}

.student_section .left_column .content {
    background-color: #71b1a9;
}

.teacher_section .left_column .content {
    background-color: #b7a1bf;
}

.technical_section .left_column .content {
    background-color: #c6a855;
}
/* --------------------- END SECTION --------------------- */



.desktop_content .filters  {

 height: auto;
    left: auto;
    margin-top: 3%;
    position: absolute;
    right: 50%;
    top: 408px;
    width: auto;
    z-index: 50;
    
    
/*	position: absolute;
	height: auto;
	width: auto;
	right:50%;
	left:auto;
	bottom:10%;
	margin-top: 3%;
	z-index:50;*/
}

.desktop_content .filters  li {
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: auto;
	margin-left: 20px;
	text-align: center;
	cursor: pointer;
	overflow:hidden;
}

.desktop_content .filters  li a {
	background:url(/_layouts/15/Ceibal.Portal.Publico/img/botonora_filters.png);
	display:block;
	height:75px;
	text-indent:-9000%;
	width:75px;
}

/*ESTADO NORMAL*/
.desktop_content .filters  .filter_destacado a {width:75px; background-position:0px 0px;}
.desktop_content .filters  .filter_primaria a {width:75px; background-position:-75px 0px !important;}
.desktop_content .filters  .filter_media a {width:75px; background-position:-150px 0px !important;}
.desktop_content .filters  .filter_articulo a {width:75px; background-position:-225px 0px !important;}
.desktop_content .filters  .filter_odea a {width:75px; background-position:-300px 0px !important;}
.desktop_content .filters  .filter_faq a {width:75px; background-position:-375px 0px !important;}
.desktop_content .filters  .filter_medios a {width:75px; background-position:-450px 0px !important;}

/*ESTADO ROLLOVER*/
.desktop_content .filters  .filter_destacado a:hover,
.desktop_content .filters  .filter_destacados a:hover {background-position:0px -75px !important;}
.desktop_content .filters  .filter_primaria a:hover{background-position:-75px -75px !important;}
.desktop_content .filters  .filter_media a:hover {background-position:-150px -75px !important;}
.desktop_content .filters  .filter_articulo a:hover {background-position:-225px -75px !important;}
.desktop_content .filters  .filter_odea a:hover {background-position:-300px -75px !important;}
.desktop_content .filters  .filter_faq a:hover {background-position:-375px -75px !important;}
.desktop_content .filters  .filter_medios a:hover {background-position:-450px -75px !important;}

/*ESTADO ACTIVO*/
.desktop_content .filters  li.active .filter_destacado a {background-position:0px -150px !important;}
.desktop_content .filters  li.active .filter_primaria a {background-position:-75px -150px !important;}
.desktop_content .filters  li.active .filter_media a {background-position:-150px -150px !important;}
.desktop_content .filters  li.active .filter_articulo a {background-position:-225px -150px !important;}
.desktop_content .filters  li.active .filter_odea a {background-position:-300px -150px !important;}
.desktop_content .filters  li.active .filter_faq a {background-position:-375px -150px !important;}
.desktop_content .filters  li.active .filter_medios a {background-position:-450px -150px !important;}

.desktop_content .filters  li p {
	font-weight: 400;
	line-height: 1.1em;
	padding-bottom:10%;
}

.desktop_content .filters  li img {
	z-index: 20;
}
.student-box li a img{
	width: auto;
	height: auto;
	max-width: 210px;
}
.student-box2 li, .student-box3 li {
	background-color:#FFF;
	width:31.3%;
	float:left;
	padding:5px;
	margin-bottom:10px;
	display: block;
}

.student-box2 img, .student-box3 img {
	bottom:auto;
}

.cuadros-img{
	width:40px;
	height:40px;
	float:left;
}

.titulo-cuadro{
	float:left;
	color:#333;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size:1.4em;
	margin-left:8px;
	margin-top:5px;
	text-align:left;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/************ SHP styles***********************/

span#DeltaPlaceHolderMain {
display:block;
height:100%;
}

.desktop-container {
   height:700px;
 
}

.hide-on-display {
    display:none;
}

#s4-bodyContainer {
    padding-bottom:0 !important;
}

.CeibalPortal {
    height:100%;
}
/**********Copiado de la hoja de estilos style_new_estudiantes***********/
/* Aca empieza el CSS del escritorio estudiantes  */
/* 
.desktop_content {
	position:relative;
	margin:auto;
	width: 990px;
	top:130px;
}*/

/*   Aca empieza el listado de categorias para elegir recursos  */

.cuadros{
	background-color:#FFF;
	width:270px;
	float:left;
	padding:15px;
	margin-left:10px;
	margin-bottom:10px;
}

.cuadros-img{
	width:40px;
	height:40px;
	float:left;
}

.titulo-cuadro{
	float:left;
	color:#333;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size:1.4em;
	margin-left:8px;
	margin-top:5px;
	text-align:left;
}


/*   Aca termina el listado de categorias para elegir recursos  */

/* Aca termina el CSS del escritorio estudiantes  */


/*  Aca empieza el CSS del listado de recursos, o sea la nueva pagina */


/*Borro los que estaban repetidos del otro archivo
    #wrapper {
	width: 95%;
	clear: both;
}

.left_column {
	width: 30%;
	margin-right: 3%;
	margin-top: 10em;
	float: left;
	text-align: right;
	position: relative;
}

.left_column img {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom:15px;
}

.left_column .content {
	background-color: #71b1a9;
	color: #fff;
	padding: 1%;
	margin-bottom: 12em;
	padding-bottom:6em;
}

.left_column .content ul {
	list-style:none;
	margin-left:40%;
	margin-right:5%;
}

.left_column .content li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	border-bottom:dashed 1px #FFF;
	padding:5px 0;
	text-align:left;
}

.left_column .content li:last-child {
	border:none;
}


.left_column .content li ul {
	margin-left:20%;
}

.left_column .content li ul li {
	font-size:0.8em;
	border:none;
	padding:1% 0;
}


.right_column {
	width: 66%;
	float: left;
	margin-top: 10em;
	max-width: 690px;
}

.right_column h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 2.5em;
	text-align:justify;
}

.right_column p {
	margin: 1em 0;
	font-weight: 300;
	font-size: 1.2em;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
}
*/
.right_column .list-content {
    overflow: hidden;
}
.right_column .list-content p {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
}

#header-filtro {
	width:650px;
	height:40px;
	background-color:#009ADA;
	background-image:url(../img/flecha_filtro.png);
	background-position:right;
	background-repeat:no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	text-align:right;
	font-size: 2.1em;
	color:#FFF;
	padding-right:40px;
	cursor:pointer;
}

#filtros {
	display:none;
	width:660px;
	padding:15px;
	background-color:#107A9D;
}

#filtros ul{
	list-style:none;
}

#filtros li{
	display:inline;
	float:left;
	margin-bottom:15px;
}

.items-filtro {
	width:220px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align:left;
	font-size: 1.1em;
	color:#FFF;
}


.boton-filtro {
	background-color:#70A73A !important;
	text-align:center !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 100 !important;
	text-align:center !important;
	font-size: 1.8em !important;
	color:#FFF !important;
	cursor:pointer !important;
    width:100%;
    padding:2% !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    margin: 0px !important;
}

.right_column .elemento{
	width:46%;
	background-color:#FFF;
	float:left;
	padding:10px;
	margin-bottom:15px;
    cursor:pointer;
 }

.list-content ul{
	list-style:none;
	margin-top:15px;
}

.list-content li{
	display:block;
}

.list-content li.alter .elemento{
	margin-left:15px;
}

.foto-elemento {
	width:120px;
	height:120px;
	float:left;
	margin-right:7px;
}

.nombre-elemento {
	font-family:'Roboto', sans-serif;
	font-size: 1.3em;
	font-weight:100;
	height: 65px;
    overflow: hidden;
}

.default-elemento {
    width:184px;
	padding:3px;
	height:26px;
	float:right;
	font-family:'Roboto', sans-serif;
	font-size: 1.2em;
	text-align:right;
	color:#FFF;
	background-image:url(../img/brain_ico.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-top:28px;
    background-color:#099;
}

.default-elemento .tipo-elemento{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    margin-left: 50px;
}

.imaginar-elemento,
.ensayo-elemento,
.dramatico-elemento,
.te-cuento-elemento,
.te-cuento-quien-cuenta-elemento,
.el-mundo-en-imagenes-y-sonidos-elemento,
.narrativo-elemento,
.lirico-elemento,
.efemerides-elemento
{
background-image:url(../img/bubble_ico.jpg);
background-color:#F63;
}
 
.noticia-elemento,
.recomendados-por-prolee-elemento,
.filosofia-elemento,
.biologia-elemento,
.educacion-soc-y-civ-elemento,
.fisica-elemento,
.geografia-elemento,
.historia-elemento,
.idioma-espanol-elemento,
.matematica-elemento,
.ingles-elemento,
.quimica-elemento,
.diccionarios-enciclopedicos-elemento,
.contenidos-abiertos-elemento
{
background-image:url(../img/brain_ico.jpg);
background-color:#099;
}
.saber-elemento{
	background-image:url(../img/brain_ico.jpg);
    background-color:#099;
}

.imaginar-elemento, .ensayo-elemento, .dramatico-elemento  {
	background-image:url(../img/bubble_ico.jpg);
    background-color:#F63;
}

.efemerides-elemento {
	background-image:url(../img/bubble_ico.jpg);
    background-color:#F63;
}
.noticia-elemento {
	background-image:url(../img/brain_ico.jpg);
    background-color:#099;
}
#paginado {
	margin-top:20px;
	width:690px;
}


/* Aca termina el CSS del listado de recursos  */

/* --------------------- LISTADO ARTICULOS --------------------- */

#art-filter {
	width:100%;
	margin-bottom:50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	color:#999;
}

#art-filter li{
	display:block;
	float:left;
	margin:0 30px 20px 0;
}

#art-filter a {
	text-decoration:none;
	color:#999;
}

#art-filter a:hover {
	text-decoration:none;
	color:#333;
}

#art-filter a:active {
	text-decoration:none;
	color:#000;
}

.cat-total {
	border-bottom:#009900 solid 3px;
	padding-bottom:4px;
}

.cat-estudent {
	border-bottom:#009ADA solid 3px;
	padding-bottom:4px;
}

.cat-teach {
	border-bottom:#FF99EC solid 3px;
	padding-bottom:4px;
}

.cat-tech {
	border-bottom:#E5B449 solid 3px;
	padding-bottom:4px;
}

.cat-org {
	border-bottom:#BF0310 solid 3px;
	padding-bottom:4px;
}

.articulo {
	width:100%;
	margin:auto;
	display:block;
	margin-bottom:30px;
}

.img-color {
	float:left;
	width:30%;
/*	width:200px;*/
	height:100px;
}

.color-default{
	float:left;
	width:5%;
	height:100px;
	background-color:#009900;
}

.color-estudent-art{
	float:left;
	width:5%;
	height:100px;
	background-color:#009ADA;
}

.color-teach-art{
	float:left;
	width:5%;
	height:100px;
	background-color:#FF99EC;
}

.color-tech-art{
	float:left;
	width:5%;
	height:100px;
	background-color:#E5B449;
}

.color-org-art{
	float:left;
	width:5%;
	height:100px;
	background-color:#BF0310;
}

.foto-art{
	width:95%;
	height:100px;
	float:left;
	overflow:hidden;
}

.info-art{
	float:left;
	height:75px;
	width:64%;
	margin-left:2%;
	/*width:420px;
	margin-left:14px;*/
	display: table;
}

.titulo-art{
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	margin-bottom:5px;
	color:#333;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.titulo-art a{
	text-decoration:none;
	color:#333;
}

.titulo-art a:hover{
	text-decoration:none;
	color:#000;
}

.fecha-art{
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1em;
	color:#999;
    margin-top:2px;
}

.texto-art{
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color:#000;
	line-height: 1.3em;
	margin-bottom:5px;
	width:100%;
	color:#333;
}

.right_column .pages {
	background-color: #fff;
	padding: 4%;
	margin-top:15px;
}

.right_column .content {
	background-color: #fff;
	padding: 2%;
	min-height:400px;
}

.right_column #SearchBox {
    float:right;
    margin-bottom:15px;
  }
/* --------------------- FIN LISTADO ARTICULOS --------------------- */
/* ---------------------------------- PAGINADO --------------------- */
.right_column .paginator {
	background-color: #fff;
	padding: 4%;
	margin-top:15px;
	text-align:center;
}

.paginator a {
	padding: 0 5px;
	text-decoration: none;
	font-size: 1.1em;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.paginator a:hover {
	color: #CF3034;
}

.current {
	padding: 2px 8px;
	background-color: #84C44C;
	color: #FFF;
	font-size: 1.3em;
	-webkit-border-radius: 8px;
	border-radius: 3px;
}

.disabled {
	color:#CCC; 
	font-size:1.1em;
}

.prevpage, .nextpage {
	margin: 0 4px;
}
/* --------------------------FIN PAGINADO --------------------- */
/****************************Item de recurso********************/
#recurso {
	width:100%;
	margin:auto;
	display:block;
	margin-bottom:30px;
}

#avatar-recurso{
	width:40%;
	height:270px;
	float:left;
	overflow:hidden;
	
}

#info-recurso{
	/*width:335px;
	height:270px;
	float:left;
	margin-left:29px;
	position:relative;*/
	
	float: left;
    height: 270px;
    margin-left: 5%;
    position: relative;
    width: 55%;

}

.titdatos-recurso {
	font-size: 1.7em;
	color:#333;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin-bottom:10px;
}

.datos-recursos {
	font-size: 1.3em;
	color:#333;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-bottom:20px;
}

.button-recurso{
	width:100%;
	text-align:center;
	font-size: 1.7em;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin-bottom:15px;
}

.button-recurso a{
	display:block;
	background-color:#009ADA;
	text-decoration:none;
	color:#FFF;
	padding:10px;
}

.button-recurso a:hover {
	background-color:#0786AD;
	color:#FFF;
}

.button-recurso audio{
    width:100%;
}


.recurso-descargar{
	position:absolute;
	margin-bottom:0;
	bottom:0;
}

#redes-recurso{
	width:100%;
	text-align:left;
	margin-bottom:20px;
	margin-top:20px;
    height:5px;
}
#redes-recurso iframe {
width:130px !important;
height:40px !important;
float:left;
}
#redes-recurso  ul li  {
margin-left:10px !important;}

#autoria-recurso {
	font-size: 0.9em;
	color:#999;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-align:justify;
	margin-bottom:35px;
    clear:both;

}

#contenido-recurso {
    margin-top:15px;
}

#contenido-video {
    margin-top:15px;
    text-align:center;
}
#contenido-recurso li {
list-style-position: outside;
margin-left: 20px;
}

.relacion-img {
	display:block;
	width:100%;
}

.relacion-img ul{
	list-style:none;
}

.relacion-img li{
	width:80px;
	float:left;
	margin-right:30px;
}

.relacion-texto {
	display:block;
	width:100%;

}

.relacion-texto a{
	text-decoration:none;
	color:#666;
}

.relacion-texto a:hover{
	color:#333;
}

.relacion-texto ul{
	list-style:none;
}

.relacion-texto li{
	margin-top:5px;
	margin-bottom:20px;
	width:80px;
	float:left;
	margin-right:30px;
	font-size: 0.9em;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-align:left;
}

.relacion-texto li:last-child{
    margin-right:0px;
}
/* --------------------------FIN Item de recurso --------------------- */


/************ STYLES FROM CORE.V4 *****************/
.ms-webpartzone-cell {
	margin:0px;
}

/*-----AGREGADOS NACHO ------*/
.ms-rte-embedil iframe{
    width:660px;
}
 
#contenido-video video{
    width:660px
}

/*--testing--*/
#img_footer {
	min-height: 274px;
	position: relative;
	max-height:274px;
	bottom: 0;
	max-width:1024px;
	margin:0 auto;
	}
#img_footer img{
	position: absolute;
	bottom: 0;	
}
#panel_2_extra{
	height:600px;
	top: 445px;
	position: absolute;
	height: 204px;
	display: block;
	width: 100%;
}
#panel_3_extra {
	top: 445px;
	position: absolute;
	height: 204px;
	display: block;
	width: 100%;
}
.content .ms-rte-embedil iframe{
	width:650px;
}
.contextual-menu-responsive{
	display:none;
	position:relative;
}

/* ----------------- START MEDIA QUERIES ----------------- */
@media screen and (max-width: 1280px) and (max-height:750px) {
	#menu    { margin-top:2.5%; }
	#menu li { font-size:0.9em; }
		
#panel_1_extra {
 	height: 204px;
    position: absolute;
    top: 377px;
    width: 100%;	
}

			.right_column .elemento{
		margin-left:15px;
	}
	.contextual-menu-responsive{
	display:block !important;
	}
		.right_column {
	margin-top: 10em;
	}
		.right_column .list-content li{
	display:inline-block;
	/*min-width: 50%;*/
	}
	.right_column .elemento{
	width:90%;
	}
	.platforms-contendeor ul {
	display: block;
	}
}


@media screen and (max-width: 965px) {
	#nav { width:100%; }
	#menu_access { display:block; position:absolute; top:25px; right:20px; cursor:pointer; width:30px; height:30px; }
	#menu_access  img {
	width:30px; height:30px;}
	#menu { width:100%; padding:0; padding-bottom:1%; text-align:center; }
	#menu li:first-child { border-top:solid 1px #444; }
	#menu li:last-child { border:none; }
	#menu li { float:none; margin:0; padding:0.3em 0; border-bottom:solid 1px #444; }
	#menu li.icono { display:inline-table; margin-top:1%; border:none; }
	#menu .login { display:none; }
	#menu a { width: 100%; display: block; }

	.hidden { display:none !important; }
	
	.left_column .content ul { margin-left: 5%; }
	#panel_1_extra {
	display:none !important;
	}
	.left_column {
	float:none;
	}
	#header-filtro {
	width:90%;
	padding-right:10%;}
	#filtros {
	width:90%;
	padding:5%;}
	.right_column{
	max-width: 965px;
	width: auto;
	}
	.right_column .content {
		width:92%;
		margin:0 2%;
	}
	.contextual-menu-responsive{
	display:block !important;
	}
		.right_column {
	margin-top: 0;
	}
	.left_column{
		display:block !important;
		margin-top:10em;
	}
	.left_column img{
		display:none !important;
	}
	.content{
		margin-bottom:0 !important;
	}
	#nav_container > ul{
		margin-left:15% !important;
	}
	#contextual-menu-responsive{
		position: absolute !important;
		width: 207px;
		line-height: 50px;
		display: block !important;
		cursor: pointer;
		top: 85px;
		left: 0;
		font-family: 'Roboto', sans-serif;
		padding-left: 15px;
		font-size: 14pt;
		background-color: #71B1A9;
		color:white;
		z-index: 99;
	}
	#contextual-menu-responsive img{
		height: 20px;
		margin-right: 15px;
		position: relative;
		top: 2px;
	}
	.left_column .content{
	min-width: 219px;
	width: 222px;
	padding: 0;
	margin-top:8em;
	}
	.right_column .list-content li{
	display:inline-block;
	width:46%;
	float:left;
	margin-left:2%;
	/*min-width: 50%;
	width:90%;*/
	}
	.right_column p,
.right_column h1	{
	margin:1em;}
	.right_column .elemento{
	width:100%;
	/*margin-left:15px;*/
	padding:0;
	}
		.platforms-contendeor ul {
	display: block;
	}

}

@media screen and (max-width: 800px) {
	.slide div { bottom: 5%; }
	.slider_controls { bottom: 5%; }

	.desktop { min-height: 0; position: relative; }
	.desktop-container {height:auto;}
	.desktop_content { position: relative; height: auto;	}
	
	.desktop_content ul {	text-align: center;	margin: 0 auto;	}
	.desktop_content li {	text-align: left; display: inline;	width: 92%;	padding: 1%; margin: 0 3% 3% 3%; }
	.desktop_content li:first-child{	margin: 3% 3% 3% 3%; }
	.desktop_content li:last-child { margin: 0 3% 3% 3%; }
	.desktop_content li h2 { font-size: 2em; color: #fff;	}
	.desktop_content li h5 { color: #fff;	}
	.desktop_content li img { display: none; }
	.desktop_content li p { color: #fff; }
	.desktop_content img { display: none; }
	.desktop_content h1 { display: block; position: relative; left: -50%; font-size: 2em; margin-left: 3%; }

	.student li { background-color: #71B1A9; }

	.teacher li { background-color: #B7A1BF; }

	.technical li { background-color: #c6a855; }
	.technical li h2 { color: #000; }

	.platforms-contendeor li { background-color: #47a57c; padding: 1%; padding-bottom: 30px; }
	.platforms-contendeor li h2 { color: #fff; }
	.platforms-contendeor li p { color: #fff; }
	.platforms-contendeor .go_to_app { position: relative; width: 100%; color: #000; }

	.organizational { background-image: none; }
	.organizational li { background-color: #333; }
	.organizational h1 { color: #fff; }

	.filters, .divider, .divider_cut {
		display: none;
	}	
	
	.left_column { display: none; }
	.right_column { width: 100%; }
	
	.right_column #SearchBox {float:right;margin-bottom: 15px;width:90%;}
	.right_column #SearchBox .ms-srch-sbLarge {width:98%}
	.right_column #SearchBox .ms-srch-sbLarge-fullWidth {width:87%}
	
	
	.contextual-menu-responsive{
	display:block !important;
	}
	.right_column {
	margin-top: 0;
	}
	
	.platforms-contendeor ul {
	display: block;
	}
	.desktop_content .filters{
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		vertical-align: top;
		margin:0;
	}
	.desktop_content .filters li{
		margin: 20px;;
	}
}

@media screen and (max-height: 640px) {
	#search_form { display: none; }
	.desktop { position: relative; padding: 2%; }
	.desktop_content { position: relative; height: 100%; left: 50%; }
	.desktop_content ul { height: 100%; }
	/*.desktop_decoration, .divider, .divider_cut { display: none; }*/
	.platforms-contendeor .go_to_app { position: relative; width: 100% }
	.organizational { background-image: none; }
	
	
	.right_column #SearchBox {float:right}

		
	#art-filter li {margin:0 10px 0 0;}
	.contextual-menu-responsive{
	display:block !important;
	}
		.platforms-contendeor ul {
	display: block;
	}
}


@media screen and (max-width: 450px) {
	#logo { margin: 5px 10px; }
	.slide h1 { font-size: 2.5em; }
	.slide p { font-size: 1em; }
	.desktop_content li h2 { font-size: 1.5em; color: #fff;	}
	.desktop_content li p { display: none; }	
	.desktop-container {height:auto;}
	
	#avatar-recurso {width:100%; height:auto}
	#avatar-recurso img {width:100%; height:auto}
	#info-recurso {margin-left:0px; height:auto; width:100%}
	.recurso-descargar { position:relative}
	#img_footer img{ display:none}	
	
	.right_column #SearchBox {float:none;margin-bottom: 15px;width:90%;}
	.right_column #SearchBox .ms-srch-sbLarge {width:100%}
	.right_column #SearchBox .ms-srch-sbLarge-fullWidth {width:80%}
	
	#art-filter li {margin:0 5px 0 0;}
	#art-filter li a { font-size:14px;}
	
	.img-color {width:2%;}
	.color-default{width:100%;}
	.color-estudent-art{width:100%;}
	.color-teach-art{width:100%;}
	.color-tech-art{width:100%;}
	.color-org-art{width:100%;}
	.foto-art{display:none}


	.info-art{width:84%;margin-left:2%;}
		.contextual-menu-responsive{
	display:block !important;
	}

	.right_column {
	margin-top:0px;
	}
		.platforms-contendeor ul {
	display: block;
	}
}


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


		.platforms-contendeor ul {
	display: block;
	}
}



/* ------------------- END MEDIA QUERIES ------------------*/

/*Barras colores articulos*/

.color-ceibal,
.color-guri,
.color-ingles,
.color-magallanes,
.color-olidata,
.color-pam
.color-procedimientos,
.color-venta,
.color-xo,
.color-ayuda-tecnica {
    background-color:#E5B449;
}
.color-docentes {
    background-color:#FF99EC;
}

.color-estudiantes {
    background-color:#009ADA;
}

.color-institucionales {
    background-color:#BF0310;
}
/*********************************************************/

/*Estilos rte*/
H1.ceibal-rteElement-H1 {
    -ms-name: "Titulo";
}

H2.ceibal-rteElement-H2 {
    -ms-name: "Sub titulo";
}

p.ceibal-rteElement-p {
    -ms-name: "Cuerpo simple";
    color:#2D2D2D;
    font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
    text-align:justify;
}

/*Vista externa*/
#labelUrlRecursoPlataformaEducaFin {
    color: black;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 0 30px;
    padding: 5px 10px 0 20px;
    text-align: left;
    text-decoration: none;
}

#filtros .checkAll, #filtros .uncheckAll {
    color:#FFF;
    font-family: 'Roboto', sans-serif;
    float:left;
    margin-bottom:15px;
    font-weight:bold;
    float:left;
    cursor:pointer
}

#filtros .uncheckAll {
    margin-left: 20px;
}

#filtros .text-search-box {
    width:95%;
    padding:2%;
    margin:auto;
    display:block;
    margin-bottom:15px;
    border:1px solid #FFF
}

/*********************************************************/

#footer {
	position: relative;
	background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/blackorchid.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	color:#EEE;
	text-align:center;
	padding:3% 0;
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	height:200px;
}

.footer_content {
	position: absolute;
	height: 90%;
	bottom: 3%;
	width: 100%;
}

.footer_content div {
	max-width: inherit;
	position: relative;
	height:35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	color: #fff;
}

.footer_content  h1 {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 2em;
	display: none;
}

.footer_content ul {
	height: 55%;
	width: 60%;
	position: relative;
	top:20px;
}

.footer_content li {
	display: block;
	float: left;
	width: 20.25%;
	margin: 0 1% 0 0;
	padding: 1.5%;
	height: 100%;
	overflow-y: hidden;
	text-align:left;
	line-height:2.2em;
}

.footer_content li a{
	text-decoration:none;
	color:#FFF;
}

.footer_content li a:hover{
	text-decoration:none;
	color:#A2BD31;
}

.footer-icon {
	width:35px;
	height:35px;
	padding-left:40px;
	padding-top:5px;
	color:#717175;
	background-image:url(/_layouts/15/Ceibal.Portal.Publico/img/iconos_footer.png);
	background-repeat:no-repeat;
}

.redes-footer a {
	display:block;
	width:35px;
	/*margin-bottom:2%;*/
}

#footer-ceibal {
	background-position:0px 0px;
}

#footer-ceibal:hover{
	background-position:0px -38px;
}

#footer-facebook {
	background-position:0px -76px;
}

#footer-facebook:hover{
	background-position:0px -114px;
}
#footer-twitter {
	background-position:0px -152px;
}

#footer-twitter:hover{
	background-position:0px -190px;
}
#footer-youtube {
	background-position:0px -228px;
}

#footer-youtube:hover{
	background-position:0px -266px;
}




/*Cambios Pragma 22/09/2015*/
		#redes-recurso > ul {
			width: 100%;
		}
		#redes-recurso ul li {
			margin-left: 0px !important;
		}
		.BtnCompartir {
			width: 82px;
			overflow: hidden;
			float: left;
			margin: 0 10px 0 -10px;
		}
		#redes-recurso ul li {
			float: left !important;
			margin-left: 0 !important;
			overflow: hidden !important;
			width: 25% !important;
		}
		#redes-recurso li * {
			max-width: 100%;
		}