/*
Theme Name: Campus Virtual - Universidad de las Américas
Theme URI: http://campus.uamericas.cl/
Description: Portal de Educación Online de la Universidad de las Américas.
Author: Patricio Mas
Author URI: http://www.patriciomas.cl
Version: 1.0
.
>>.
.
*/


/*===========================  Diagramación */
body#home{
	background: #E1E3E4 url(images/fondo-body.jpg) left top repeat-x;
}
#container{
	background: #FFF;
	width: 950px;
	margin: auto;
	margin-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header{
	background: url(images/header.jpg) center no-repeat;
	width: 950px;
	height: 140px;
	text-align: center;
}
h1{
	font: bold 40px Georgia;
	padding-top: 50px;
}
h1 a{
	text-decoration: none;
	color: #006699;
}
#content{
	background: #FFF;
}
.description{
	font: normal 13px Arial;
	color: #999999;
}
#leaderboard-banner{
	float: left;
	background: #CCCCCC;
	width: 728px;
	height: 90px;
}
#left-side{
	float: left;
	background: white;
	width: 650px;
}
#right-side{
	float: right;
	background: white;
	width: 300px;
}
.hidden{
	display:none;
}

/*---------------  Menu Principal */
#main-nav{
	padding: 5px;
	height: 20px;
}
#main-nav #usuario{
	float: left;
	font-size: 17px;
	color: #42739B;
}
#main-nav #fecha{
	float: left;
	margin: 6px 8px 0 40px;
	font-size: 11px;
	color: #006699;
}
#main-nav ul{
	/*text-align: right;
	border-top: #CCC 1px solid;*/
}
#main-nav li{
	float: left;
	display: inline;
	padding: 0 8px;
	margin: 0;
	border-right: #CCC 1px solid;
}
#main-nav li.icono-menu1{
	background: url(bitmaps/malla.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li.icono-menu2{
	background: url(bitmaps/horario.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li.icono-menu3{
	background: url(bitmaps/id.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li.icono-menu4{
	background: url(bitmaps/cerrarcesion.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li a{
	font: bold 12px Georgia;
	color: #006699;
	text-decoration: none;
}
#main-nav li a:hover{
	color: #CC0000;
}
/*---------------  Búsqueda */
#searchfield{
	float: right;
	border-right: #CCC 1px solid;
}
#searchfield #searchinput{
	border: #CCC 1px solid;	
	font: normal 11px verdana;
	padding: 3px 6px;
	margin: 0;
	width: 150px;
}
#searchfield #button{
	background: url(images/lupa.png) center left no-repeat;
	border: none;
	font: bold 11px verdana;
	color: #003366;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
/*---------------  Tools Main Nav */
#tools-nav{
	float: right;
}
#tools-nav li{
	border: none;
	padding: 0;
	margin: 0 4px;
}
#tools-nav a{
	float: left;
	text-indent:-9000px;
}
#tools-nav a:hover{
	background-position:0 -66px;
}
#tools-nav .inicio a{
	border-right: #CCC 1px solid;
	background: url(images/inicio.jpg) center left no-repeat;
	width: 20px;
	padding: 5px 4px 0 0;
}
#tools-nav .contacto a{
	background: url(images/contacto.png) center left no-repeat;
	width: 20px;
	padding-top: 5px;
}
/*---------------  Menu Principal 
#main-nav{
	padding: 5px 10px;
	height: 20px;
}
#main-nav #usuario{
	float: left;
	font-size: 17px;
	color: #42739B;
}
#main-nav #fecha{
	float: left;
	margin: 6px 8px 0 40px;
	font-size: 11px;
	color: #006699;
}
#main-nav ul{
	text-align: right;
}
#main-nav li{
	display: inline;
	margin-left: 8px;
}
#main-nav li.icono-menu1{
	background: url(images/malla.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li.icono-menu2{
	background: url(images/horario.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li.icono-menu3{
	background: url(images/id.png)  center left no-repeat;
	padding-left: 18px;
}
#main-nav li.icono-menu4{
	background: url(images/cerrarcesion.png)  center left no-repeat;
	padding-left: 18px;
}

#main-nav li a{
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
#main-nav li a:hover{
	color: #CC0000;
}*/




/*---------------  Info Coordinador */
#foto-coordinador{
	float: left;
	margin-right: 10px;
	border: #000 4px solid;
}
#info{
	font-size: 11px;
}
#info dl{

}
#info dt{
	color: #006699;
	font-weight: bold;
	padding-bottom: 5px;
}
#info dd{
	/*background: red url(../bitmpas/bullet_star.png) left top no-repeat;*/
	padding-left: 20px;
	margin-left: 20px;
	padding-bottom: 5px;
	color: #0099CC;
}
/*---------------  Calendario */
#calendario{
	text-align: center;
	padding: 20px;
}
#calendariodetalle dl{
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	padding: 0 10px;
	color: #006699;
}
#calendariodetalle dt{
	font-size: 11px;
	font-weight: bold;
	margin-top: 8px;
}
#calendariodetalle dd{
	font-size: 11px;
	margin-bottom: 8px;
}

/*---------------  Caja Contenidos */
.box{
	margin: 5px;
}
.box .boxheader{
	background: url(images/fondo-boxtitle.jpg) left top repeat-x;
	height: 26px;
}
.box .boxcontent{
	padding: 5px;
	border-right: #BAD3E5 1px solid;
	border-bottom: #BAD3E5 1px solid;
	border-left: #BAD3E5 1px solid;
}
.box .boxcontent p{
	font-size: 11px;
	color: #006699;
	line-height: 18px;
}
.box .boxcontent p strong{
	font-weight: bold;
}

.box a.minimizer{
	float: right;
	background: url(images/toggle.png) top left no-repeat;
	background-position: 0px 0px;
	height: 16px;
	width: 16px;
	margin: 5px 5px 0 0 ;
	text-indent: -9999px;
}
.box a.maximizer{
	float: right;
	background: url(images/toggle.png) top left no-repeat;
	background-position: 0px -16px;
	height: 16px;
	width: 16px;
	margin: 5px 5px 0 0 ;
	text-indent: -9999px;
}
.box h2.boxtitle{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	margin-left: 5px;
	margin-top: 5px;

}
.box h2.boxtitle a{
	color: #006699;
	text-decoration: none;
}
.box h2.boxtitle a:hover{
	color: #FF6600;
	text-decoration: none;
}
.icono-informaciongeneral{
	background: url(images/information.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-coordinadores{
	background: url(images/coordinadores.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-noticias{
	background: url(images/noticias.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-calendario{
	background: url(images/calendario.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-curso{
	background: url(images/curso.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-directorio{
	background: url(images/directorio.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-biblioteca{
	background: url(images/biblioteca.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-aulas{
	background: url(images/curso.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-soporte{
	background: url(images/soporte.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-vinculo{
	background: url(images/vinculo.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-FAQs{
	background: url(images/FAQs.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.icono-busqueda{
	background: url(images/lupa.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.box .boxclosed{
	display: none;
}
/*---------------  Datos Profesor */
.infoprofesor{
	font-size: 12px;
	margin: 10px;
	color: #006699;
}
.infoprofesor strong{
	font-weight: bold;
}
/*---------------  Alertas */
.warnings ul{
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: #CCC 1px solid;
}
.warnings li{
	padding-left: 20px;
	font-size: 12px;
	color:#CC0000;
	font-weight: bold;
	height: 18px;
	padding-top: 2px;
	margin-top: 5px;
	background: url(images/warning.png) top left no-repeat;
}
/*---------------  Lista de Recursos Relacionados */
.recursosrelacionados{
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: #CCC 1px solid;
	margin-bottom: 5px;
	color: #006699;
}
.recursosrelacionados h3{
	background: url(images/fondo-subboxtitle.jpg) left top repeat-x;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 7px;
	color: #006699;
}
.recursosrelacionados table{
	padding: 10px;
}
.recursosrelacionados th{
	font-size: 11px;
	font-weight: bold;
	border-bottom: #999 1px solid;
}
.recursosrelacionados tr{
	height: 20px;
}
.recursosrelacionados td{
	font-size: 10px;
	border-bottom: #CCC 1px solid;
	padding: 3px 0;
}
.recursosrelacionados td img{
	margin-left: 5px;
	padding-right: 5px;
	border-right: #CCC 1px solid;
}
.recursosrelacionados .columna-1{

}
.recursosrelacionados .columna-2{

}
.recursosrelacionados .columna-3{
	font-size:10px;
	width: 50px;
	text-align: center;
}
.recursosrelacionados a.recurso{
	color: #006699;
	text-decoration: none;
}
.recursosrelacionados a:hover.recurso{
	text-decoration: underline;
}
.recursosrelacionados a.solicitar{
	background: url(images/solicitar.png) left top no-repeat;
	float: left;
	height: 17px;
	width: 17px;
	text-indent: -9999px;	
	margin-left: 16px;
}
/*---------------  Tabla Información General */
.informaciongeneral table{
	margin-bottom: 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	border-top: #CCC 1px solid;
	color: #006699;
}
.informaciongeneral th{
	background: url(images/fondo-subboxtitle.jpg) left top repeat-x;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #006699;
	padding: 5px;
}
.informaciongeneral th.titulocurso{
	text-align: left;
	font-size: 11px;
}
.informaciongeneral td{
	border-bottom: #CCC 1px solid;
	text-align: center;
	font-size: 10px;
	padding: 5px;
}
.informaciongeneral .columna-cursos{
	text-align: left;
	font-weight: bold;
}
.informaciongeneral .estatus-reprobacion{
	background: url(images/estatus-reprobacion.gif) top center no-repeat;
	height: 18px;
	text-indent: -9999px;
}
.informaciongeneral .estatus-precaucion{
	background: url(images/estatus-precaucion.gif) top center no-repeat;
	height: 18px;
	text-indent: -9999px;
}
.informaciongeneral .estatus-aprobacion{
	background: url(images/estatus-aprobacion.gif) top center no-repeat;
	height: 18px;
	text-indent: -9999px;
}
.informaciongeneral a{
	float: left;
	height: 17px;
	width: 17px;
	text-indent: -9999px;	
	margin-left: 3px;
}
.informaciongeneral a.acceso1{
	background: url(images/accesos.png) top left no-repeat;
	background-position:  0px 0px;
}
.informaciongeneral a:hover.acceso1{
	background-position: 0px -17px;
}
.informaciongeneral a.acceso1-disabled{
	background: url(images/accesos.png) top left no-repeat;
	background-position:  0px -34px;
}
.informaciongeneral a.acceso2{
	background: url(images/accesos.png) top left no-repeat;
	background-position:  -17px 0px;
}
.informaciongeneral a:hover.acceso2{
	background-position: -17px -17px;
}
.informaciongeneral a.acceso2-disabled{
	background: url(images/accesos.png) top left no-repeat;
	background-position:  -17px -34px;
}
.informaciongeneral a.acceso3{
	background: url(images/accesos.png) top left no-repeat;
	background-position:  -34px 0px;
}
.informaciongeneral a:hover.acceso3{
	background-position: -34px -17px;
}
.informaciongeneral a.acceso3-disabled{
	background: url(images/accesos.png) top left no-repeat;
	background-position:  -34px -34px;
}
/*---------------  Accesos Directos */
.accesos{
	padding: 0px 10px 10px 5px;
	border-bottom: #CCC 1px solid;
}
.accesos h3{
	font-size: 12px;
	font-weight: bold;
	padding: 8px 7px 0px 7px;
	color: #006699;
}
.accesos ul{
	float: right;
	padding: 5px;
}
.accesos li{
	display: inline;
	
}
.accesos a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 30px;
}
.accesos .acceso1{
	background: url(images/acceso1.png) 10px 0px no-repeat;
	border-left: #CCC 1px solid;
}
.accesos a{
	color: #006699;
}
.accesos .acceso1 a:hover{
	color: #000;
}
.accesos .acceso2{
	background: url(images/acceso2.png) 10px 0px no-repeat;
	border-left: #CCC 1px solid;
}
.accesos .acceso2 a{
	color: #CC3300;
}
.accesos .acceso2 a:hover{
	color: #000;
}
.accesos .acceso3{
	background: url(images/acceso3.png) 10px 0px no-repeat;
	border-left: #CCC 1px solid;
}
.accesos .acceso3 a{
	color: #339900;
}
.accesos .acceso3 a:hover{
	color: #000;
}
/*---------------  Lista Próximas Fechas */
.proximasfechas{
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: #CCC 1px solid;
	color: #006699;
}
.proximasfechas h3{
	background: url(images/fondo-subboxtitle.jpg) left top repeat-x;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 7px;
	color: #006699;
}
.proximasfechas ul{
	margin: 5px 0 10px 0;
}
.proximasfechas li{
	margin: 5px 10px;
	padding: 5px;
	font-size: 12px;
	border-bottom: #CCC 1px solid;
}
.proximasfechas li strong{
	font-weight: bold;
}

/*---------------  Lista de Vínculos */
.vermas{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 8px;
}
a.vermas {
	float: right;
	background: url(images/ver.png) center right no-repeat;
	font-size: 10px;
	text-decoration: none;
	color: #006699;
	font-weight: normal;	
	padding: 0 20px 0 0 ;
	margin: 5px;
}
a:hover.vermas {
	color: #CC0000;
}
/*---------------  Lista de Vínculos */
.boxlinks{
	font-size: 12px;
}
.boxlinks .link{
	margin: 15px 10px;
}
.boxlinks a.golink{
	float: left;
	background: url(images/bullet_1.png) center left no-repeat;
	background-position: 0;
	height: 16px;
	width: 16px;
	padding-right: 5px;
}
.boxlinks a:hover.golink{
	background-position: 0px 0px;
}
.boxlinks a.textlink{
	color: #006699;
	padding-left: 0px;
	font-size: 11px;
	text-decoration: none;
}
.boxlinks a:hover.textlink{
	color: #006699;
	text-decoration: underline;
}
/*---------------  Sidebar Vínculos */
.boxlinks{
	font-size: 12px;
}
.boxlinks .link{
	margin: 15px 10px;
}


.boxlinks a{
	position: relative;
	float: left;
	background: url(images/bullet_1.png) top left no-repeat;
	color: #006699;
	font-size: 11px;
	text-decoration: none;
	padding: 0 0 10px 20px;
	line-height: 15px;
}
.boxlinks li{	
	background: url(images/bullet_1.png) top left no-repeat;
	padding: 0 0 0 20px;
	margin: 5px 2px;
	list-style: none;
}
.boxlinks li a{
	background: none;
	float: none;
	padding: 0 0 0 0;
}
.boxlinks a:hover{
	color: #FF3300;
	text-decoration: underline;
}
.boxlinks a:hover.golink{
	background-position: 0px 0px;
}
.boxlinks a.textlink{
	color: #006699;
	padding-left: 0px;
	font-size: 11px;
	text-decoration: none;
}

/*---------------  Gráficos */
.grafico{
	border: #CCC 1px solid;
	margin-bottom: 5px;
	background: url(images/fondo-subboxtitle.jpg) left top repeat-x;
}
.grafico h3{
	background: ;
	font-weight: bold;
	padding: 5px 7px;
	color: #006699;
	height: 16px;
}
.grafico .graficotitulo{
	float: left;
	font-size: 12px;
}
.grafico .graficoleyenda{
	float: right;
	font-size: 10px;
}
.grafico .graficoleyenda .item1{
	color: #006699;
}
.grafico .graficoleyenda .item2{
	color: #669900;
}
.grafico .graficoleyenda .item3{
	color: #CC9900;
}
/*---------------  Pie de Página */
#footer{
	background: url(images/fondo-footer.jpg) center top no-repeat;
	float: left;
	height: 40px;
	width: 950px;
	text-align:center;
	margin-top: 10px;
}
#foot-nav ul{
	padding-top: 10px;
	text-align: center;
}
#foot-nav li{
	display: inline;
	margin-left: 8px;
}
#foot-nav li a{
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
#foot-nav li a:hover{
	color: #990000;
	text-decoration: underline;
}
#copyright {
	padding: 20px 0;
	font-size: 12px;
	color: #8099B2;
}
/*---------------  Malla Curricular */
#malla{
	font-family: Verdana;
	padding: 0 15px;
	background: #FFF;
	width: 875px;
	color: #006699;
}
#malla strong{
	font-weight: bold;
}
#malla #titulo{
	font-size: 12px;
	border-bottom: #CCC 1px solid;
	padding: 5px 10px 10px 10px;
	text-align: left;
}
#malla th{
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
#malla .cursada, .encurso, .porcursar, .vacia{
	margin: 3px;
	padding: 3px;
	font-size: 9px;
	text-align: center;
	height: 60px;
	width: 93px;
}
#malla .bimestre{
	border-right: #CCC 1px solid;
	padding: 3px;
}
#malla .bimestre-last{
	padding: 3px;
}
#malla #leyenda{
	float: right;
}
#malla #cursada, #malla #encurso, #malla #porcursar{
	display: inline;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
}
#malla #cursada, .cursada{
	color: #666;
	background: url(images/fondo-malla-cursado.jpg) center no-repeat;
}
#malla #encurso, .encurso{
	color: #FFF;
	background: url(images/fondo-malla-encurso.jpg) center no-repeat;
}
#malla #porcursar, .porcursar{
	color: #666;
	background: url(images/fondo-malla-porcursar.jpg) center no-repeat;
}
/*---------------  Horario */
#horario{
	font-family: Verdana;
	width: 860px;
	height: 580px;
	margin: 0 10px;
	color: #006699;
}
#horario #titulo{
	padding: 5px;
	text-align: center;
}
#horario #titulo li{
	display: inline;
}
#horario #titulo a{
	font-size: 10px;
	color: #990000;
	text-decoration: none;
	padding-top: 2px;
}
#horario #semanaprev a{
	float: left;
	background: url(images/calendario-prev.png) left top no-repeat;
	height: 16px;
	padding-left: 20px;
}
#horario #semanaprox a{
	float: right;
	background: url(images/calendario-prox.png) right top no-repeat;
	height: 16px;
	padding-right: 20px;
}
#horario #titulo strong{
	font-size: 13px;
	padding:0;
	margin:0;
}
#horario table{
	border: #CCC 1px solid;
}
#horario th{
	background: url(images/fondo-subboxtitle.jpg) left top repeat-x;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	border-right: #CCC 1px solid;
}
#horario .ultimodia{
	border-right: none;
}
#horario strong{
	font-weight: bold;
}
#horario td{
	font-size: 9px;
	border-top: #CCC 1px solid;
	border-right: #CCC 1px solid;
	width: 122px;
	height: 75px;
	padding: 5px;
}
#horario .activo{
	background: url(images/fondo-horario-activo.jpg) center no-repeat;
}
/*---------------  Destacados */
.icono-destacados{
	background: url(images/star.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.boxcontent .destacados{
	background: #FFF;
	color: #006699;
}
.boxcontent .destacados h3{
	font-family: Georgia;
	background: url(images/fondo-subboxtitle.jpg) left top repeat-x;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 7px;
	color: #FF6600;
}
.boxcontent .destacados h4{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	color: #003366;
}
.boxcontent .destacados p{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	color: #006699;
	line-height: 20px;
}
.boxcontent .destacados img{
	float: right;
	width: 150px;
	height: 100px;
	margin: 10px;
	border: #003366 4px solid;

}
.boxcontent .destacados .fecha{
	font: normal 11px georgia;
	color: #999;
}
.boxcontent .destacados img.alignleft{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
.boxcontent .destacados img.alignright{
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
}
a.verdestacados {
	float: right;
	background: url(images/vermas.png) center right no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #006699;
	font-weight: normal;	
	padding: 0 20px 0 0 ;
	margin: 5px;
}
a:hover.verdestacados {
	color: #CC0000;
}
a.more-link {
	float: right;
	background: url(images/vermas.png) center right no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #006699;
	font-weight: normal;	
	padding: 0 20px 0 0 ;
	margin: 5px;
}
a:hover.more-link {
	color: #CC0000;
}
/*---------------  Accesos Directos */
.icono-accesosdirectos{
	background: url(images/accesos.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
.box h2.titleAccesos1{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	padding-left: 20px;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
	width: 295px;
	border-right: #B5CFDF 1px solid;
}
.box h2.titleAccesos2{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
}
.accesosDirectos ul#accesosLeft{
	float: left;
	border-right: #D2E2EE 1px solid;
	width: 314px;
}
.accesosDirectos ul#accesosRight{
	float: left;
	width: 300px;
	padding-left: 13px;
}
.accesosDirectos ul{
	margin: 0;
}
.accesosDirectos li{
	display: inline;
	float: left;
	height: 66px;
	width: 290px;
	padding: 10px 0;
}
.accesosDirectos a{
	position: absolute;
	text-align:left;
	text-indent:-9000px;
	height: 66px;
	width: 290px;
	
}
.accesosDirectos a:hover{
	background-position:0 -66px;
}
.accesosDirectos .acceso-Biblioteca a{
	background-image:url(images/Acceso-Biblioteca.png);
}
.accesosDirectos .acceso-MisCursos a{
	background-image:url(images/Acceso-MisCursos.png);
}
.accesosDirectos .acceso-AulasVirtuales a{
	background-image:url(images/Acceso-AulasVirtuales.png);
}
.accesosDirectos .acceso-LearningLabs a{
	background-image:url(images/Acceso-LearningLabs.png);
}
.accesosDirectos .acceso-EvaluacionesEnLinea a{
	background-image:url(images/Acceso-EvaluacionesenLinea.png);
}
.accesosDirectos .acceso-ApuntesDigitales a{
	background-image:url(images/Acceso-ApuntesDigitales.png);
}
.accesosDirectos .acceso-OpenCourseWare a{
	background-image:url(images/Acceso-OpenCourseWare.png);
}
.accesosDirectos .acceso-GymAcademico a{
	background-image:url(images/Acceso-GymAcademico.png);
}
/*---------------  Login - Single Sign On */
.icono-login{
	background: url(images/login.png) top left no-repeat;
	height: 18px;
	padding-left: 20px;
}
#login{
	width: 280px;
	text-align: center;
}
#login fieldset{
	background:url(images/titulo-MiCarrera.png) 0 15px no-repeat;
	padding-top: 57px;
}
#login legend{
	display: none;
}
#login input{
	display: block;
}
#login .campo{
	background:url(images/backgnd-login-campo.jpg) left top no-repeat;
	border: #ACC3D4 1px solid;
	margin: 10px auto;
	padding: 5px;
	width: 216px;
	height: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}
#login .campo_lista{
	background:url(images/backgnd-login-campo.jpg) left top no-repeat;
	border: #ACC3D4 1px solid;
	margin: 0 auto;
	padding: 3px;
	width: 228px;
	height: 29px;
	font-size: 14px;
	font-weight: bold;
	color: #999;
}
#login .campo_lista option{
	background: #FFF;
}
#login #ingresar{
	position: relative;
	background:url(images/boton-login-ingresar.png) left top no-repeat;
	border: none;
	width: 102px;
	height: 36px;
	margin: 10px auto;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;

}
/*---------------  Inputs - Biblioteca */
#busquedaBib{
	width: 280px;
	text-align: center;
}
#busquedaBib fieldset{
	background:url(images/titulo-BuscarBiblioteca.png) 0 15px no-repeat;
	padding-top: 10px;
}
#busquedaBib legend{
	display: none;
}
#busquedaBib input{
	display: block;
}
#busquedaBib .campo{
	background:url(images/backgnd-login-campo.jpg) left top no-repeat;
	border: #ACC3D4 1px solid;
	margin: 10px auto;
	padding: 5px;
	width: 216px;
	height: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}
#busquedaBib .buscar{
	position: relative;
	background:url(images/boton-login-ingresar.png) left top no-repeat;
	border: none;
	width: 102px;
	height: 36px;
	margin: 10px auto;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;

}

#busquedaBib .radio{
	display: inline;	
	margin-left: 5px;
}
#busquedaBib label{
	padding-left: 5px;
	margin-top: -5px;
	font: normal 12px Arial;
	color: #006699;
}
/*---------------  Soporte SOS */
#fonoSOS{
	display: block;
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-align: center;
	margin: 10px 0;
}

/*---------------  Widget Calendario */
#right-side #calendar_wrap{
	margin: 10px;
	color: #666666;
}
#right-side #calendar_wrap caption{
	font: bold 15px Verdana;
	text-align: center;
	color: #CC6600;
}

#right-side #calendar_wrap table{
	width: 100%;
	padding: 10px;
}
#right-side #calendar_wrap th{
	text-align: center;
	font: bold 10px Verdana;
	width: 30px;
	background: #EBEBEB;
	padding: 3px 0;
}
#right-side #calendar_wrap tbody td{
	text-align: center;
	font: normal 11px Verdana;
	border-bottom: #EBEBEB 1px solid;
	padding: 3px 0;
}
#right-side #calendar_wrap tbody td a{
	background: none;
	float: none;
	text-decoration: none;
	color: #006699;
	font-weight: bold;
	padding: 0;
}
#right-side #calendar_wrap tbody td a:hover{
	color: #FF6600;
}
#right-side #calendar_wrap tbody td#today{
	border-left: #CC6600 1px solid;
	border-right: #CC6600 1px solid;
	background: #FFECD9;
}
#right-side #calendar_wrap tfoot td{
	text-align: center;
	font: normal 11px Verdana;
	padding: 20px 0 0 0;
}
#right-side #calendar_wrap tfoot td a{
	background: none;
	float: none;
	text-decoration: none;
	color: #006699;
	font-weight: bold;
	padding: 0;
}
#right-side #calendar_wrap tfoot td a:hover{
	color: #FF6600;
}
/*---------------  Tooltip */
#tooltip.fancy {
	border: none;
	background: url(images/tooltip.png) left top no-repeat;
	padding: 30px 30px 20px 50px;
	margin: 20px;
	height: 200px;
	width: 185px;
	opacity: 0.9;
	font: bold 12px Verdana ;
	line-height: 20px;
	color: #006699;
}
#tooltip.fancy.viewport-right {
	background: url(images/tooltip.png) left top no-repeat;
}
/*---------------  Páginas Servicios */
#servicioContainer{
	float: left;
	width: 630px;
	padding-left: 5px;
}
#servLeft{
	
	float: left;
	border-right: #DCE9F1 1px solid;
	padding: 0 10px 0 0;
	width: 420px;
}
#servRight{
	float: left;
	width: 187px;
	padding: 0 0 20px 10px;
}
#servicioContainer h1#titBiblioteca{
	background: url(images/titulofichaBiblioteca.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#servicioContainer h1#titApuntesDigitales{
	background: url(images/titulofichaApuntesDigitales.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#servicioContainer h1#titMisCursos{
	background: url(images/titulofichaMisCursos.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#servicioContainer h1#titLearningLabs{
	background: url(images/titulofichaLearningLabs.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#servicioContainer h1#titPruebasenLinea{
	background: url(images/titulofichaPruebasenLinea.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#servicioContainer h1#titGymAcademico{
	background: url(images/titulofichaGymAcademico.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#servicioContainer h2{
	font: bold 15px Georgia;
	color: #FF3300;
	border-top: #DCE9F1 1px solid;
	height: 20px;
	margin-top: 10px;
}
#servicioContainer h2#iconoCaracteristicas{
	background: url(images/clipboard.png) 0 1px no-repeat;
	padding-left: 18px;
}
#servicioContainer h2#iconoTestimonios{
	background: url(images/globo.png) 0 1px no-repeat;
	padding-left: 18px;
}
#servicioContainer h2#iconoFAQs{
	background: url(images/FAQs.png) 0 1px no-repeat;
	padding-left: 18px;
}
#servicioContainer p{
	font: normal 12px arial;
	padding: 10px 0;
	line-height: 20px;
	color: #006699;
}
#servicioContainer a{
	color: #006699;
	text-decoration: none;
	border-bottom: #006699 1px dotted;
}
#servicioContainer a:hover{
	color: #FF3300;
}
.servCaja{
	display: none;
}
#servicioContainer li{
	font: normal 11px arial;
	line-height: 20px;
	color: #006699;
}
.listCaract li{
	background: url(images/check.png) 5px 5px no-repeat;
	padding-left: 20px;
}

#servicioContainer .servToggle a.minimizer2{
	float: right;
	background: url(images/toggle2.png) top left no-repeat;
	background-position: 0px 0px;
	height: 16px;
	width: 16px;
	margin: 0 0 0 0 ;
	text-indent: -9999px;
	border: none;
}
#servicioContainer .servToggle a.maximizer2{
	float: right;
	background: url(images/toggle2.png) top left no-repeat;
	background-position: 0px -16px;
	height: 16px;
	width: 16px;
	margin: 0 0 0 0 ;
	text-indent: -9999px;
	border: none;
}
#servicioContainer .servTestimonio{
	background: url(images/bg-testimonio.jpg) bottom right no-repeat;
}
#servicioContainer .servFirma{
	text-align: right;
	padding: 0;
	font: italic 11px Georgia;
}
#servicioContainer .servFAQ dl{
	margin: 10px;
}
#servicioContainer .servFAQ dt{
	font: bold 12px Georgia;
	color: #003366;
}
#servicioContainer .servFAQ dd{
	font: normal 12px Arial;
	color: #006699;
	line-height: 20px;
	margin: 0 0 10px 10px;
}
#servicioContainer #servRight p{
	padding: 0 10px;
	font: normal 11px Arial;
	line-height: 20px;
}
#servicioContainer #servRight ul{
	padding: 0 10px 10px 10px;
}
#servicioContainer #servRight li{
	font: normal 11px Arial;
	padding: 5px 0;
}
#servicioContainer #servRight a{
	color: #006699;
	text-decoration: none;
	border-bottom: #069 1px dotted;
}
#servicioContainer #servRight a:hover{
	color: #FF3300;
}
#servicioContainer #servVisitar{
	padding: 20px 0;
	width: 173px;
	height: 45px;
}
#servicioContainer #servVisitar a{
	float: left;
	background: url(images/botonVisitar.jpg) 0 0 no-repeat;
	width: 150px;
	height: 37px;
	font: bold 22px Arial;
	text-decoration: none;
	color: #FFF;
	padding: 4px 0 0 10px;
	margin: 0 0 0 30px;
	border: none;
}
#servicioContainer #servVisitar a:hover{
	color: #FFFF00;
}
#servicioContainer #servRight h3{
	background: url(images/bg-subtituloficha.jpg) 0 0 no-repeat;
	font: bold 12px Georgia;
	padding: 5px 0 0 8px;
	height: 24px;
	color: #006699;
}

#servicioContainer #servRight #servDocs li {
	background: url(images/doc.png) 0 8px no-repeat;
	margin: 0px;
	padding-left: 12px;
}
#servicioContainer #servRight #servDocs a {
	font-size: 10px;
	margin-left: 0px;
}

#servicioContainer #servRight #servRequisitos li {
	background: url(images/plus.png) 0 6px no-repeat;
	margin: 0px;
	padding-left: 15px;
}
#servicioContainer #servContacto a{
	float: left;
	background: url(images/bg-boton1.jpg) 0 0 no-repeat;
	width: 178px;
	height: 17px;
	font: bold 10px Verdana;
	text-decoration: none;
	color: #FFF;
	padding: 2px 0 0 8px;
	margin: 7px 0 0 5px;
	border: none;
}
#servicioContainer #servContacto a:hover{
	color: #FFCC00;
}
/*********** Contact Form7 ***********************/
.wpcf7{

}
.wpcf7-form{
	width: 400px;
	margin: auto;	
}
.wpcf7-form p{
	font: bold 10px Arial;
	color: red;
}
.wpcf7-form #enviar input{
	float: right;
	position: relative;
	background:url(images/boton-login-ingresar.png) left top no-repeat;
	border: none;
	width: 102px;
	height: 36px;
	margin: 10px auto;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap select, .wpcf7-form .wpcf7-form-control-wrap textarea{
	background: #FFF;
	font: normal 12px Verdana;
	padding: 2px;
	color: #003366;
	border: #006699 1px solid;
	width: 388px;
	margin: auto;
}
.wpcf7-form .wpcf7-form-control-wrap select{
	width: 394px;
}
.wpcf7-form img{
	display: none;
}