@charset "utf-8";
/* CSS Document */

/** 
SE LIMPIARA EL CODIGO CSS AL FINAL... GRACIAS POR SU PACIENCIA :)
**/

/*MENU ALUMNO*/
.menuchingon{
display:none; 
position:absolute; 
z-index:9999;
width: 187px;
margin: 3px 0 0 -4px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: -webkit-gradient(linear,left bottom, left top, from(#EDEDED), to(#ffffff));
background: -moz-linear-gradient(top,  #EDEDED,  #ffffff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#ffffff');  
}

body{ font-family:Helvetica; font-size:11px; color:#969696;}
img { border:none; }
.titulos{ font-family: 'Raleway', arial, serif; font-size:24px; }
.actividades{ font-family:Verdana; font-size:12px; color:#686868; padding-top:7px; padding-left:7px; }
.ligasa{ font-family:Verdana; font-size:12px; color:#1370a0; padding-top:7px; text-decoration:none; }
.ligav{ font-family:Verdana; font-size:10px; color:#1370a0; padding-top:7px; text-decoration:none; }
.lineaba{ border-bottom: 1px solid #e4e4e4;  }
.subtitulos { font-family:'Helvetica', arial, serif; font-size:14px; font-weight:bold; margin-left:10px;  }
.margen{ margin-left:10px; }
.marcoindex{border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}
.promoindex{ color:#256398; font-family: 'Lato', arial, serif;font-size:18px;}
.promoindex2{ color:#534F4D; font-family:'Lato', arial, serif;font-size:22px;}
.ligaindex{color:#969696; font-family: 'Lato', arial, serif;font-size:14px; text-decoration: none; }
.ligaindex:hover{ color:#969696; font-family: 'Lato', arial, serif; font-size:14px; text-decoration:underline;}
.lineaindex{ border-bottom: 1px solid #e4e4e4; margin:20px;}
.subtitindex{ color:#FFFFFF; font-family:Verdana; font-size:14px;}
.tituloindex{ color:#FFFFFF; font-family:Verdana; font-size:17px; }
.txtindex{ color:#000000; font-family:Verdana; font-size:14px; width:280px; height:20px; border:1px solid #FFFFFF; background-color:#FFFFFF;-webkit-box-shadow: inset 0px 0px 4px 1px #f5f5f5;-moz-box-shadow: inset 0px 0px 4px 1px #f5f5f5;box-shadow: inset 0px 0px 4px 1px #f5f5f5;}
.txtsindex{ color:#000000; font-family:Verdana; font-size:14px; width:135px; height:20px; border:1px solid #FFFFFF; background-color:#FFFFFF;-webkit-box-shadow: inset 0px 0px 4px 1px #f5f5f5;-moz-box-shadow: inset 0px 0px 4px 1px #f5f5f5;box-shadow: inset 0px 0px 4px 1px #f5f5f5;}
.btnindex{ width:100px; height:25px; border:1px solid #CCCCCC; color:#256398; font-family: 'Lato', arial, serif;font-weight: bold;background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 98%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 98%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e6e6e6 98%);
font-size: 14px;}
.btnindex:hover{background:#bdbdbd;border:1px solid #bdbdbd;}
.ligaheder{ color:#244d8c; font-family:Verdana; font-size:12px; text-decoration: none; }
.ligaheder:hover{ color:#244d8c; font-family:Verdana; font-size:12px; text-decoration:underline;}
.ligareg{ color:#9e0b0f; font-family:Verdana; font-size:14px; text-decoration: none; text-align:center; }
.ligareg:hover{ color:#9e0b0f; font-family:Verdana; font-size:14px; text-decoration:underline; text-align:center;}
.blackberry{ position:fixed; right:0; bottom:0; }
.loginhead{font-family:Verdana; color:#244d8c; font-size:10px; }
.txtloginhead{ color:#000000; font-family:Verdana; font-size:10px; height:18px; border:1px solid #b7b7b7; background-color:#FFFFFF; margin-right:5px; -webkit-box-shadow: inset 0px 0px 4px 1px #f5f5f5;-moz-box-shadow: inset 0px 0px 4px 1px #f5f5f5;box-shadow: inset 0px 0px 4px 1px #f5f5f5;}
.btnloginhead{ width:60px; height:20px; border:1px solid #FFFFFF; background-color:; color:#FFFFFF; }
.btnloginhead:hover{ width:60px; height:20px; border:1px solid #FFFFFF; background-color:#1b476b; color:#FFFFFF; }
.flotinfo{background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,0.94) 6%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(6%,rgba(255,255,255,0.94)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,0.94) 6%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,0.94) 6%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,0.94) 6%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00ffffff',GradientType=0 );
background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,0.94) 6%,rgba(255,255,255,0) 100%); width:100%; position:absolute; left:0; right:0; top:60px;}

.headerflot{ border:1px solid #cacaca; 
 background: -webkit-gradient(linear,left bottom, left top, from(#EDEDED), to(#ffffff));
				background: -moz-linear-gradient(top,  #EDEDED,  #ffffff);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#ffffff'); 
				background-image:url(images/banner1.png); background-repeat:repeat-x;position:absolute; width:100%; left:0; right:0; top:0; z-index:30;}
.posibod{ width:100%; position:absolute; left:0; right:0; top:33px;}

.headerflotEXT{ 
 border:1px solid #cacaca; 
 background: -webkit-gradient(linear,left bottom, left top, from(#EDEDED), to(#ffffff));
 background: -moz-linear-gradient(top,  #EDEDED,  #ffffff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#ffffff'); 
 background-image:url(images/banner1.png); background-repeat:repeat-x;
 position:absolute; width:100%; left:0; right:0; top:0; z-index:30;
}

.posibod{ width:100%; position:absolute; left:0; right:0; top:33px;}

/** -----------   BOTONES --------------- **/
.botonsuco {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none; 
	font-family:Helvetica; 
	font-size:11px; font-weight:bold;
	padding: 4px 5px 4px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.botonsuco:hover {
	text-decoration: none;
}
.botonsuco:active {
	position: relative;
	top: 1px;
}

/** BOTON NARANJA **/
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/** BOTON AZULITO **/

.azulito {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.azulito:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.azulito:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/** BOTON ROJOU **/
.rojow {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.rojow:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.rojow:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/** BOTON VERDE **/
.verde {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #91ff00;
	background: -webkit-gradient(linear, left top, left bottom, from(#91ff00), to(#7cb232));
	background: -moz-linear-gradient(top,  #91ff00,  #7cb232);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ff00', endColorstr='#7cb232');
}
.verde:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.verde:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


/** BOTON NEGRO **/
.negrow {
 border-top: 1px solid #c9c9c9;
   background: #888888;
   background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#888888));
   background: -moz-linear-gradient(top, #a1a1a1, #888888);
   color: white;

}
.negrow:hover {
   border-top-color: #636363;
   background: #636363;
   color: #ccc;
}
.negrow:active {
	border-top-color: #808080;
   background: #808080;
}


/** -----------   /BOTONES --------------- **/

/** MEGA MENU **/
#megamenu {
padding:0;
}
#megamenu li {
display: inline;
}
#megamenu li a {
	display:  inline-block;
	width:60px;
	height:20px;
	text-align:center;
	padding-top:7px;
	text-decoration:none;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
#megamenu li a:hover {
	display: inline-block;
	width:60px;
	height:20px;
	padding-top:7px;	
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.contornomenu{border:1px solid #e4e4e4;}
/** HEADER **/
.header{ 
background: -webkit-gradient(linear,left bottom, left top, from(#EAEAEA), to(#ffffff));
			  background: -moz-linear-gradient(top,  #EAEAEA,  #ffffff);
			  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#ffffff');
              background-image:url(images/banner1.png); 
}
.headerEXT{ 
	background: -webkit-gradient(linear,left bottom, left top, from(#EAEAEA), to(#ffffff));
	background: -moz-linear-gradient(top,  #EAEAEA,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#ffffff');
	background-image:url(images/banner1.png);
	}
.linealogo{ border-right: 1px solid #e4e4e4; }
.menu{ padding-left:30px; vertical-align:middle; }
.user{ font-family:Helvetica; font-size:11px; color:; font-weight:bold; vertical-align:middle; padding-left:5px;}
.buscador { font-size:12px; font-family:Helvetica; color:#000000; width:280px; height:18px; border:1px solid #CCCCCC; background-image:url(images/SearchIcon.png); background-position: right; background-repeat:no-repeat; vertical-align:middle; } 


/** BODY **/
.marco { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4;  }
.marcogadget{border-right: 1px solid #e4e4e4; vertical-align:top;  }
.marcoizq { border-left: 1px solid #e4e4e4; vertical-align:top;  } 
.marcocentral{ border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; vertical-align:top; padding-top:10px; padding-left:15px; padding-right:15px ;  }
.barra{ overflow-y:hidden;overflow-x:auto; width:700px; height:160px; top:100px; left:20px; padding-left:10px;}
.imgdash{ top:5px; left:0px;position:relative; margin-left:5px; float:left; width:100px; height:75px; }
.imgdash2{ top:5px; left:0px;position:relative; margin-left:5px;  border:1px solid  #A4A4A4; float:left; width:75px; height:75px; }
.anuncios{ border:0px solid  #A4A4A4; width:240px; height:210px;}
.anuncios2{ border:0px solid  #A4A4A4; width:99% ; }
.imagenperfil{width:175px; margin-left:7px; position:static;}
.allfeeds{ padding-left:30px; vertical-align:middle; }
.txtfeed{ color:#000000; font-size:12px; }
.esppadd{ padding-left:7px;}
.bluefeed{ color:#006496; font-size:11px; font-weight:bold;}
.ligafeed{ color:#006496; font-size:11px; }
.ligafeedq{ color:#006496; font-size:12px;}
.respfeed { padding-left:75px; vertical-align:middle; padding-right:30px;}
.fechafeed { color:#A4A4A4; font-size:11px; font-weight:bold; padding-left:90px;}
.notificacion { margin-top:10px; background-color:#fdfdfd; }
.notitop { vertical-align:top; padding-top:2px;}
.notirecib { border:1px solid  #ed1c24; width:5px; height:100%; background-color:#ed1c24; }
.notileeida { border:1px solid  #ed1c24; width:5px; height:100%; background-color:green; }

.notiimag { border: 1px solid #e4e4e4; width:45px; height:100%;}
.notinom { color:#0076a3; font-size:13px; font-weight:bold;}
.notipriew {  color:#A4A4A4; font-size:10px; }
.notileida{ border:1px solid  #cdcbcb; width:5px; height:100%; background-color:#cdcbcb; } 
.invencab{ border:2px solid #d2d4d9; vertical-align:middle; background-color:#eaebee; height:60px; color:#000000; text-align:center; margin-top:7px; font-weight:bold; -webkit-border-radius: .5em; 
	-moz-border-radius: .5em; }
.invcuerpo{ border:2px solid #d2d4d9; vertical-align:middle; background-color:#fafafa; height:35px; text-align:center; font-weight:bold; font-size:9px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; }
.txtshared{ width:100%; height:20px; color:#000000; border:1px solid  #cdcbcb;}
.enmedio{ vertical-align:top;}
.ligaintramuros{  font-family: 'Raleway', arial, serif; font-size:24px; text-decoration:none; color:#969696;}
.imgalbums{ border:1px solid  #A4A4A4; width:160px; height:150px; position:relative; float:left; margin-left:8px; margin-top:3px; margin-bottom:6px; }
.tit1col {  vertical-align:top; padding-top:10px; padding-left:15px;}
/** RIBBONS LEFT**/
h3  
{  	text-align:left;
    position: relative;  
    width: 50%;  
    font-size: 14px;   
    padding: 3px 5px 3px 15px;  
    margin: 15px 5px 5px -10px;  
    color: ;  
   background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,0) 100%);
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(255,255,255,0)));
					background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);
					background: -o-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);
					background: -ms-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#00ffffff',GradientType=1 );
					background: linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);  
}  

h3:after  
{  
   content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 0px;  
    top: 100%;  
    border-width: 4px 4px;  
    border-style: solid;  
    border-color: #969696 #969696 transparent transparent;  
} 


/** RIBBONS RIGHT **/
h2 { 
	text-align:left;
    position: relative;  
    width: 89%;  
    font-size: 12px;   
    padding: 3px 15px 3px 5px;  
    margin: 15px -10px 5px -25px; 
    color: #969696;  
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
						background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(230,230,230,1)));
						background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);
						background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);
						background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6e6e6',GradientType=1 );
						background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);
}

  h2:after
    {
          content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -8px;
        border-width: 0 0 8px 8px;
        border-left-color: #969696;
        right: 0;
    }

/** RIBBON ESP **/
h1{
text-align:left;
    position: relative;  
    width: 100%;  
    font-size: 14px;   
    padding: 3px 5px 3px 15px;  
    margin: 15px 5px 5px -10px;  
    color: ;  
    background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,0) 100%);
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(255,255,255,0)));
					background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);
					background: -o-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);
					background: -ms-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#00ffffff',GradientType=1 );
					background: linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,0) 100%);}
h1:before{
   content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 0px;  
    top: 100%;  
    border-width: 4px 4px;  
    border-style: solid;  
    border-color: #969696 #969696 transparent transparent;  
}

/** FOOTER **/
.footer{ color:#c8c8c8; font-family:Verdana; font-size:9px; border-top:1px solid #c8c8c8;
}

/* BUSCADOR **/
#searchbox
{
font-size:12px; font-family:Helvetica; color:#000000; width:280px; height:18px; border:1px solid #CCCCCC; background-image:url(images/SearchIcon.png); background-position: right; background-repeat:no-repeat; vertical-align:middle;
}

#display
{
margin: 9px 0 0 -3px;
width:287px;
display:none;
border:solid 1px #dedede;
overflow:hidden;
position: absolute;
z-index:120; 
}
.display_box
{
z-index:120; 
color:#000000;
padding:4px; 
font-size:12px; 
height:40px;
background-color:#fff;
border-bottom:1px solid #dedede;
}

.display_box:hover
{
 z-index:120; 
background:#EBEDFA;
color:#000000;
}
.display_boxfusion
{
z-index:120; 
color:#000000;
padding:4px; 
font-size:12px; 
height:40px;
border-bottom:1px solid #000;
background-color:#EBEDFA;
}
#shade
{
z-index:120; 
background-color:#00CCFF;
}

/*DROP*/
.move {
	padding:0;
	margin:0;
}
#response {
	padding:10px;
	background-color:#FFF;	border:2px solid #396;
	margin-bottom:5px;
}
#list li {
	margin: 0 0 3px;
	padding:0px;
	background-color:#FFF;	list-style: none;
}
.cursor{ cursor: move; }


.titpasos{ font-size:32px; color:#006599; vertical-align:middle; padding:15px 0 0 15px;}
.tipgrup{ font-size:15px; color:#000000; vertical-align:middle; padding:5px 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.tabpaso{ background-image:url(images/bg_grupo.png); background-repeat:no-repeat; margin:45px auto 0 auto; }
.btnpasou{ width:250px; height:25px; color:#000000; font-size:14px; background-color:#FFFFFF; border:1px solid #006599;}
#grupo_1, #grupo_2, #grupo_3,#grupo_4 { display:none; }

.regform{ font-size:16px; color:#006599; }
.regtxt{ width: 100%; height: 25px; color:#000000; border:1px solid #8496ba;}
.regbtn{ width:200px; height:30px; color:#006599; border:1px solid #006599; background-color:#FFFFFF;  font-size:16px;}
.asdfsd{ color:#000000; font-family:Verdana; font-size:12px;}
.obli{ color:#FF0000; font-size:12px;}
.regtxt2{ width:250px; color:#000000; border:1px solid #006599;}
.txtarea2{ width:250px; height:50px; color:#000000;}


/*TEMPORAL*/
.txtapp{ width:250px; height:24px; color:#000000; border:1px solid #006599;}
.qwerty{ color:#000000; font-family:Verdana; font-size:14px; }
.taapp{ width:250px; height:100px; color:#000000; font-family:Verdana; border:1px solid #006599; }

/*EVENTO*/
.titeven{ font-size:28px; color:#006599; vertical-align:middle; padding:15px 0 0 15px; }
.regeve{ font-size:18px; color:#006599; vertical-align:middle; padding:15px 0 0 15px; }
.seleceve{ width:250px; height:24px; color:#000000; border:1px solid #006599; margin:15px 0 0 15px; }
.minieve{font-size:14px; color:#006599; vertical-align:middle; padding:15px 0 0 15px; }
.txareven{ width:310px; height:120px; color:#000000; border:1px solid #006599; margin:15px 0 0 15px; }
.txteven{ width:250px; height:24px; color:#000000; border:1px solid #006599; margin:15px 0 0 15px; }
.txtfeceven{ width:150px; height:24px; color:#000000; border:1px solid #006599; margin:10px 0 0 15px; }
.btneven{ width:150px; height:30px; color:#000000; border:1px solid #006599; background-color:#FFFFFF; margin:10px 0 0 15px; }
.grisoso{font-size:15px; color:#636363; vertical-align:middle; padding:5px 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.linepunto { border-bottom:1px dashed #969696; margin:15px;}
.blumon{ color:#006599; }
.rojomon{ color: #FF0000; }
.btndisable{ width:150px; height:30px; color:#000000; border:1px solid #969696; background-color:#969696; margin:10px 0 0 15px; }

/*1*/
.editprof{ width:250px; height:25px; color:#000000; border:1px solid #006599; font-size:12px;}
.msgconfirm{ border:1px  dashed #006599; background-color:#ccd5e4; padding:5px; font-size:14px; color:#000000; }
.msgerror{ border:1px  dashed #ed1c24; background-color:#f9ad81; padding:5px; color:#000000; font-size:14px;}
.ligaReg { color:#006496; font-size:15px; text-decoration:none;}
.ligaReg:hover { color:#006496; font-size:15px; text-decoration:none;}
.regNplan{ width: 100%; height: 18px; color:#000000; border:1px solid #8496ba;}
.linedashed{ border:1px dashed #969696; width:160px; }
.dashhhh{ border:1px dashed #969696; margin:4px; }

/*2*/
.txtnexp{ 
	background:#fff;
	background:rgba(255,255,255,0.85);
	width:250px;
	height: 20px;
font-size: 11px;
	border:1px solid #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);

	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px; }
	
.txtareanexp{
background:#fff;
	background:rgba(255,255,255,0.85);
	width:250px;
	height: 80px;
    
	border:1px solid #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);

	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
}

.btnsexy{
background:#fff;
	background:rgba(255,255,255,0.85);
	width:160px;
	height: 40px;
    font-size: 16px;
	border:1px solid #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);

	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
}



/* NUEVO */
div.grupo { display:block; float:left; width:100px; height:115px; margin:4px; text-align:center; }


/*CALENDARIO PROFESOR NO MOVER*/

.calnormal{
width:50px; height:35px; vertical-align:top; text-align:right; border:1px solid #000000; color:#000000; }
.calenca{
width:50px; height:15px; vertical-align:bottom; text-align:center; color:#000000; font-size:12px; }
.calmes{ 
text-align:center; color:#000000; font-size:22px; 
}
.Newthing{ 
top:5px; left:0px; position:relative; margin-left:5px;  border:1px dashed #e1e1e1; float:left; width:75px; height:75px; font-size:13px; vertical-align:middle; text-align:center;  font-family:'Lato', arial, serif;
}
.Newthing:hover {
top:5px; left:0px; position:relative; margin-left:5px;  border:1px dashed #006496; float:left; width:75px; height:75px; font-size:13px; color:#000000; vertical-align:middle; text-align:center; text-decoration:underline; font-family:'Lato', arial, serif;
}
.ligatorn{
color:#CCCCCC; font-size:14px; text-decoration:none; border:1px dashed #e1e1e1; padding:6px 35px 6px 35px; background-color:#FFFFFF;
}
.ligatorn:hover{
color:#000000; font-size:14px; text-decoration:none; border:1px dashed #006496; padding:6px 35px 6px 35px; background-color:#FFFFFF;
}

.actividades a{
font-family:Verdana; font-size:12px; color:#1370a0; padding-top:7px; text-decoration:none;
}

.liganaranja{
color:#f88e11; font-size:13px; text-decoration:none;
}


/*esto de abajo son Estilo de José Carlos*/

.enlace {
	width:auto
}

.enlace:hover {
background: #EBEBEB;
border: thin #666
}

.sugerencias{
background:#fff;
	background:rgba(255,255,255,0.85);
	width:210px;
	height: 80px;
	border:1px solid #d2d2d2;
	margin-top:3px;
	margin-right:6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);

	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;

}


.Montaimg a{
position:absolute;
margin:0 5px 0 130px;
background-color:#ffffff;
color:#006496; font-size:12px;
}





/*========Lista de companeros=======*/
div.friendsbox{
	position: relative;
	left: 0;
	overflow: hidden;
}

div.friendsbox ul{
	padding: 0;
	width: 100%;
	min-width: 190px;
	overflow: auto;
		margin-top: -.1em;
	padding-bottom: 2px;
	margin-left: .1em;
}
div.friendsbox ul:after{
		clear: both;
	content: ".";
	display: block;
	font-size: 0;
	line-height:0;
	visibility: hidden;
}
div.friendsbox li{
	float: left;
	width:100%;
	display: block;
	overflow: hidden;
	position: static;
	font-size: 0.9em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 7px;
	word-wrap: break-word !important;
	line-height: 1.28px !important;
}
div.friendsbox li .foto{
	padding: 0;
	overflow: auto;
	margin-left: .1em;
	float: left;
}
div.friendsbox li .nombre{
	max-width: 100px;
	overflow: hidden;
	padding-top: .5em;
	margin-left: .1em;
	float: left;
	word-wrap: break-word !important;
}
div.friendsbox li.ppamigo:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	line-height:0;
	visibility: hidden;
}
div.friendsbox li a img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
	margin-left: .4em;
	margin-top: .4em;
	margin-bottom: .4em;
}
div.friendsbox li a{
	margin: 0px;
	line-height: 14px;
	height: 42px !important;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important;
	font-size:11px !important; 
	color:#686868; 
	text-decoration: none;
}


div.friendsbox  li a:hover, div.friendsbox li:hover a, div.friendsbox li:hover {
	background: #3b5998;
	color: #FFF;
	text-decoration: underline;
}

/*=========PopUp Grupos en Comun=======*/
#pp_amigos{
	display:none;
	background: #fff;
	padding: 10px;
	border: 5px solid #ddd;
	font-size: 1.2em;
	position: absolute;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #pp_amigos {
	position: absolute;
}
	#friendstooltip{
		clear:left;
		width: 400 !important;
		display: block !important;
		position: absolute !important;
		padding-top: 0em !important;
		padding-left: 0em !important;
		padding-right: 1em !important;
		padding-bottom: 1em !important;
		margin: 0em 1em 1em 0em !important;
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important;
	line-height: 1.6em !important;
}
	#friendstooltip .friend{
		float: left !important;
		overflow: hidden !important;
		display: block !important;
		width: 100px !important;
		height: 100px !important;
	}
	#friendstooltip .groupsbox{
		margin-left: 1em !important;
		overflow: hidden !important;
		display:block !important;
		max-width: 170px !important;
		width: 170px !important;
		float: left !important;

	}
	#friendstooltip .friend {
		overflow: hidden !important;
	}
	#friendstooltip .friend img{
		width: 100px !important;
		height: 100px !important;
		float: left !important;
		border: 1px !important;
	}
	#friendstooltip .groupsbox h1{
		display: inline-block !important;
		font-size: 1.2em !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		color: black !important;
		position: static !important;
		width: none !important;
			color: #3b5998 !important;
	}
	#friendstooltip .groupsbox h2{
		font-size: 1em !important;
		color: #918080 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		vertical-align: baseline !important;
		background: none !important;
		position: static !important;
		width: none !important;
}
	#friendstooltip h2:before, #friendstooltip h2:after, #friendstooltip h1:before, #friendstooltip h1:after{
		background: none !important;
		content: none !important;
	}
	#friendstooltip .grupo a img{
		width: 32px !important;
		height: 32px !important;
		float: left !important;
	}
	#friendstooltip .groupsbox ul{
		margin: 0 0 0 0 !important;
		padding: 0;
		width: 100% !important;
		list-style-type: none !important;
		position: relative !important;
		border-collapse: separate;
	}
	#friendstooltip .groupsbox ul:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	line-height:0;
	visibility: hidden;
}
	#friendstooltip .groupsbox ul li{
		display: block !important;
		float: left !important;
		margin: 1em .5em 0 0 !important;
	}
	#friendstooltip .groupsbox ul li a{
		display: inline-block !important;
		position: relative !important;
	}

	#friendstooltip a { color: #0292cc !important; font-weight: bold !important; }
	#friendstooltip a:hover { text-decoration: none !important; background: #0292cc !important; color: #fff !important;}
#quepedo{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	line-height:0;
	visibility: hidden;
}

	#mastertooltip{
		position:relative;
		height: 150px;
		max-height: 150px;
		margin: 0;
		padding: 0;
	}
	#footpanel{
		position: absolute;
		bottom: 3px;
		left: -1em;
		z-index: 999;
		background: #e3e2e2;
		border: 1px solid #c3c3c3;
		border-bottom: none;
		width: 100%;
		margin: 0 3%;
		font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	}
	
	*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
		margin-top: -30px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
		position: absolute;
		bottom: 20px;
	}
	#footpanel ul {
		padding: 0; margin: 0;
		float: left;
		width: 100%;
		list-style: none;
		border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
		font-size: 1.1em;
	}
	#footpanel ul li{
		padding: 0;
		margin: 0;
		float: left;
		position: relative;
		clear: both;
	}
	#footpanel ul li a{
		background: transparent url(/images/noti.png) no-repeat 5% 22%;
		display:block;
		padding: 5px 5px 5px 25px;
		float: left;
		height: 16px;
		text-decoration: none;
		color: #333;
		position: relative;
		padding-left: 40px;
		border-right: 1px solid #bbb;
	}
	html #footpanel ul li a:hover{	background-color: #fff; }
	html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
		background-color: #fff;
		height: 17px;
		margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
		border: 1px solid #555;
		border-top: none;
		z-index: 200; /*--Keeps the active area on top of the subpanel--*/
		position: relative;
	}
	
	#reggrup{
		width: 300px !important;
		max-width: 300px !important;
				font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important;
				line-height: 3px !important;

	}
	#reggrup .contenido #Jtext, #reggrup .contenido #Nombre{
	    overflow: hidden !important; 
	    width: 100% !important;
	    border: 1px solid #8496ba !important;
	    cursor: text;
	    font-size: 12px !important;
	    margin: 3px !important;
	    background-color: #fff !important;
	    list-style-type: none !important;
	    clear: left !important;
	    padding: 3px 5px !important;

	  }
	.none{
		width: 10% !important;
	}
	.contenido{
		width: 100%;
	}
	#reggrup {
		z-index: 20999 !important;
	}
	
	.menugrupos{
	color:#006d9c; 
	font-size:14px; 
	text-decoration:none;
	}

.menugrupos:hover{
	color:#000; 
	font-size:14px; 
	text-decoration:underline;
	}
.tareabtn{
	text-decoration:underline;
	}

.tareabtn:hover{
	text-decoration:underline; 
	}

	
	/** Alertas tipo Bootstrap*/

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #BFCFFE;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert, .alert-heading {
  color: #006d9c;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success, .alert-success .alert-heading {
  color: #468847;
}
.alert-danger, .alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger,
.alert-error,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info, .alert-info .alert-heading {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}	
	
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}	
	
.bngenback{
	border:1px solid #ccc; 
	background-color:#eaeaea; 
	color:#000;
	padding:3px 9px;
	
	text-decoration:none;
	font-size:13px;
	}