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

ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#fff;  font:15px Helvetica, Arial, sans-serif; line-height:25px; }
ul#demo-block li a{ color:#eee; /*font-weight:bold; */text-decoration:none; }
ul#demo-block li a:hover{ color:#fff; text-decoration:underline; }
			
/*AGREGADOS*/
	
#head {
	min-height: 130px;
	margin-bottom: 3em;
	padding:1em;
}

/*LOGOTIPOS DE LA EXPOSICIÓN	*/
#logos {
	width: 197px;
	float: right;
}	
	
.logo_unam {
	background-image:url(img/logo_unam.png);
	background-repeat: no-repeat;
	display:block;
	float: left;
	width:115px;
	height:99px;
}
				
.logo_iie {
	background-image:url(img/logo_iie.png);
	background-repeat: no-repeat;
	display:block;
	float: left;
	width:73px;
	height:99px;
}

.logotipo {
	background-image: url("../img/logo_expo.png");
	background-repeat: no-repeat;
	display: block;
	min-height: 70px;
	width: 405px;
	margin-left: 5em;
}

@media handheld, only screen and (max-width: 1340px) {

	#slidecaption {
		display:none;
	}

}

@media handheld, only screen and (max-width: 1024px) {

	ul#slide-list {
		display:none;
	}

}

@media handheld, only screen and (max-width: 714px) {

	#head {
		width:100%;
		text-align:center;
		clear:both;
	}

	#logos {
		clear:both;
		position:fixed;
		bottom:84px;
		text-align:center;
		width:100%;
	}

	#logos a {
		margin: 0 auto;
		text-align: left;
	}

}


@media handheld, only screen and (max-width: 550px) {
	
	.logotipo {
		background-image: url("../img/logo_expo-responsivo-1.png");
		background-repeat: no-repeat;
		display: block;
		min-height: 50px;
		width: 305px;
		margin-left: 5em;
	}

}

@media handheld, only screen and (max-width: 400px) {
	
	.logotipo {
		background-image: url("../img/logo_expo-responsivo-2.png");
		background-repeat: no-repeat;
		display: block;
		min-height: 42px;
		width: 255px;
		margin-left: 5em;
	}

}

@media handheld, only screen and (max-width: 250px) {
		
	.logotipo {
		background-image: url("../img/logo_expo-responsivo-3.png");
		background-repeat: no-repeat;
		display: block;
		min-height: 32px;
		width: 205px;
		margin-left: 3em;
	}

}

@media handheld, only screen and (max-height: 700px) {

	#logos {
		display: none;
	}
		
	.logotipo {
		background-image: url("../img/logo_expo-responsivo-2.png");
		background-repeat: no-repeat;
		display: block;
		min-height: 42px;
		width: 255px;
		margin-left: 5em;
	}

}