*{
	margin: 0px;
	padding: 0px;
	font-family: Arial,sans-serif,Verdana,"Lucida Grande","Trebuchet MS";
	color: #555555;
}
html{
	overflow-x: hidden;
}
body {
	background-image: url("../imagenes/plantilla/fondo3.png");
	background-repeat: repeat-x;
	background-color: #0e4278;
	margin: 0px;
	padding: 0px;
}
img{
	border:0px;
}
#iconoHome{
	position: fixed;
	left:50%;
	margin-left:-524px;
	top:210px;
}
#regresaHome{
	display: block;
	width: 50px;
	height: 64px;
	background-image: url("../imagenes/plantilla/home8.png");
	opacity:0.4;
}
#regresaHome:hover{
	display: block;
	width: 50px;
	height: 64px;
	background-image: url("../imagenes/plantilla/home7.png");
	opacity:1;
}
#mascara{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.45;
	filter: alpha(opacity=45);
	visibility:hidden;
	top:0px;
}
a{
	text-decoration: none;
}
/*Primer propuesta
#header, .menu{
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#header{
	background-color:#ffffff;
	height: 135px;
	font-size: .7em;
	background-repeat:no-repeat;
	background-position: right;
}*/
#header #cabeza, .menu{
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#header{
	background-color:#152b45;
	/*background-color:#FFFFFF;*/
	height: 172px;
	width:100%;
	font-size: .7em;
	background-image: url("../imagenes/plantilla/fondoHeader.png");
}
#header #cabeza{
	height: 135px;
	background-repeat:no-repeat;
	background-position: right;
}
#logo{
	position: relative;
	height: 135px;
	width: 402px;
	position: relative;
	left: 20px;
	top:14px;
}
/* termina segunda propuesta*/
#sesion{
	background: #15304f;
	z-index:12;
	display:none;
	position:fixed;
	width: 130px;
	height: 116px;
	right:-129px;
	top:17px;
	padding: 0px;
	/*box-shadow:2px 2px 10px #001a33;
	-moz-box-shadow:2px 2px 10px #001a33;
	-webkit-box-shadow:2px 2px 10px #001a33;*/
	border-top:2px solid white;
	border-bottom:2px solid white;
}
/*#sesion{
	background-color: #000000;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-top: 2px solid white;
    display: none;
    height: auto;
    padding: 0;
    position: fixed;
    right: -129px;
    top: 17px;
    z-index: 12;

}*/
#sesion label{
	display: block;
	color: white;
}
#sesion .error{
	display: block;
	font-size:0.8em;
	color: red;
}
#iniciar{
	height:108px;
	padding: 2px;
	font-size:0.9em;
}
/*#entrar{
	position:absolute;
	top:-2px;
	left:-31px;
	display:block;
	height:116px;
	width:30px;
	border:2px solid white;
	border-right:none;
	background:url("../imagenes/plantilla/inicioSesion.png") no-repeat top left;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	-ms-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}*/
#entrar{
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../imagenes/plantilla/inicioSesion.png") no-repeat scroll left top transparent;
    border-color: white -moz-use-text-color white white;
    border-radius: 10px 0 0 10px;
    border-style: solid none solid solid;
    border-width: 2px medium 2px 2px;
    display: block;
    height: 116px;
    left: -31px;
    position: absolute;
    top: -2px;
    width: 30px;

}
#menuSesion{
	width:135px;
	height:114px;
	position:absolute;
	padding-top:2px;
	background:white;
}
/*#menuSesion ul{
	list-style:none;
	display:block;
}
#menuSesion ul li{
	display:block;
	font-size:0.8em;
	border-bottom: 1px solid #717072;
	font-size: 0.8em;
    padding: 2px;
	color:black;
    cursor:pointer;
}*/
#menuSesion ul{
	display: block;
    list-style: none outside none;
    position: relative;
    filter: alpha(opacity=90);

}
#menuSesion ul li{
	/*background-image: url("../imagenes/home/mvFondo.png");*/
	background-color: #FFFFFF;
    border-bottom: 1px solid #717072;
    color: #000000;;
    cursor: pointer;
    display: block;
    font-size: 1em;
    padding-bottom: 0.9em;
    padding-left: 1em;
    padding-top: 0.9em;

}
#ventanaUsuario{
	width:800px;
	margin: 0 auto;
    position: relative;
    top: 10%;
    /*background:white;*/

}
/*#tituloUsuario{
	color:#573618;

	width:100%;
	height:20px;

}*/
#tituloUsuario{
	-moz-border-bottom-colors: #444444;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #010101;
    border-bottom: 1px solid #000000;
    border-radius: 10px 10px 0 0;
    border-style: solid;
    border-width: 4px 4px 1px;
    color: #FFFFFF;
    font-size: 1.5em;
    height: 40px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding-top: 5px;
    width: 100%;
	position: relative;
}
/*#contenidoUsuario{
	color:#573618;

	border-top:2px solid;
	width:100%;
	height:470px;

}*/
#contenidoUsuario{
	/*color:#573618;*/
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EFEFEF;
    border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-radius: 0 0 10px 10px;
    border-right: 4px solid #FFFFFF;
    border-style: none solid solid;
    border-width: medium 4px 4px;
    height: 470px;
    opacity: 0.95;
    filter: alpha(opacity=95);
    width: 100%;

}
#mask{
    z-index: 11;
	background: url("../imagenes/mascara.png");
    position: fixed;
    height:100%;
    width: 100%;
    top:0;
    padding-top:3px;
    text-align: center;
}
#cerrarMask{
    position: absolute;
    top:-22px;
    right:-22px;
    z-index: 13;
}

#facebookCarmen{
	display:block;
	position:fixed;
	width: 250px;
	height: 391px;
	border: 2px solid white;
	border-radius:5px 0 0 10px;
	-moz-border-radius:5px 0 0 10px;
	-webkit-border-radius:5px 0 0 10px;
	-ms-border-radius:5px 0 0 10px;
	border-right:none;
	background-color: #d5eaff;
	right:-252px;
	top:180px;
	z-index:10;
	box-shadow:2px 2px 10px #001a33;
	-moz-box-shadow:2px 2px 10px #001a33;
	-webkit-box-shadow:2px 2px 10px #001a33;
}
#siguenosCarmen{
	cursor:pointer;
	position:absolute;
	top:0px;
	left: -32px;
	display:block;
	width: 30px;
	height: 121px;
	z-index:2;
	background:url("../imagenes/plantilla/siguenosCarmen.png") no-repeat;
}
#siguenosCarmen a{
	position:absolute;
	left: 0px;
	display:block;
	width: 30px;
	height: 60px;
	z-index:2;
}

#facebook{
	display:none;
	position:fixed;
	width: 250px;
	height: 391px;
	border: 2px solid white;
	border-radius:5px 0 0 10px;
	-moz-border-radius:5px 0 0 10px;
	-webkit-border-radius:5px 0 0 10px;
	-ms-border-radius:5px 0 0 10px;
	border-right:none;
	background-color: #d5eaff;
	right:-252px;
	top:180px;
	z-index:10;
	box-shadow:2px 2px 10px #001a33;
	-moz-box-shadow:2px 2px 10px #001a33;
	-webkit-box-shadow:2px 2px 10px #001a33;
}

#siguenos{
	cursor:pointer;
	position:absolute;
	top:0px;
	left: -32px;
	display:block;
	width: 30px;
	height: 121px;
	z-index:2;
	background:url("../imagenes/plantilla/siguenos.png") no-repeat;
}

#botFoll{
	position:absolute;
	top:0px;
	left: 240px;
	z-index:11;
	width: 248px;
}
#siguenos a{
	position:absolute;
	left: 0px;
	display:block;
	width: 30px;
	height: 60px;
	z-index:2;
}
#siguenosF{
	top:60px;
}
#siguenosT{
	top:0px;
}
#header a{
	color: #0c358a;
}
#header form{
	padding:10px;
}
#header label{
	margin-right: 5px;
}
#header input{
	border:0px;
	font-size: 1em;
}
/* propuesta 1
#logo{
	position: relative;
	padding: 10px 0px 0px 20px;
}*/
#header .campus{
	position: absolute;
	bottom:5px;
	font-style: italic;
	font-size: 1em;
	right:10px;
}
/* estilos para menu horizontal*/
.menu{
	z-index:11;
	height:38px;
	background-image: url("../imagenes/plantilla/menuFondo.png");
	font-size: 1em;
	position: relative;
	margin-top:-38px;
}
.menu ul{
	position: relative;
}
.menu li{
	float:left;
	list-style: none;
	position: relative;
}
.menu li a{
	display: block;
	font-size: 0.9em;
	font-family: "Lucida Grande",Arial, Verdana, "Trebuchet MS";
}
.menu li:hover .link2{
	visibility: visible;
}
.menu li:hover .subMenu{
	display:block;
}
.menu li a.link1, .menu li #areaNoticia{
	height:27px;
	padding: 8px 10px 0px 25px;
	border-left:1px solid #21538b;
	border-right:1px solid #143c6b;
	color:#ffffff;
	position:relative;
	margin-top: 1px;
}
.menu li a.link3, .menu li #contacto{

	display: flex;
	align-items: center;
	height: 27px; /* Altura dada por el usuario */
	padding: 8px 10px 0px 9px; /* Padding original del usuario para este grupo */
	color: #ffffff;
	text-decoration: none;
	margin-top: 1px; /* Añadido para consistencia si el otro grupo lo tiene, o quitar de ambos y poner en <li> */
	/* background-color: #003366; */ /* Añade si el <a> debe tener el color de fondo de la barra */
	white-space: nowrap;
	/* Si necesitas algún ajuste de 'margin-top' o 'position' diferente
       al de los otros <li>, lo pones aquí. De lo contrario, hereda. */
}
.menu li img{
	border:none;
	margin-left: 5px;
}
/* estilos para menu desplegable*/
.subMenu{
	background: #FFFFFF;
	position: absolute;
	top:36px;
	font-size:0.9em;
	display:none;
	padding:10px 5px;
	border-radius:0px 10px 10px 10px;
	-moz-border-radius:0px 10px 10px 10px;
	-webkit-border-radius:0px 10px 10px 10px;
	box-shadow:4px 5px 10px #001a33;
	-moz-box-shadow:4px 5px 10px #001a33;
	-webkit-box-shadow:4px 5px 10px #001a33;
}
.subMenu ul{
	width:320px;
}
.subMenu li{
	width:150px;
	border-bottom: 1px dashed #F4F4F4;
	margin-right: 10px;
}
.subMenu li a{
	padding: 4px 10px 4px 10px;
	font-size: 0.9em;
	color:#000000;
}
.subMenu li a:hover{
	background-color:#ff7800;
	color:#ffffff;
}
.link2{
	position:absolute;
	top:0px;
	height:27px;
	padding: 9px 20px 0px 25px;
	background-color:#ffffff;
	color:#ffffff;
	color:#000000;
	visibility: hidden;
}
/*----estilos del contenido-----*/
#contenido{
	z-index:1;
	position: relative;
	margin:0 auto;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:90px;
	width: 950px;
	border-radius:15px 15px 15px 15px;
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	box-shadow:2px 2px 10px #001a33;
	-moz-box-shadow:2px 2px 10px #001a33;
	-webkit-box-shadow:2px 2px 7px #001a33;
	background-color: #ffffff;
}
/* estilos para footer*/
#footer {
	position:fixed;
	bottom:0px;
	width:100%;
	height:102px;
	clear:both;
	background-image:url("../imagenes/plantilla/bgfooter1.png");
	background-repeat:repeat-x;
	z-index: 2;

}
#footercontenedor {
	position:relative;
	margin:0px auto;
	width:950px;
	height:100px;
}
#pestana {
	float:left;
	width:27px;
	height:96px;
	background-image:url("../imagenes/plantilla/bgfooter2.png");
}
#footercontenedor img{
	float:left;
	margin-top:20px;
}
#ubicaCampus{
	float:center;
	margin-top:80px;
}
#direccion {
	float:left;
	margin-top:25px;
    width: 700px;
}
#direccion p{
	position:relative;
	text-align:center;
	font-size:0.8em;
	color:#808182;
	font-family: "Lucida Grande",Arial, Helvetica,Verdana, "Trebuchet MS";
}
#ubicacion{
	position: absolute;
	top:5px;
	right: 10px;
	font-style: italic;
	z-index:2;
	width:900px;
	text-align: right;
}
#ubicacion a{
	font-size: 0.7em;
	color: #cccccc;
}
#ubicacion .actual{
	font-size: 0.75em;
	color: #FFCf9B;
}
/* marcos para imagenes */
#cartelEvento{

	/*position: fixed;
	left: 50%;
	margin-left:155px;
	top:310px;*/
	position: absolute;
	right: 0px;
	top:0px;
	padding:8px 8px 20px 8px;
	background-color: #FFFFFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:2px 3px 8px #555555;
	-webkit-box-shadow:2px 3px 8px #555555;
	box-shadow:2px 3px 8px #555555;
}
.imagenCartel{
	width: 270px;
	position: relative;
}
#formContacto{
	border:solid 5px #fff;
	background: url("../imagenes/plantilla/fondo3.png") repeat-x 0 -150px #0E4278;
    display: block;
    height: 300px;
    padding: 10px;
    position: absolute;
    right: 0;
    width: 300px;
    top:40px;
    display:none;
    -moz-border-radius: 15px;
	box-shadow:2px 3px 8px #3a4e63;
	-moz-box-shadow:2px 3px 8px #3a4e63;
	-webkit-box-shadow:2px 3px 8px #3a4e63;
}
#formContacto label{
	font-size:0.9em;
	color:#AAA;
	display:block;
	margin: 5px 0 0 0;
}
#formContacto span{
	margin-left:5px;
	font-size:0.7em;
	color:#FFF;
}
#formContacto #imgClo{
	position: absolute;
	right: -20px;
    top: -17px;
    cursor: pointer;
    display:block;
    background: url(../imagenes/plantilla/close.png);
    width: 45px;
    height:45px;
}
#formContacto #comC{
	width: 295px;
	font-size:0.9em;
	height: auto;
	margin-bottom:7px;
	resize: none;
}
#formContacto input{
	font-size:0.9em;
}
#formContacto #contact{
	bottom: 6px;
	right:11px;
	position:absolute;
}
#twitter-widget-0{
	width: 248px !important;
    height: 400px;
	float:left;
}
#twitter-widget-0 .timeline-footer{
	display: none !important;
	height: 0 !important;
}
.tweet-box-button{
	display: none !important;
	height: 0 !important;
}
.twtr-widget-profile{
    width: 250px;
    position: fixed !important;
    right: -250px;
    top: 180px;
    z-index: 10;
}
.twtr-ft, .twtr-hd{
	      background: #0068ad;
	      color: #ffffff;
}
.twtr-hd h3, .twtr-hd h4 a{
      color:#ffffff;
}
.twtr-bd{
	background: #ffffff;
}
/*----estilos para el icono de desvarga----*/
#iconoDescarga{
	height: 25px;
}
/*----estilos usuarios------*/
#nombreUsu{
	position: absolute;
	top:-20px;
	right: 30px;
	font: 0.5em/1.3em Arial,"Lucida Grande",Helvetica,sans-serif;
	color: #FFFFFF;
}
#nombreUsu span{
	color: #CCCCCC;
}
#listaDescargas{
	display: block;
	margin-left: 20px;
	padding-top: 0px;
	width:380px;
}
#listaDescargas .titulo{
	font: 1.1em/2.5em Arial,"Lucida Grande",Helvetica,sans-serif;
	color:#000000;
}
#listaDescargas li{
	list-style: none;
	text-align: left;
	font: 0.9em/1.2em Arial,"Lucida Grande",Helvetica,sans-serif;
	position: relative;
	padding-bottom: 10px;
	padding-top: 8px;
	padding-right: 30px;
}
#listaDescargas ul{
	padding-left: 100px;
}
#listaDescargas li img{
	top:3px;
	width: 20px;
	position: absolute;
	right: 0px;
}
#libros{
	position:relative;
	height: 380px;
	overflow: auto;
}
/*---estilos para paginaci�n-----*/
#paginacion{
	position: relative;
	bottom: 5px;
	left: 5px;
	width: 762px;
	overflow: hidden;
	padding: 6px;
	margin-bottom: 10px;
}
#paginacion li{
	list-style: none;
	display: inline;
}
#paginacion li a{
	border: 1px solid #CCCCCC;
    color: #CCCCCC;
    font-size: 0.9em;
    margin: 0 2px;
    padding: 3px 10px;
    text-align: center;
    width: 0.7em;
}
#paginacion li a:hover{
	border: 1px solid #000000;
    color: #000000;
    font-size: 1.01em;
}
#paginacion li #resaltado{
	background-color: #000000;
    color: #FFFFFF;
    font-size: 0.9em;
}
#siguiente, #anterior{
	cursor: default;
}
#siguiente:hover, #anterior:hover{
	cursor:pointer;
}