@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@font-face {
  font-family: "Gotham";
  src: url(../font/gotham_book.otf);
  font-weight: "normal";
}
@font-face {
  font-family: "Gotham";
  src: url(../font/gotham_thin.otf);
  font-weight: 100;
}
@font-face {
  font-family: "Gotham";
  src: url(../font/gotham_medium.otf);
  font-weight: 700;
}
@font-face {
  font-family: "Gotham";
  src: url(../font/gotham_black.otf);
  font-weight: 800;
}

@font-face {
  font-family: "GothamLgt";
  src: url(../font/gotham_light.otf);
  font-weight: "normal";
}
@font-face {
  font-family: "GothamBlk";
  src: url(../font/gotham_black.otf);
  font-weight: "normal";
}
@font-face {
  font-family: 'oe';
  src:  url('../font/oe.eot?p1owy');
  src:  url('../font/oe.eot?p1owy#iefix') format('embedded-opentype'),
    url('../font/oe.ttf?p1owy') format('truetype'),
    url('../font/oe.woff?p1owy') format('woff'),
    url('../font/oe.svg?p1owy#oe') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'oe';
    src: url('../font/oe.svg?4247042#oe') format('svg');
  }
}
*/

/* CSS Document */
img{border:0px;}
input[type=button]{font-family:'Gotham','Gotham',Helvetica;}
h1{font-size:30px; font-family:'Gotham',Helvetica; font-weight:normal; margin-bottom:20px;}
h2{font-size:26px; font-family:'Gotham',Helvetica; font-weight:bold;  margin-bottom:5px;}
h3{font-size:16px; font-family:'Gotham',Helvetica; font-weight:normal;margin:20px 0; }
p{font-family: 'Gotham',Helvetica; font-weight:normal;}
object, embed { outline: 0;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #888;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #888;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #888;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #888;
}

embed{z-index:99;}

.ico{
	font-family: oe;
	color: #111;
	font-size: 17px;
	font-weight: normal;
	width: 20px;
	line-height: 27px;
	margin: 0 auto;
}
a{outline: none; text-decoration:none;color:#007ca4;color:unset;
/*-webkit-transition: color linear 0.2s;
-moz-transition: color linear 0.2s;
-o-transition: color linear 0.2s;
transition: color linear 0.2s;*/}
a:hover{color:unset;
/*-webkit-transition: color linear 0.2s;
-moz-transition: color linear 0.2s;
-o-transition: color linear 0.2s;
transition: color linear 0.2s;*/}

input,select,textarea{resize: none;outline: none;}
input[type="radio"] {
    appearance: radio;
	-moz-appearance: radio;
	-webkit-appearance: radio;    
    width: 20px;
    height: 20px;
    margin: 9px 5px 5px 5px;
}
html, body{
    margin:0;
    padding:0;
	font-family:'Gotham',Helvetica,Verdana; 
	/*font-size:13px;*/
	font-weight:normal;
	background:#fff;
	overflow-x:hidden
	/*background: url("./images/bg_product.jpg") no-repeat center top;*/
	/*background:url(./images/bg_main.jpg) repeat-y top center #ddd;*/
}
.block-mobile-resolution{display:none;}
.fleft{float:left !important;}
.fright{float:right !important;}

input[type=button],input[type=button]:hover{	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;  
}
.input-login{
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.input-login:focus{
  -webkit-box-shadow: 0 0 2px rgba(31, 117, 206, 1);
     -moz-box-shadow: 0 0 2px rgba(31, 117, 206, 1);
          box-shadow: 0 0 2px rgba(31, 117, 206, 1);
          border:1px solid #EEEEEE;
}

.main-notificacion-modal {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 4px #ccc;
	margin: 12px 0 0 -563px;
	min-height: 100px;
	padding: 15px;
	position: absolute;
	width: 573px;
	z-index: 1000;
}
.main-notificacion-modal-arrow {display:none;background: none repeat scroll 0 0 #EEEEF4;height: 15px;margin: -23px 0px 0px 280px;position: absolute;width: 15px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
				
.main-notificacion-item {
  border-bottom: 1px solid #007b7b;
  color: #007b7b;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
  padding: 9px 0 9px 53px;
  width: 520px;
}
.main-notificacion-item .descripcion {
	float:left;
	width:415px;
}
.main-notificacion-item .fecha {
	float:right;
	color:#656565;
	width:95px;
	margin:0 10px 0 0;
	text-align:right;
}
.main-notificacion-item:hover{border-bottom: 1px solid #06669c;}
.main-notificacion-item.visto{background-color:#fcfcfc;}
.main-notificacion-item span{color:rgb(17, 17, 17);}
.main-notificacion-item.maestro-grupo{background: url("./images/icon_grupo_grey.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.maestro-mensaje{background: url("./images/icon_mensaje_color.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.maestro-tarea{background: url("./images/icon_tarea_color.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.maestro-guia{background: url("./images/icon_guia_color.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.maestro-contenido{background: url("./images/icon_guia_color.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.maestro-actividad{background: url("./images/icon_actividad_color.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.notificacion-autonoma{background: url("./images/icon_autonoma_color.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.foro-topico{background: url("./images/icon_foro_grey.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.sv-comentario{background: url("./images/icon_foro_grey.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.reto{background: url("./images/icon_reto.png") no-repeat scroll 15px 8px #ffffff;}
.main-notificacion-item.maestro-virtualclass{background: url("./images/icon_virtualclass.png") no-repeat scroll 15px 8px #ffffff;}


.preload-b{background: url("./images/preloader_blue.gif") no-repeat scroll center center;}
.preload-g{background: url("./images/preloader_grey.gif") no-repeat scroll center center;}

.main {
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	padding: 0 0 30px 0;
	width: 100%;
}

.main-content {
	font-size: 13px;
	margin-left: 250px;
	min-height: 400px;
	width: calc(100% - 250px);
	padding: .1px 0 0 0;
}
.i41 .main-content{padding-top:0px;}
.main-section {
	min-height: 400px;
	width: 100%;
	padding: 0;
}

.button{background:#007b7b;font-size:12px;color:#fff;text-align:center;padding:0 8px;height:27px;line-height:27px;cursor:pointer;float:left;min-width:130px;font-weight:bold;border:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;			
}

.select-v10 {
  -moz-appearance: none;
  border: 1px solid #989898;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;  
  cursor: pointer;
  font-family: "Gotham",Helvetica;
  font-size: 12px;
  font-weight: normal;
  height: 25px;
  margin: 0 0 15px;
  padding: 0 4% 0 1%;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: opacity linear 0.2s;
  -moz-transition: opacity linear 0.2s;
  -o-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
}

.select-v10 > option {
  padding: 2px 5px;
}

.select-v10.big {
  background: url("./images/icon_select_big.png") no-repeat scroll 98% 15px;
  padding: 0 9.5% 0 10px;
}
.select-v10.small {
  background: url("./images/icon_select.png") no-repeat scroll 98% center;
}


input[type="button"].button-v9,input[type="button"].button-v9-m {
  height: 28px;
  line-height: 26px;
}
.button-v9,.button-v9-m {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #007b7b;
  border-radius: 50px;
  color: #007b7b;
  cursor: pointer;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  margin: 10px 0 15px 10px;
  min-width: 100px;
  padding: 0 20px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;		
}

.button-v9:hover,.button-v9-m:hover{
	color:#fff; 
	background: #007b7b none repeat scroll 0 0;	
}
.button-v9.active,.button-v9.active:hover{
	color:#fff; 
	background: #007b7b none repeat scroll 0 0;	
}

input[type="button"].button-v10,input[type="button"].button-v10-m {
}

.button-v10.inv,.button-v10-m.inv {
	color: #fff;
	background: #007b7b;
	border-color: #fff;
}

.button-v10.inv:hover,.button-v10-m.inv:hover,.button-v10.inv.active,.button-v10.inv.active:hover {
	color:#007b7b;
	background:#fff;
	border-color: #fff;
}

.button-v10,.button-v10-m {
	font-size: 12px;
	color:#007b7b;
	border-radius: 5px;
	background:#fff;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #007b7b;
	cursor: pointer;
	line-height: 26px;
	margin: 10px 0 15px;
	min-width: 100px;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
	font-family: Gotham;
	overflow: hidden;	
}

.button-v10:hover,.button-v10-m:hover{
	color:#fff; 
	background: #007b7b none repeat scroll 0 0;	
}
.button-v10.active,.button-v10.active:hover{
	color:#fff; 
	background: #007b7b none repeat scroll 0 0;	
}

.button-v10.fright,.button-v10-m.fright {
	float: right;
}

.button-v10.fleft,.button-v10-m.fleft {
	float: left;
}

.button-v10.mleft,.button-v10-m.mleft {
	margin-left: 10px;
}

.button-v10.mright,.button-v10-m.mright {
	margin-right: 10px;
}
.button-v10.mtop,.button-v10-m.mtop {
	margin-top: 30px;
}

.button-v10.mbot,.button-v10-m.mbot {
	margin-bottom: 30px;
}

.button-v10.moff,.button-v10-m.moff {
	margin: 0;
}

.button-v10.nopad,.button-v10-m.nopad {
	padding: 0;
}

.mtop{margin-top: 10px !important;}
.mtop20{margin-top: 20px !important;}
.mleft{margin-left: 10px !important;}
.mright{margin-right: 10px !important;}
.mbot{margin-bottom: 10px !important;}
.mbot20{margin-bottom: 20px !important;}
.nopad{padding: 0 !important;}
.nomar{margin: 0 !important;}


.button.inactive{background:#656565;color:#aaa;}
.button.inactive:hover{background:#757575;}

.button a,.button a:hover,.button a:visited{color:#fff;}
.button:hover{background:#1ebeee;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;			
}

input[type="button"].button-uni {
  background: #00d0ff none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #eefcff;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  opacity: 0.8;
  text-align: center;
}

input[type="button"].button-uni:hover {
  opacity: 1;
}

.button-uni {
  background: #00d0ff none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #eefcff;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  opacity: 0.8;
  text-align: center;
}

.button-uni:hover {
  opacity: 1;
}

input[type="button"].button-uni-inv {
  background: none repeat scroll 0 0;
  border: 2px solid #0069ae;
  border-radius: 5px;
  color: #0069ae;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  opacity: 0.8;
  text-align: center;
}

input[type="button"].button-uni-inv:hover {
  opacity: 1;
}

.button-uni-inv {
  background: none repeat scroll 0 0;
  border: 2px solid #0069ae;
  border-radius: 5px;
  color: #0069ae;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  opacity: 0.8;
  text-align: center;
}

.button-uni-inv:hover {
  opacity: 1;
}

.field-error-msg{position:absolute;color:#f00;font-size:10px;line-height:20px;}
.input-login { background: #f6f6f6; border: 1px solid #fff; color: #007ca4; height: 22px; line-height: 22px; margin: 2px 0 0 5px; padding: 0 5px; width: 87px;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;}
.input-login.error{border:1px solid #e00;box-shadow:0 0 2px rgba(255,0,0,0.5);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;}

.block-menu-overlay{width:800px;height:70px;background:#fff;position:absolute;opacity:0.01; filter:alpha(opacity=1);z-index:101;}
.rc-10{border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}
.rc-5{border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

/*DATE TIME PICKER*/

.ui-timepicker-div{color:rgb(17, 17, 17);padding:0 4px 0 17px;border-top:1px solid #f5f5f5;}
.ui_tpicker_time_label { float: left; width: 53px;}
.ui_tpicker_time { color: #007b7b; font-weight: bold; margin: 7px 0;}

.ui_tpicker_hour_label,.ui_tpicker_minute_label{float:left;width:50px;height:25px;font-size:12px;}

.ui-timepicker-div .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{height:4px;}
.ui_tpicker_hour, .ui_tpicker_minute { height: 21px; padding: 5px 0 0 0; width: 185px; margin: 0 0 0 35px;}

.ui-timepicker-div .ui-slider-handle.ui-state-default.ui-corner-all { height: 10px; width: 10px;}
.ui-timepicker-div .ui-slider-handle.ui-state-default.ui-corner-all{border:1px solid #ccc;}

/* HEADER */
.header {
	background: #007b7b;
	/* box-shadow: 0 0 11px rgba(0,0,0,0.47); */
	height: 66px;
	position: fixed;
	width: 100%;
	z-index: 10005;
	font-size: 12px;
	font-family: "Gotham";
	left: 0;
	height: 100%;
	width: 250px;
}

.header-bar {
	background: #2d3032;
	height: 50px;
	width: calc(100% - 250px);
	float: right;
}
.header-container{max-width:1250px; width:100%;font-family:"Gotham";}
.header-bottom {
	background: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 150px;
}
.header-mobile-btn-menu {
  background: rgba(0, 0, 0, 0) url("../css/images/header_menu_btn.png") no-repeat scroll center center;
  cursor: pointer;
  float: right;
  height: 66px;
  width: 66px;
}
.header-close {
  background: rgba(0, 0, 0, 0) url("../css/images/header_close_icon.png") no-repeat scroll right center;
  cursor: pointer;
  float: right;
  height: 30px;
  line-height: 30px;
  margin: 0 0 35px 0;
  opacity: 1;
  font-weight:bold;
  padding: 0 31px 0 0;
  text-align: right;
  width: 55px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	  
}
.header-close:hover {
	opacity:1;
}
.header-menu-item.first {
	border-top: 1px solid #fff;
}
.header-menu-item {
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
	font-size: 13px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.header-menu-item:hover {
	background:rgba(255,255,255,0.2);
		  
	
}
.header-menu-item.selected {
	background: #2d3032;
	color:#fff;
}

.header-menu-item .ico {
	float: left;
	text-align: center;
	font-family: oe;
	font-size: 20px;
	width: 50px;
	color: #fff;
	line-height: 35px;
}
.header-menu-item.selected .ico {
	color: #fff;
}
.header-mobile-menu {
	font-family:"Gotham";
  background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
  color: #fff;
  font-size: 13px;
  left: 100%;
  min-height: 200px;
  height:calc(41.3vw - 68px + 66px);
  padding: 18px 200vw 50px 40px;
  position: absolute;
  text-align: left;
  width: 230px;
  z-index: 100000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;			  
}
.header-mobile-menu.active {
  left: calc(50% + 333px);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;			
}

.header-mobile-menu-item {
	font-weight:bold;
  line-height: 30px;
  color:#ccc;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;  
}
.header-mobile-menu-item:hover {
	opacity: 1;
	color:#fff;
}
.header-mobile-menu-sep {
  background: #fff none repeat scroll 0 0;
  height: 1px;
  margin: 15px 0;
  width: 86%;
}

 
.header-mobile-menu-btn {
	font-family: "Gotham";
	background: #fff;
	color: #007b7b;
	border:  1px solid #007b7b;
	border-radius: 5px;
	line-height: 30px;
	margin: 5px 0 0 0;
	min-width: 110px;
	padding: 0 5px;
	cursor: pointer;
	font-weight: bold;
	font-size:12px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.header-mobile-menu-btn:hover {
	color: #fff;
	background: #007b7b;
}
.i22 .header-logo {
  background: rgba(0, 0, 0, 0) url("../css/images/logo_oe_mid.png") no-repeat scroll center center;
  height: 115px;
  margin: 0;
  position: absolute;
  width: 130px;
  z-index: 1;
}
.i38 .header-logo {
  background: rgba(0, 0, 0, 0) url("../css/images/logo_oe_mid.png") no-repeat scroll center center;
  height: 115px;
  margin: 0;
  position: absolute;
  width: 130px;
  z-index: 1;
}

.i9 .header-logo {
  background: rgba(0, 0, 0, 0) url("../css/images/logo_nev_mob_ar.png?a=1") no-repeat scroll center center / 100% auto;
  height: 65px;
  margin: 0;
  position: absolute;
  width: 180px;
  z-index: 1;
}

.i23 .header-logo {
  background: rgba(0, 0, 0, 0) url("../css/images/logo_nev_mob_en.png?a=3") no-repeat scroll center center / 100% auto;
  height: 65px;
  margin: 0 0 0 20px;
  position: absolute;
  width: 180px;
  z-index: 1;
}

.header-logo {
	background: url("./images/logo_depr.png") no-repeat scroll center center/150% auto;
	height: 120px;
	margin: 10px auto;
	width: 120px;
	z-index: 1;
}

.usuario-name {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.usuario-img {
	height: 78px;
	padding: 0;
	width: 78px;
	position: relative;
	border-radius: 100px;
	border: 4px solid #fff;
	margin: -44px auto 0;
}
.usuario-img div {
	border: 0px solid #2ac1e5;
	border-radius: 50px;
	height: 100%;
	width: 100%;
	position: relative;
}

.mensaje-icon {
	border-radius: 100px;
	height: 29px;
	position: relative;
	width: 29px;
	text-align: center;
	font-size: 17px;
	font-family: oe;
	line-height: 29px;
	color: #007b7b;
	background: #fff;
	padding: 0;
	margin: 10px 10px 0 4px;
	float: right;
	transition: all 0.2s linear 0s;
}

.lang-icon {
	border-radius: 100px;
	height: 29px;
	position: relative;
	width: 29px;
	text-align: center;
	font-size: 14px;
	font-family: Gotham;
	line-height: 29px;
	color: #007b7b;
	background: #fff;
	padding: 0;
	margin: 10px 4px 0 4px;
	float: right;
	transition: all 0.2s linear 0s;
}

.notificacion-icon:hover,.salonvirtual-icon:hover,.mensaje-icon:hover,.lang-icon:hover,,.lang-icon.selected{background: #007b7b;transition: all 0.2s linear 0s;color:#fff;}

.notificacion-icon-container {
	cursor: pointer;
	float: right;
	height: 29px;
	width: 29px;
	margin: 10px 14px 0 4px;
}

.notificacion-icon {
	border-radius: 100px;
	height: 29px;
	position: relative;
	width: 26px;
	text-align: center;
	font-size: 14px;
	font-family: oe;
	line-height: 29px;
	color: #007b7b;
	background: #fff;
	padding: 0 0 0 3px;
	transition: all 0.2s linear 0s;
}

.notificacion-icon-alert {
	background: #da1313 none repeat scroll 0 0;
	border-radius: 4px;
	float: right;
	height: 8px;
	margin: -28px 0px 0;
	width: 8px;
	position: relative;
	z-index: 1;
}

.salonvirtual-icon {
	border-radius: 100px;
	height: 29px;
	position: relative;
	width: 29px;
	text-align: left;
	font-size: 28px;
	font-family: oe;
	line-height: 29px;
	color: #fff;
	background: #007b7b;
	padding: 0;
	margin: 18px 4px 0 4px;
	float: right;
	transition: all 0.2s linear 0s;
}

/*HEADER UNIVERSITY*/
.uni-header {
  background: #414141 none repeat scroll 0 0;
  color: #fff;
  font-weight: 100;
  height: 50px;
  line-height: 47px;
}
.uni-header input[type="button"] {
  background: #00d0ff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  line-height: 30px;
  margin: 0 15px;
  transition: all 0.2s linear 0s;
  width: 130px;
}

.uni-header input[type="button"]:hover {
	opacity:0.8;
}

.uni-header-side {
  background: #f8f8f8 none repeat scroll 0 0;
  font-family: "oe";
  font-size: 28px;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  width: 80px;
  color:#464646;
  padding:80px 0 0 0;
  z-index:100000;
}

.uni-header-side-item {
  background: #f8f8f8 none repeat scroll 0 0;
  border-radius: 50px;
  height: 50px;
  line-height: 50px;
  margin: 25px auto;
  width: 50px;
  cursor:pointer;
}
.uni-header-side-item:hover {
  background: #04b5e9 none repeat scroll 0 0;
  color:#f8f8f8;
  border-radius: 50px;
  height: 50px;
  line-height: 50px;
  margin: 25px auto;
  width: 50px;
}

.uni-header-logged {
  background: #f8f8f8 url("./images/logo_university.png") no-repeat scroll 30px center / auto 65%;
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200000;
}

/* MODAL CONFIRM*/
.confirm-modal, .alert-confirm{font-size:14px;color:rgb(17, 17, 17);text-shadow:1px 0 0 #eee;padding:0;}
.confirm-container, .alert-container{padding:0 20px;height:150px;min-width:310px;text-align:center;display:table-cell; vertical-align:middle;}
.confirm-btn, .alert-btn{line-height:50px;text-align:center;border-top:1px solid #ccc;color:#999;cursor:pointer;}
.confirm-btn:hover, .alert-btn:hover{color:rgb(17, 17, 17);}
.confirm-btn.right{float:right;width:49.6%;}
.confirm-btn.left{float:left;width:50%;border-right:1px solid #ccc;}
.alert-btn.center{width:100%;}



/* #Footer
================================================== */
.footer {
	height: 170px;
	width: calc(100% - 250px);
	background: #2d3032;
	font-size: 12px;
	font-size: 12px;
	border-top: 4px solid #2d3032;
	color: #949ea3;
	overflow: hidden;
	margin-left: 250px;
}
.footer-sep{
	margin: 5px 10px;
	float: right;
}
.footer-casa-grande {
	background: rgba(0, 0, 0, 0) url("./images/footer_logo.png") no-repeat scroll left top;
	cursor: pointer;
	float: left;
	height: 30px;
	width: 130px;
	margin: 0 0 0 5px;
}

.footer h3 {
	color: #d1d6d9;
	font-size: 15px;
	line-height: 21px;	
	margin-top: 0px;
	margin-bottom: 14px;
}
.footer.footer_dark h3{
	color: #818f96;
	text-shadow: 0px -1px 0px #111;
}
.footer .column {
	float: left;
	width: 18%;
	min-height: 100px;
}
.footer .big_column {
	float: right;
	width: 28%;
	min-height: 100px;
}
.footer p {
	margin-bottom: 0;
}

/* Footer Icons*/
.icon_twitter {
	float: right;
	width: 23px;
	height: 23px;
	background: url('./images/icon_tweet.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
	
}
a.icon_twitter:hover {
	background: url('./images/icon_tweet.png') center top no-repeat;

}
.icon_facebook {
	float: right;
	width: 23px;
	height: 23px;
	background: url('./images/icon_facebook.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;	
}
a.icon_facebook:hover {
	background: url('./images/icon_facebook.png') center top no-repeat;
}
.icon_pinterest {
	float: right;
	width: 23px;
	height: 23px;
	background: url('./images/icon_pinterest.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;	
}
a.icon_pinterest:hover {
	background: url('./images/icon_pinterest.png') center top no-repeat;
}
.icon_skype {
	float: right;
	width: 23px;
	height: 23px;
	background: url('./images/icon_skype.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;	
}
a.icon_skype:hover {
	background: url('./images/icon_skype.png') center top no-repeat;
}
.icon_instagram {
	float: right;
	width: 23px;
	height: 23px;
	background: url('./images/icon_instagram.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;	
}
a.icon_instagram:hover {
	background: url('./images/icon_instagram.png') center top no-repeat;
}

.icon_google {
	float: right;
	width: 23px;
	height: 23px;
	background: url('./images/icon_google.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}
a.icon_google:hover {
	background: url('./images/icon_google.png') top center no-repeat;
}


.icon_phone {
	font-size: 13px;
	line-height: 24px;
	background: url('./images/icon_footer_phone.png') left 4px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
	width: 215px;
	float: left;
}
.icon_mail {
	font-size: 13px;
	line-height: 24px;
	background: url('./images/icon_footer_mail.png') left center no-repeat;
	padding: 0 0 0 30px;
	margin: 4px;
	float: left;
}
.icon_loc {
	font-size: 13px;
	line-height: 24px;
	background: url('./images/icon_footer_loc.png') left 3px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
	width: 215px;
	float: left;
}

.footer.footer_dark .icon_phone, .#footer.footer_dark .icon_mail, .footer.footer_dark .icon_loc{
	color: #748188;
	text-shadow: none;
}

.footer a {
	text-decoration: none;
	padding: 0px;
	font-size: 12px;
	line-height: 15px;
	color:#949ea3;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;			
}
.footer a:hover {
	color:#0ad1e5;
}

.footer_pic img{
	float:left;
	border: 3px solid #5d5d5d;
	margin: 2px 14px 22px 0;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;		
}
.footer_pic img:hover{
	border: 3px solid #0ad1e5;
}
.footer_news_item {
	font-size: 11px;
	line-height: 15px;
	margin-right: 12px;
}
.footer_news_item p{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 12px;	
}
.footer_news_item h4 {
	font-size: 12px;
	line-height: 15px;	
	color:#949ea3;
}

.powered {
	float: left;
	margin-top: 1px;
	margin-right: 10px;
	font-size: 11px;
	color: #949ea3;
}
.powered a{
	font-size: 11px;
}
.footer_btm {
	clear: both;
	padding: 20px 0 10px;
	/* background: #222425; */
	border-top: 1px solid #838e94;
}

.contenedor-footer-left {
	float: left;
	margin: 20px 0px 0;
	min-height: 70px;
	width: 47%;
}

.contenedor-footer-right-btns {
	float: right;
	margin: 20px 0 0 20px;
	min-height: 10px;
	width: 48%;
}

.footer-term-y-cond-btn {
	float: right;
}

.contenedor-footer-right-btns a{
	color:#949ea3;
	font-size:13px;
	line-height:25px;
}

/* #Base 960 Grid
================================================== */

.container {
	position: relative;
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
  


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	.footer img{float:left;cursor:pointer;}
	
    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
    .clearfix {float: none;	clear: both;}
.footer-copyright {
	float: left;
	text-align: center;
	margin: 6px 0px 0px 50px;
	width: 495px;
	font-size: 12px;
	line-height: 7px;
}

.calculadora-container {
	z-index: 9999;
	position: absolute;
	background: rgba(255,255,255,0.9);
	border: 0px solid #ccc;
	padding: 20px 15px 15px 15px;
	box-shadow: 0px 0px 3px #333;
	cursor: move;
	top: 15%;
	left: calc(50% - 161px);
}
.calculadora-close{background:url(./images/fancybox_sprite.png);width:35px; height:35px; cursor:pointer; position:absolute;top:-20px;left:305px;}

.contacto-btn:hover{color:#007b7b;text-decoration:underline;cursor:pointer;}

.home-contacto input[type=text].error,.home-contacto textarea.error{border:1px solid #d00;}

/* Modal Contacto
================================================== */
.contact-container{width:810px;padding:15px;}
.contacto-tit{width:800px;height:40px;}
.contacto-tit span{color:#007b7b;font-size:18px;margin:0 0 10px 0;padding:0 4px;}
.contact-left-cont{width:410px;float:left;}
.contact-check {color: #FF0000;float: right;font-size: 22px;font-weight: bold;line-height: 34px;width: 18px;}
/*.contact-left-cont input[type=text],.contact-left-cont textarea{margin:0 0 10px 0;width:380px;height:27px;line-height:27px;background:#f6f6f6;border:none;color:rgb(17, 17, 17);font-size:12px;padding:0 3px;}
.contact-left-cont textarea{padding:8px;font-family:'Gotham',Helvetica;}*/

.contact-left-cont input[type="text"]{border:1px solid #fff; background:#f6f6f6; width:374px; height:27px;line-height:27px;margin:0 4px 8px 0;font-family:'Gotham',Helvetica;color:rgb(17, 17, 17);font-size:13px;padding:0px 5px;outline: none;

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.contact-left-cont select{border:1px solid #fff; background:#f6f6f6; width:374px; height:27px;line-height:27px;margin:0 4px 8px 0;font-family:'Gotham',Helvetica;color:rgb(17, 17, 17);font-size:13px;padding:0px 5px;outline: none;

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}          

.contact-left-cont input[type="text"]:focus,.contact-left-cont input[type="text"].error:focus{
	
  -webkit-box-shadow: 0 0 2px rgba(31, 117, 206, 1);
     -moz-box-shadow: 0 0 2px rgba(31, 117, 206, 1);
          box-shadow: 0 0 2px rgba(31, 117, 206, 1);
          border:1px solid #EEEEEE;
}
.contact-left-cont input[type="text"].error{border:1px solid rgba(255,0,0,0.6);box-shadow:0px 0px 1px #f00;}

.contact-left-cont textarea{border:1px solid #fff; margin:0 4px 8px 0; font-family:'Gotham',Helvetica;color:rgb(17, 17, 17);font-size:13px;padding:5px;outline: none;width:374px;height:130px;background:#f6f6f6;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.contact-left-cont textarea.error{border:1px solid rgba(255,0,0,0.6);box-shadow:0px 0px 1px #f00;}
.contact-left-cont textarea:focus{
  -webkit-box-shadow: 0 0 2px rgba(31, 117, 206, 1);
     -moz-box-shadow: 0 0 2px rgba(31, 117, 206, 1);
          box-shadow: 0 0 2px rgba(31, 117, 206, 1);
          border:1px solid #eeeef4;
}


.contact-right-cont{float:right;}
.contact-desc-tit{width:200px;height:15px;}
.contact-desc-tit span{color:rgb(17, 17, 17);font-size:12px;font-weight:bold;margin:0;line-height:10px;}
.contact-desc{width:370px;height:103px;}
.contact-desc span{color:rgb(17, 17, 17);font-size:12px;margin:0;line-height:12px;}
.contact-img{background:url(./images/contacto_img.jpg) no-repeat 0 0;width:375px; height:280px;margin:0 0 15px 0;}



/* AYUDA
================================================== */
.main-ayuda-btn{background: none repeat scroll 0 0 #fff;
border-color: #eeeef4;
border-radius: 25px 0 0 25px;
border-style: solid none solid solid;
border-width: 2px;
height: 50px;
margin: 11px 0 0 0;
position: fixed;
right: 0;
width: 60px;
z-index: 999;
}

.main-ayuda{background: none repeat scroll 0 0 #fff;
border-color: #eeeef4;
border-style: solid none solid solid;
border-width: 2px;
height: 100%;
margin: 0 -333px 0 0;
overflow: auto;
position: fixed;
right: 0;
width: 331px;
z-index: 10000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;	
}
.main-ayuda:hover{margin: 0 0 0 0;} 

.main-ayuda-submenu-cont li {  margin: 10px 0;}

.main-ayuda-upper-cont{
height: 50px;
margin: 11px 13px;
width: 280px;
}

.main-ayuda-ico{background: url("./images/main_ayuda_text_ico.png") no-repeat scroll center center #ff0000;
border-radius: 23px;
height: 46px;
margin: 2px;
position: absolute;
width: 46px;
cursor:pointer;
}

.main-ayuda-tit {
  color:rgb(17, 17, 17);
  float: left;
  font-size: 18px;
  height: 20px;
  margin: 12px 0 0;
  padding: 0 0 0 61px;
  text-align: left;
  width: 200px;
}

.main-ayuda-menu-cont{width:100%;min-height:46px;background:#fff;}

.main-ayuda-menu {
  background: url("./images/main_ayuda_menu_arrow_open.png") no-repeat scroll 30px center #eeeef4;
  color:rgb(17, 17, 17);
  cursor: pointer;
  float: left;
  font-size: 14px;
  line-height: 16px;
  min-height: 16px;
  padding: 15px 10% 15px 22%;
  text-align: left;
  width: 68%;
  margin: 0 0 2px 0;
}
.main-ayuda-menu.open{background: url("./images/main_ayuda_menu_arrow.png") no-repeat scroll 30px center #eeeef4;}

.main-ayuda-menu-arrow{background: url("./images/main_ayuda_menu_arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
float: left;
height: 46px;
width: 22%;}
.main-ayuda-menu-tit{}


.main-ayuda-submenu-cont {
color:rgb(17, 17, 17);
float: left;
font-size: 12px;
line-height: 14px;
margin: 14px 0 20px 30px;
text-align: justify;
width: 82%;
}

.ui-autocomplete { border: 1px solid #aaa; height: 300px; overflow: auto; width: 400px;}

.oe-zopim{background: url("./images/zopim_img.png") no-repeat scroll center center transparent;width:187px;height:30px;bottom:0;right:0;position:fixed;margin:0 10px 0 0;cursor:pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.oe-zopim.en{background: url("./images/zopim_img_en.png") no-repeat scroll center center transparent;}

.ui-datepicker{z-index:70 !important; font-size:13px !important; width:255px !important;}

.padre-select {
  background: #fff none repeat scroll 0 0;
  border: medium none !important;
  border-radius: 0;
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.47);
  height: 23px;
  margin: 65px 0 0;
  padding: 2px !important;
  position: absolute;
}



.mail-fancybox{
	height: 400px;
	width:528px;
}

.mail-fancybox-tit {
  color: #007b7b;
  font-size: 20px;
  height: 95px;
  text-align: center;
}

.mail-fancybox-sub-tit {
  color: #656565;
  font-size: 15px;
  font-weight: bold;
  height: 45px;
  text-align: center;
}

.mail-fancybox-input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #00a9e8;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  float: left;
  font-size: 12px;
  height: 25px;
  margin: 0 0 15px;
  outline: medium none;
  padding: 0 5px;
  width: 97%;
}

.mail-fancybox-input.left {
  float: left;
  width: 45%;
}

.mail-fancybox-input.right {
  float: right;
  margin: 0 6px 0 0;
  width: 45%;
}

.mail-fancybox-nev-logo {
  background: rgba(0, 0, 0, 0) url("./images/logo_nev_mob.png?a=1") no-repeat scroll 23px bottom;
  float: left;
  height: 100px;
  width: 50%;
}
.i9 .mail-fancybox-nev-logo {
  background: rgba(0, 0, 0, 0) url("./images/logo_nev_mob_ar.png?a=1") no-repeat scroll 23px bottom;
  float: left;
  height: 100px;
  width: 50%;
}
.i23 .mail-fancybox-nev-logo {
  background: rgba(0, 0, 0, 0) url("./images/logo_nev_mob_en.png?a=3") no-repeat scroll 23px bottom;
  float: left;
  height: 100px;
  width: 50%;
}

.mail-fancybox-nev-logo{
	display:block;
}
.mail-fancybox-nev-logo-movil{
	display:none;
}
.mail-fancybox-txt {
  color: #007b7b;
  float: left;
  font-size: 22px;
  height: 50px;
  margin: 11px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 25%;
}

.mail-fancybox-btn {
  background: #007b7b none repeat scroll 0 0;
  color: white;
  cursor: pointer;
  float: right;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin: 15px 15px 0 0;
  text-align: center;
  width: 15%;
}

.mail-fancybox-btn:hover {
  opacity: 0.7;
}

.mail-fancybox-input.error {
  border-color: #f00;
}

.fancybox-inner{
	overflow-x:hidden !important;
}
.iframe-gform{width:900px;height:500px;overflow:hidden;}



.lang-btn-menu {
  background: rgba(0, 0, 0, 0) url("../css/images/icon_lang.png") no-repeat scroll bottom center;
  cursor: pointer;
  float: right;
  height: 21px;
  opacity: 0.7;
  width: 21px;
  transition: all 0.2s ease-out;
  margin: 1px 0 0;    
}

.lang-btn-menu:hover{
	background: rgba(0, 0, 0, 0) url("../css/images/icon_lang.png") no-repeat scroll top center;
}
.lang-menu {
  clear: both;
  float: right;
  margin: -128px 0 0;
  min-width: 100px;
  position: relative;
  width: 12%;
  z-index: 10000;
}

.lang-menu-line {
  background: #1fbfe4 none repeat scroll 0 0;
  clear: both;
  float: right;
  height: 6px;
  width: 45px;
}

.lang-menu-item {
  background: #1fbfe4 none repeat scroll 0 0;
  color: #fff;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: right;
  width: 100%;
  cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;    
}
.lang-menu-item a {
	color:#fff;
	line-height: 40px;
}
.lang-menu-item:hover {
	background: #0f72b7;
}

.lang-menu-item input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-family: Gotham;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  margin: 0;
  padding: 0;
}

.lang-selector-container {
  float: right;
}
.lang-selector-container .img {
	background: rgba(0, 0, 0, 0) url("./images/lang_select_icon.png?c") no-repeat scroll left center / 100% auto;
	height: 30px;
	position: absolute;
	width: 15px;
}

.lang-selector {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("./images/lang_select_arrow.png?c") no-repeat scroll 82px 13px;
	border: 0 none;
	border-radius: 5px;
	clear: both;
	color: #949ea3;
	cursor: pointer;
	display: inline-block;
	outline: medium none;
	padding: 6px 0 0 23px;
	width: 93px;
}

.lang-selector option {
  background: #fff none repeat scroll 0 0;
  color: #656565;
  padding: 0px;
}

.imagen-modal {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.5);
  padding: 10px;
  position: absolute !important;
  cursor:move;
  z-index:1000000;
}

.imagen-modal-close {
  background: rgba(0, 0, 0, 0) url("./images/fancybox_sprite.png") repeat scroll 0 0;
  cursor: pointer;
  float: right;
  height: 35px;
  margin: -30px;
  position: relative;
  width: 35px;
}

.main-seccion-tit {
	background: #1ec0e7 none repeat scroll 0 0;
	color: #fff;
	float: none !important;
	font-size: 15px;
	height: 25px;
	line-height: 24px;
	margin: 0px auto 30px;
	text-align: center;
	max-width: 200px;
	display:none;
}

.main-seccion-tit.escuela {
	display:block;
}

.main-seccion-tit > a {
  border-radius: 30px;
  display: block;
  height: 100%;
  width: 100%;
}


.main-forbidden {
  background: #fff none repeat scroll 0 0;
  padding: 50px 0;
  position: absolute;
  width: 100%;
  font-size: 13px;  
  z-index: 10000;
}

.main-forbidden-container {
  height: 525px;
  max-width: 500px;
  min-width: 320px;
  width: 100%;
}
.main-forbidden-container .btn-close {
  background: rgba(0, 0, 0, 0) url("./images/contenido2_close.png") no-repeat scroll center center / 100% auto;
  float: right;
  height: 100px;
  width: 40px;
  cursor:pointer;
  opacity:0.8;
}

.main-forbidden-container .btn-close:hover {
	 opacity:1;
}
.zopim {
	right: 10px !important;
	left: auto !important;
}

/*USUARIO GRADO*/
.plan-grado-panel {
	width: 100%;
	float: left;
	margin: 10px 0;
	box-sizing: border-box;
}


.plan-grado-panel .content {
	text-align: left;
	font-weight: bold;
	border: 1px solid #007b7b;
	border-radius: 10px;
	padding: 15px;
	height: 150px;
	box-sizing: border-box;
	overflow: auto;
}

.plan-grado-panel input[type="checkbox"] {
	appearance: checkbox;
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;  
	width: 20px;
	height: 15px;
	padding: 0;
	margin: 0 5px;
	float: left;
}

.form-add-grado {
	width: 260px;
}

.plan-grado-panel .title {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align: center;
	color: #007b7b;
}

.plan-grado-panel label {
	font-size: 13px;
	line-height: 13px;
	float: left;
	margin: 0 0 20px 0;
}

.plan-grado-panel .content.error{
	border-color:red;
}

.btn-login-nev {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #007b7b url("./images/cgi_logo.png") no-repeat scroll center center/80% auto;
	width: 150px;
	height: 30px;
	margin: 0 10px;
	border-radius: 5px 5px 0px 0px;
}

.goog-te-gadget-icon {
	background: #fff !important;
	width: 0px !important;
}

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }

.goog-te-gadget-simple {
	float: right;
	margin: 13px 10px;
	border-radius: 5px;
	width:0px;
	overflow:hidden;
	opacity:0.01;
}