@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: 114px;
	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: 106px;
			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: 88px;
			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: 71px;
			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: 60px;
			width: 255px;
			margin-left: 5em;

		}



	}