﻿.slide p { padding: 5px; font-size: 1.8em; }
.default-elemento { background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/materia_ico.png) !important; }
.para-imaginar-elemento { background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/imaginar_ico.png) !important; }
#s4-workspace { overflow-x: hidden; }
#img_teacher2{ margin-left:21% !important; }
.desktop_content li h2 { font-size: 1.5em !important; }
.desktop_content .filters .filter_recurso a { width: 75px; background-position: -600px 0px !important; }
.desktop_content .filters .filter_recurso a:hover{ background-position: -600px -75px !important; }
.desktop_content .filters .filter_noticias a { width: 75px; background-position: -150px 0px !important; }
.desktop_content .filters .filter_noticias a:hover{ background-position: -150px -75px !important; }
.desktop_content .filters li.active .filter_noticias a {background-position:-150px -150px !important;}
.desktop_content .filters .filter_cursos a { width: 75px; background-position: -75px 0px !important; }
.desktop_content .filters .filter_cursos a:hover{ background-position: -75px -75px !important; }
.desktop_content .filters li.active .filter_cursos a {background-position:-75px -150px !important;}
.desktop_content li img { left: 6px !important; }
.desktop_content li h5 { margin: 7px 6px !important;}
.desktop_content ul#panel_1 li h5{ display:none;}
.desktop_content ul.bxslider {margin-top:20px;}
.student #img_student2{ display: none !important; }
.student #img_student1{ z-index: 51 !important; }
.student .desktop_content ul#panel_1 li { background-color: transparent; text-align: center; overflow: hidden; margin: 0 3.5% 0 0; }
.student .desktop_content .filters li:nth-child(3) p span{ font-weight: normal; margin-right: 20px; }
.student .desktop_content .filters li:nth-child(3) .inst a{ background:rgba(255, 255, 255, 0); height: 30px; text-align: right; position: absolute; top:-70px; left:170px; width:80px; z-index:100; }
.student .desktop_content .filters li:nth-child(4) .inst a{ background:rgba(255, 255, 255, 0); height: 30px; text-align: right; position: absolute; top:-70px; left:260px; width:80px; z-index:100; }
.student .desktop_content .filters li:nth-child(3) p{ display:none; position: absolute; left: -650px; top: -70px; z-index: 99; margin-left: 0px; width: 900px; text-align: right; background: #1EA29A; color: #fff; padding: 7px 10px 0 0; min-height: 23px; cursor:auto; font-weight:bold; font-size:15px; }
.student .desktop_content .filters li:nth-child(4) p{ display:none; position: absolute; left: -615px; top: -70px; width: 945px; text-align: right; background: #1EA29A; color: #fff; padding: 7px 10px 0 0; min-height: 23px; cursor:auto; font-weight:bold; font-size:15px; }

.organizational .desktop_content .filters li .inst a{ background:rgba(255, 255, 255, 0); height: 70px; text-align: right; float: right; margin-top: -60px; width: 175px; cursor: pointer; }
.organizational .desktop_content .filters li a{ background : none; }
.organizational .desktop_content .filters li:nth-child(1){ display: none; }
.organizational .desktop_content .filters li{ width: 100%; height:25px; }
.organizational .desktop_content .filters li p{ font-size: 13px; padding-bottom: 0; width: 98%; text-align: right; margin-top: 5px; z-index:-1; }
.organizational .desktop_content .filters{  width: 100%; height: 30px; border-top: 1px solid grey; margin-top: -30px; }

.desktop.platforms { min-height:100%; }
.platforms .desktop_content ul.bxslider li{ font-size: 11px !important; text-align: justify !important; }
.platforms .desktop_content li h2{ text-align:center !important; }
.platforms-contendeor .go_to_app{ text-align:center !important; font-size:17px !important; }

#menu{ margin-top: 0px !important; font-size:1.3em !important }
#xo img{ margin-top:57px; }
#vinculos{ width:390px !important; }
#buscador-videos { text-align: right !important; }
#menu .active{ font-weight:500 !important; color:#FFF !important; }
#consultas .desktop_content .filters .filter_mg a {width:75px; background-position:-525px 0px;}
#consultas .desktop_content .filters .filter_mg a:hover {background-position:-525px -75px !important;}
#consultas .desktop_content .filters li.active .filter_mg a {background-position:-525px -150px !important;} 
#img_tecnic2 { margin-left: 27% !important; }
#Chat_button a{color:#FFF; text-decoration:none;}

.organizational{ background-image: url(/Style%20Library/Ceibal/img/institucional_2.jpg) !important; background-repeat:repeat;}
.bg-textura { background-image: url(/_layouts/15/Ceibal.Portal.Publico/img/footer_institu_home.png) !important; position: absolute; margin-top: -205px; width: 100%; height: 135px; z-index: 10; background-position: center bottom; background-repeat: no-repeat; }
.right_column .content p img{ width: auto; }
.right_column #SearchBox{ width:100%; }
.bdy{ background-image: url("/Style%20Library/Ceibal/img/barra-degradada.jpg"); background-repeat: repeat-x; margin: -76px 0 0; }
.technical_section .left_column img, .teacher_section .left_column img{ bottom: -9em !important; z-index:1; }
.buscador-input { background-color: #F1F1F1 !important; background-image: url("/Style%20Library/Ceibal/img/lupa.png") !important; background-position: left center !important; background-repeat: no-repeat !important; border: medium none !important; color: #333333 !important; font-family: Arial,Helvetica,sans-serif !important; font-style: italic !important; padding: 5px 5px 5px 30px !important; width: 185px !important; }
.content h5{ color:#CCCCCC; }
.platforms-contendeor ul{ height: 45% !important; }
.teacher .desktop_content #panel_3 li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; text-align: center; }
.titulo-art{ white-space:normal !important; }
.ms-srch-sbLarge{ width:99.7%; background-color: rgba( 255, 255, 255, 0.6 ); border:none !important; }
.ms-srch-sbLarge-fullWidth{ width:93.4%; }
.ms-srch-sbLarge > .ms-srch-sb-searchLink{ float:right; }
.ms-srch-bestBetItem { width: 98.5% !important; padding:20px !important;  }
.ms-srch-item{ width: 99%; }
.desktop_content img { left: -55%; }

.content ul li{ margin-left: 30px !important; }
.content ol li { list-style-position: outline; margin-left: 30px !important; }

.content ul ul li{ margin-left: 50px !important; }
.content ol ol li { list-style-position: outline; margin-left: 50px !important; list-style-type: lower-alpha;}


.white-box .ms-srch-item-summary { display: inline-block; font-family: 'Roboto',sans-serif; font-size: 1.1em; font-weight: 300; line-height: 22px; padding: 10px 5px 5px 0; width:640px; }
.white-box .ms-srch-ellipsis{ padding: 5px 10px; background: #D7D8DC; color: #333; font-size: 1.3em;}
.white-box .ms-srch-item{ padding: 0px 5px 15px 15px; margin-top: 25px; }
.white-box .ms-srch-item-path{ color: #019CDE; text-decoration:underline; font-size: 1.0em; font-weight: 700; }
.white-box .ms-searchCenter-result-main{ margin:auto; width:919px; background:#fff; float: none; }
.white-box .ms-srch-result { margin-top: 0px; padding: 20px; }
.white-box .ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover { background: none repeat scroll 0 0 #FFFFD6; outline: 1px solid #DDDDB9; padding: 0px; margin-left: 0px; height: auto; padding-bottom: 15px; margin-left:5px; width:99%; }
.white-box .ms-srch-item-link{ color: #333333; text-decoration: none; font-size:1.1em; }
.white-box .ms-srch-item-link:hover{ color: #333333; text-decoration:underline; font-size:1.1em; }
.white-box .ms-srch-item-body{ width: 100%; }
.white-box .ms-srch-group-content { margin-top: -20px; }
.white-box .ms-srch-hover-outerContainer{ left: 68% !important; } 

.bg-search-content{ position:fixed; left:0; top:0px; width:100%; height:100%; z-index:-1; background: url('/_layouts/15/Ceibal.Portal.Publico/img/background-search.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.box-srch-gs{ width:900px; margin:auto; width: 919px; margin: auto; padding-bottom: 40px; padding-top: 40px;}
.box-srch-gs .ms-srch-sbLarge>input{ width: 95%; } 
.box-srch-gs .ms-srch-sbLarge{ background: #fff; height: 41px; padding-top: 5px; width: 917px; } 
#LangSel{ display: none; }
#globalNavBox, .ms-clientcontrol-chromeheader{ background: #f3f3f3; }
#suiteBar{ background: #f3f3f3; }
#miespacio { background-color: #a2bd31; padding-bottom: 18px; padding-top: 10px; margin-top: -22px; }
#miespacio a { margin: 0; padding: 22px; }
#miespacio-user {margin-top:10px;}
#menu li:nth-child(6) a:hover{ color: #728931 !important; }

.wrapper-dropdown{position:relative;width:30px;margin:-2px auto 0;padding:0px;cursor:pointer;outline:none;z-index:30;}
.wrapper-dropdown .dropdown{ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display:none;}
.wrapper-dropdown .dropdown li{width:180px; margin-left: 0 !important; border-bottom: 1px solid;}
.wrapper-dropdown .dropdown{position:absolute;width:180px;top:52px;right:0; text-align:right;background:#262626;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;list-style:none;opacity:0;/*pointer-events:none*/}
.wrapper-dropdown .dropdown li a{display:block; font-size: 14px; text-decoration:none;color:#fff;padding:10px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.wrapper-dropdown .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}
.wrapper-dropdown .dropdown li:last-child{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.wrapper-dropdown .dropdown li:last-child:hover{background:#212121; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.wrapper-dropdown .dropdown li:hover{background:#212121;}
.wrapper-arrow-up { display:none; border-bottom: 13px solid #262626; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0; left: 6px; position: absolute; top: 39px; }
.bx-wrapper .bx-controls-direction a{z-index:99 !important;}
.wrapper-dropdown img{ opacity: 1; }
.wrapper-dropdown img:hover{ opacity: 0.7; }

.divider, .student, .technical, .student_section, .technical_section, .teacher_section{ background-attachment: inherit !important; }
#footer { float: left; width: 100%; height: auto; background-attachment: inherit; }
.footer_content { margin: auto; width: 69%; display: table; height: 100%; position: relative; }
#footer ul { width: 100%; float: left; height: 100%; top: 0; }
#footer li { width: 25%; }
.redes-footer { line-height: 2.7em !important; width: 40px !important; margin: 0 !important; margin-top:10px !important; padding: 0 !important; overflow: hidden; }

@media screen and (max-width: 1400px) {
	.organizational{ min-height:585px !important; }
	.desktop_content .filters li p{ font-size: 1.2em !important; }
}

@media screen and (max-width: 995px) {
	#panel_1_extra, #panel_2_extra, #panel_4_extra{ display:none !important; }
	#nav { width:100%; }
	#menu_access { display:block; position:absolute; top:16px; 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; background: #3F3F3F !important; margin-top: 63px !important; }
	#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; }
	#menu img{margin-right: 0;}
	#miespacio a{padding:0;}
	.hidden { display:none !important; }
	.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; text-align: center; }
	.desktop_content li h5 { color: #fff; }
	.desktop_content li img { display: block; margin: 0 auto; max-width: 185px; }
	.desktop_content li p { color: #fff; }
	.desktop_content h1 { display: block; position: relative; left: -50%; font-size: 2em; margin-left: 3%; }	
	.desktop_content .filters{ display: block; position: relative; float: none; top: 0; right: unset; vertical-align: top; margin: auto; width: 512px; left: -42%; }
	.desktop_content .filters li{ margin: 0px 5px 10px 0px; width: 18%; font-size: 12px; }
	.student li { background-color: #71B1A9; }
	.teacher li { background-color: #B7A1BF; }
	.teacher ul.articles li img, .organizational ul.articles li img{ top: 5px !important; }
	.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, .platforms-contendeor li p { color: #fff; }
	.platforms-contendeor .go_to_app { position: relative; color: #000; margin: 15px 0px 15px 0px; }
	.filters, .divider, .divider_cut, .left_column { display: none; }
	.right_column { width: 100%; }
	.contextual-menu-responsive{ display:block !important; }
	.right_column { margin-top: 0; }
	.platforms-contendeor ul { display: block; }
	.organizational li{ background-color: #1B1B1B !important; }
	.organizational{ min-height:640px !important; margin-bottom:75px !important; }
	.wrapper-dropdown{width:100%;}
	.wrapper-dropdown .dropdown {position:relative; top:0; background:none; text-align:center !important; width: 100%;}
	.wrapper-dropdown .dropdown li{height:20px; width:100%;}
	.wrapper-dropdown .dropdown li:hover{background:none;}
	.wrapper-dropdown .dropdown li a{padding:2px;}
	.wrapper-dropdown .dropdown li:last-child:hover{background:none;}
	.wrapper-arrow-up{display:none !important;}
	.slide div { bottom: 5%; }
	#search_form { background-color: transparent !important; width: 100%; top:0; }
	#search_form div { width: 100%; padding-left: 0; }
	#search_form .input { background-image: none; font-size: 1.5em; font-weight: 300; margin: 0px; padding: 2% 0px 2% 2%; width: 97%; }
	#search_form .button { font-size: 1.5em; font-weight: 300; margin: 0px; min-width: inherit; padding: 2%; width: 99%; margin-top: 5px; }
	#s4-workspace > div:first-child,  #AsistenteCoco { display: none; }
	#slider_container ul li a > div { width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); text-align: center; }
	.organizational .desktop_content .filters{ margin-top: -120px; left: -50%; }
	.organizational .desktop_content .filters li p{ z-index: 0; margin: 0; text-align: center; }
	.organizational .desktop_content li:last-child { margin: 0 0 150px 0px !important; padding-top:10px; }
	.desktop_content ul.bxslider li{ min-height: 200px !important; padding-top: 10px !important;}
	.desktop_content .filters li p { display: block; min-height: 36px; width: 100% !important; }
	.desktop_content .filters li.active p { width: 100%; color: #0a8e86; }
	.student-box li a img{ max-width: 185px; }
	.organizational .desktop_content .filters li .inst a { height: 38px; margin-top: -50px; width: 100%; }
	
	.student .desktop_content ul.filters { position: relative; width: 300px !important; left: -49% !important; margin: auto; margin-top: 60px; float: none; }
	.student .desktop_content ul.filters li{ width: 30% !important; margin: 0px 5px 10px 0px !important; }
	.student .desktop_content ul.filters li:nth-child(3) p{ left: -10px; top: 0px; }
	.student .desktop_content ul.filters li:nth-child(4) p{ left: -10px; top: 0px; }
	.student .desktop_content ul.filters li:nth-child(3){ position: absolute; top: -50px; left: -34%; width: 380px !important; height: 30px; }
	.student .desktop_content ul.filters li:nth-child(4){ position: absolute; top: -50px; left: 54%; width: 200px !important; height: 30px; z-index: -1; }
	.student .desktop_content ul.filters li:nth-child(3) .inst a{ top: 0; right: 10px; left: inherit; }
	.student .desktop_content ul.filters li:nth-child(4) .inst a{ top: 0; right: 0; left: inherit; }
	.student .desktop_content li h5{ text-align: center; font-size: 17px; margin-top: -5px !important; color: #309882; }
}

@media screen and (max-width:964px){
	.ms-srch-sbLarge { width: 97.7% !important; }
	.right_column #SearchBox { width: 98% !important; }
	.ms-srch-sbLarge-fullWidth{ width:85% !important; }
}

@media screen and (max-width: 800px){
	.right_column #SearchBox{ width:98% !important; }
	.ms-srch-sbLarge{ width:97.7% !important; }
	.ms-srch-sbLarge-fullWidth{ width:93% !important; }
	.footer_content{ width:90% !important; }
}

@media screen and (max-height: 640px) {
	.desktop{ padding: 0%; }
	#search_form { display: block !important; }
}

@media screen and (max-width: 640px){
	.right_column .content p img { width: 96% !important; }
	.content .ms-rte-embedil iframe { width: 300px !important; height: 300px !important; }
	#slider_container ul li a > div { width: -webkit-calc(100% - 116px); width: -moz-calc(100% - 116px); width: calc(100% - 116px); text-align: center; }
	#footer li { width: 100% !important; height: auto; margin-top: 20px !important; }
	#footer ul { width: 140px; margin: auto !important; float: none; }
	.redes-footer a{ margin-left: 0 !important; float: left; }
	.student .desktop_content ul.filters li:nth-child(3) { left: -24%; width: 350px !important; }
}

@media screen and (max-width: 500px){
	.desktop_content .filters li p{ font-size: 12px !important; }
	.redes-footer a{ margin-left: 10px; }
	.bx-controls.bx-has-controls-direction { display: none; }
	.desktop_content .filters { display: block; float: left; left: -50% !important; right: auto; }
	ul.student-filters.filters { width: 100% !important; left: -39% !important; }
	.bg-textura { position: relative; margin-top: -205px; width: 100%; height: 135px; float: left; }
	.organizational { margin-bottom: 80px !important; }
	.organizational .desktop_content li:last-child { margin: 0 0 230px 0px !important; }
	.organizational .desktop_content .filters { margin-top: -190px; }
	.student .desktop_content ul.filters li:nth-child(3) p{ font-size:13px !important }
	.student .desktop_content ul.filters li:nth-child(4) p{ font-size:13px !important }
}

@media screen and (max-width: 450px){
	.slide p { display: none !important; }
	.slide h1 { font-size: 2.0em; margin-bottom: 0px; height: 105px; margin-left: -5px; }
	.cuadros-img{ display: none; }
	.right_column #SearchBox {float:right ;margin-bottom: 15px;width:90%;}
	.right_column #SearchBox .ms-srch-sbLarge {width:100%}
	.right_column #SearchBox .ms-srch-sbLarge-fullWidth {width:80%}
	ul.student-filters.filters { width: 100% !important; left: -50% !important; }
	.desktop_content .filters li { margin: 0px 0px 10px 0px; width: 25%; }
	.student .desktop_content ul.filters li:nth-child(3) { left: -10%; width: 270px !important; }
	.student .desktop_content ul.filters li:nth-child(4) { left: 37%; width: 200px !important; }
}