@charset "utf-8";
body {
	margin: auto;
	padding: 0px;
	background:#F2F2F2;
	background-position: bottom;
}
	
#contenedor{
	width: 1024px;
	margin: auto;
	padding: 47px 0px 0px 0px;
	background-color: #F2F2F2;
	background-repeat: repeat-x;
	display:table;
}

#manto{
	position:fixed;
	z-index:90;
	width:100%;
	height:100%;
	color:#FFF;
	background:#CCC;
	top:0%;
	left:0%;
	opacity:0.5;
	display:none;
}

/*Estilos de la CABECERA*/
header{
	width:100%;
	height:45px;
}

#FechaHoy{
	width:300px;
	float:right;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	padding:2px 10px 2px 0px;
	margin:0px 3px 3px 0px;
	border-radius:0px 0px 5px 5px;
	/*text-shadow: 1px 1px 3px #666;*/
}

#FechaHoy2{
	width:300px;
	float:left;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	padding:2px 0px 2px 10px;
	margin:0px 3px 3px 0px;
	border-radius:0px 0px 5px 5px;
	/*text-shadow: 1px 1px 3px #666;*/
}

#photo1{
	width:140px;
	height:166px;
	margin:5px 5px 5px 5px;
	border:#AAA 1px solid;
	border-radius:3%;
	-moz-radius:3%;
	-webkit-radius:3%;
	-o-radius:3%;
	float:left;
}
#photo2{
	width:105px;
	height:105px;
	margin:5px 5px 5px 5px;
	border:#AAA 1px solid;
	border-radius:3%;
	-moz-radius:3%;
	-webkit-radius:3%;
	-o-radius:3%;
	float:left;
}
#ed_perf{
	background:url(../img_system/config.png) center no-repeat;
	background-size:25px;
	width:25px;
	height:25px;
	float:right;
	padding-right:10px;
}

#ed_perf:hover{
	background:url(../img_system/config2.png) center no-repeat;
	background-size:25px;
	cursor:pointer;
}

#log_emp{
	margin-top:133px;
	width:65px;
	height:57px;
	background:#999;
	-moz-border-radius:3px 0px 3px 0px;
	-webkit-border-radius:3px 0px 3px 0px;
	-o-border-radius:3px 0px 3px 0px;
	border-radius:3px 0px 3px 0px;
	float:right !important;
}

#user, #user2{
	font-family:"TitilliumText22L Lt", sans-serif;
	width:120px;
	height:30px;
	float:left;
	color:#000000;
	padding-left:507px;
	padding-top:10px;
}

#user{
	margin-top:2px;	
}

#user2{
	margin-top:0px;
}

#user h1, #user2 h1{
	font-size:18px;
	line-height:0%;
	font-weight:normal;
}

#user h3, #user2 h3{
	font-size:13px;
	font-weight:normal;
}


#nav2, #nav3, #nav_detalle, #nav_detalle2{
	border:#AAA 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background:#FFF;
	float:left;
	margin:15px 0px 5px 0px;
	text-decoration:none;
	padding:0px;
}

#nav2{
	clear:both;
	text-align:center;
	float:left;
	margin-left:380px;
}

#nav3{
	border:none;
	margin-right:20px;
	float:right;
}




.menu_princ, .menu_princ2, .menu_princ3{
	list-style:none;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	/*color:#797979;*/
	text-align:left;
	display:block;
	margin:0px;
}

.menu_princ{
	padding:7px 0px; /*safari*/
}

.menu_princ2{
	padding:3px 0px;/*safari*/

}

.menu_princ3{
	padding:2px 0px;/*safari*/
}

.menu_princ2{
	float:right;

}

.menu_princ a, .menu_princ2 a, .menu_princ3 a{
	text-decoration:none;
	
}

.item_men, .item_men2{
	display:inline-table;
	margin:0px !important;
	color:#797979 !important;
}

.item_men:hover, .item_men2:hover{
	background:#AAA !important;
	color:#FFF !important;
	border-radius:3px;
}

.item_activo{
	background: #AAA!important;
	color: #FFF!important;
}

.item_men_act, .item_men_act2{
	display:inline-table;
	border-radius:4px;
	background:#AAA;
	color:#FFF;
}

.item_men, .item_men_act{
	padding:7px 27px 8px 27px;
	display:inline;/*safari*/
}

.item_men2, .item_men_act2{
	padding:3px 13px 4px 13px;
	display:inline;/*safari*/
}

.line{
	display:inline;
	font-size:18px;
	padding:0px 0px;
	letter-spacing:-5px;
	line-height:0px;
}

.line3{
	display:inline;
	font-size:12px;
	padding:0px 5px;
	line-height:0px;
	font-weight:bold;
}

#nav_detalle img, #nav_detalle2 img{
	width:13px;
	height:16px;
	margin:0px 0px 0px 8px;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.dateadj{
	font-size:11px;
	float:right;
	font-style:italic;
	color:#036;
}

/*Fin de los Estilos de la CABECERA*/

/*Estilos de la ZONA LATERAL IZQUIERDA*/
#content_lat_izq{
	width:205px;
	float:left;
	display:block;
	clear:both;
	background:#FFF;
}

#lateral_izq{
	max-width:200px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#AAA;
	float:left;
	display:block;

}

#lateral_izq2{
	max-width:280px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#AAA;
	float:left;
	display:block;

}

#lateral_izq h2, #table_tip_busq h2{
	font-size:1rem;
	line-height:100%;
	font-weight: bold;
}

#table_tip_busq h2{
	color:#AAA;
}

#lateral_izq ul{
	font-size:15px;
	overflow:hidden;
	list-style:none;
	text-decoration:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#lateral_izq ul a{
	text-decoration:none;
	color:#AAA;
	text-shadow:none;
	list-style-type:none;
}

#Tareas, #Calendario, #login, #Cuenta{
	margin-left:20px;
	margin-right:25px;
	margin-bottom:0px;
	background:#F2F2F2;
}

#login{
	color:#632382;
}

.login{
	color:#900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

#login h2{
	padding:6px 0px;
}

#login td{
	border:0px;
}

.error li{
	background:#632382;
	color:#FFF;
	font-size:11px !important;
	margin:5px;
	padding:5px;
}

#Tareas h2 a, #Calendario h2 a{
	text-decoration:none;
	color:#AAA;
}

#Tareas h2 a:hover{
	color:#FFCB01;
	text-decoration:underline;
}
#Calendario h2 a:hover{
	color:#FF2A56;
	text-decoration:underline;
}

#Tareas .circle, #Calendario .circle{
	float:right;
}

#Tareas:hover{
	color:#FFCB01;
}

#Calendario:hover{
	color:#FF2A56;
}

#Cuenta:hover{
	color:#632382;
}

#Tareas li, #Calendario li, #Cuenta li{
	border-top:#AAA 1px solid;
	padding:6px 0px;
}

#Tareas li, #Calendario li{
	border-top:#AAA 1px solid;
	padding:6px 0px;
	font-size:13px;
	font-weight:bold;
}

#Tareas li:hover, #Calendario li:hover, #Cuenta li:hover{
	color:#000;
}

.circle{
	color:#000;
	background:#DDD;
	font-size:15px;
	padding:2px 6px;
	-moz-border-radius: 100px !important;
	-o-border-radius: 100px !important;
	-webkit-border-radius: 100px !important;
	border-radius: 100px !important;
}

.etime{
	font-size:10px !important;
}
/*Fin Estilos ZONA LATERAL IZQUIERDA*/

/*Estilos ZONA LATERAL DERECHA*/
#lateral_der{
	width:790px;
	margin:0px 6px 4px 0px;
	float:right;
	background:#F2F2F2;
	position:static;
}

#lateral_der2{
	width:1024px;
	margin:0px 0px 20px 0px;
	padding:10px;
	background:#FFF;
}

#lateral_der3{
	width:1024px;
	margin:0px 0px 20px 0px;
	/*padding:5px;
*/	background:#F2F2F2;
}

/*Estilos Cuadro Actividades*/
#activ_rapid, #coment_rapid{
	width:790px;
	float:left;
	margin-bottom:15px;
	background-color:#F2F2F2;
}


/*#f_activ_rapid, */#f_comen_rapid{
	padding:0px 0px 0px 0px;
	background-color:#FFF;
}

.labelactiv{
	font-size:16px;
}

.labelactiv2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;

	background:#F2F2F2;
}

.labelactiv3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	font-weight:bold;
	padding-top:10px;
}

#gen_activ{
	height:40px;
	overflow:hidden;
}


#comentar{	
	background:#EEE;
	padding-top:5px;
}

#comentar:hover{
	background:#FFF;
}

#primero{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	color:#666;
	font-family:"Times New Roman", Times, serif;
}



.public {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:#797979;
	color:#FFF;
	font-size:13px !important;
	padding:3px 5px 3px 5px !important;
	margin-left:5px !important;
	border:none !important;
	-moz-border-radius:3px !important;
	-ms-border-radius:3px !important;
	-o-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	float:right;
	display:inline;
	margin-top:10px;
}

.public:hover {
	background:#900;
}

/*Estilos Visor de Actividades*/
#activity, #comentar{
	font-family:Arial, Helvetica, sans-serif;
	border-top:#FFF 0px solid;
	margin-bottom:0px;
	display:block;
	border-radius:10px
}

#comentarios {
	width:90%;
	float:right;
}

#table_activ, #table_coment {
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	border-spacing:0px;
	background:#FFF;
	border-radius:5px;
	margin-bottom:7px;
	border:#FFF 7px solid;
}

#table_activ:hover, #table_coment:hover { /*Campos Titulo en Table*/
	
	/*Degrade*/
	background: #FFF;
	}



#img_adjunto{ /*Imagen del Usuario*/
	font-size:9px;
	padding:2px 2px;
	vertical-align:top;
	background:#FFF;
	width:25px;
}


#img_user .marco{ /*Imagen del Usuario*/
	border-radius:5%;
	width:2rem;
	height:2rem;
	font-size:9px;
	padding:8px 0px 9px 0px;
	vertical-align:top;
	background:#FFF;
	background-size: contain!important;
}
#img_user .marcouser{ /*Imagen del Usuario*/
	border-radius:5%;
	width:68px;
	height:51px;
	font-size:9px;
	padding:8px 0px 9px 0px;
	vertical-align:top;
	background:#FFF;
}
.marcouser{ /*Imagen del Usuario*/
	border-radius:5%;
	width:0px;
	height:0px;
}
.marco{ /*Imagen del Usuario*/
	border-radius:5%;
	width:0px;
	height:0px;
}

.marcoc{ /*Imagen del Usuario*/
	border-radius:5%;
	width:40px;
	height:40px;
	margin:0px auto;
}

#img_adjunto .marco{ /*Imagen de los Adjuntos*/
	border-radius:5%;
	width:10px;
	height:10px;
}

.autor{
	font-size:15px;
	color:#666;
	font-weight:normal;
}

#tit_activ{
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 0px;
	margin:0px;
	color:#000;
	text-align:justify;
}

#tit_activ a{
	color:#000;
	text-decoration:none;
}

#tit_activ a:hover{
	color:#666;
	text-decoration:underline;
}

#tit_activ a:visited{
	color:#999;
}

#tit_activ a:visited:after{
	content: " (YA VISITADO)";
	font-size: 60%;
	text-transform: uppercase;
	color: #900;
}

#atributos{
	width:75px;
	margin:0px 5px;
	display:block;
	float:right;
	
}



#atributos img{
	margin:5px 2px;
	float:right;
}

#desc_activ, #desc_comen{
	font-size:13px;
	text-align:justify;
	margin-bottom:5px;
	padding:5px 5px 0px;
}

#creacion{
	font-size:10px;
	padding:5px 0px 5px 5px;
	text-align:left;
}

.item_creacion{
	color:#797979;
}

.item_creacion a{
	color:#797979;
	text-decoration:none;
	float:right;
}

.item_creacion a:hover{
	color:#000;

}

.mini_line{
	float:inherit;
	font-size:12px;
	padding:2px 6px;
	letter-spacing:0px;
}

/* Fin Estilos Cuadro Actividades*/

#botones_activ img {
	border:0px;
	margin:8px 5px 0px 0px;
}

.ver_mas {
	font-size: 20px;
	font-weight:bold;
	text-decoration:none;
	float:right;
	color:#000;
	padding:0px 7px 0px 0px;
}

.ver_mas:hover{
	color:#900;

}
/*Estilos del Pie de Página*/
footer{
	padding:10px 0px 20px 0px;
	clear:both;
	width:100%;
	border-top: #900 solid 7px;
	border-bottom: #AAA solid thin;
	border-left: none;
	border-right: none;
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-style:oblique;
	color:#AAA;
}


.vo{
	vertical-align:middle;
	margin-right:10px;
	display:inline-block;
}

.vo2{
	display:inline-block;
	vertical-align:middle;
}

#pendiente{
	cursor:default;
}

.enlaces{
	color:#000;
	text-decoration:none;
}

.enlaces:hover{
	color:#666;
	text-decoration:underline;
}