@charset "ISO-8859-1";
<style type="text/css">


body {
	background-color: #000;
		font-family: 'Open Sans', sans-serif;

}

#header {
	height: 85px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	position: fixed;
	z-index: 10;
	background-color: #EAEAEA;
}
.negritaycursiva {
	font-style: italic;
	font-weight: bold;
	margin-right: 4px;
}

.negrita {
	
	font-weight: bold;
	margin-right: 4px;
}

#header #title {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	height: 108px;
}






#header #title h1 {
	margin-top: 15px;
	font: 25px 'Open Sans', sans-serif;
	height: 80px;
	
}



 
 


.w3-container img {
    vertical-align: bottom;
	cursor: zoom-in;text-decoration: none;
	
	}



.obra {
	
	margin: 10px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: default;
	background-color: #333;	
}

.obra img {
	
	position: relative;
	background-image: url(la_danse_grecque);
}

.obra p {
	font-style: normal;
	position: relative;
	font-family: 'Questrial', sans-serif;
	padding: 4px 4px;
	text-align: justify;
}






 
.cita {
	font-variant: normal;
	text-transform: none;
	color: #333;
	font: 14px 'Open Sans', sans-serif;
	width: 70%;
	margin-left: auto;
	margin-right:auto;
	font-style: italic;
}

.piedefoto {
	font-variant: normal;
	text-transform: none;
	color: #333;
	font: 12px 'Open Sans', sans-serif;
	margin-left: 3%;
	font-style: italic;
}


  
p a{
	font-size: 12px;
	color: #666;
	float:right;
	clear: right;
	padding-bottom:10px;
  }
  

  
h1{
	margin-left: 5px;
	margin-top: 18px;
	text-align: justify;
	font-size: 25px;
  }
h3{
	margin-left: 4px;
	
	
	font-size: 20px;
  }
#titulo {
	position: fixed;
	height: 60px;
	width: 50%;
	z-index: 3;
	color: #333;
	background-color: #FFF;
	padding-bottom: 10px;
 }	
#texto {
	
	z-index: 4;
	padding-top: 50px;
}

#enlaces {
	position: absolute;
	top: 0px;
	width: 48px;
	height: 48px;
	z-index: 3;
	color: #333;
	background-color: #F33;
	right: 60px;
}
#cerrar {
	cursor: pointer;
	position: fixed;
	font-size: 25px;
	font-weight: normal;
	height: 50px;
	width: 48%;
	color: #333;
	margin-top: 2px;
	paddint: 5px;
	text-align: right;	
}


#container {
	position: relative;
	overflow: hidden; 
	width: 100%;
	height: 980px; 
	top:85px;
	
	}	
	
	
	@media screen and (max-width: 44.375em)

{
	
	#header {
    height: 180px;
	
}
	#header #title {
	margin-left:40%;
	
}

#container {
	position: absolute;
	height: 980px; 
	padding-top:80px;
	background-color: #000;
	
	}	

#header #title h1 {
    font-size: 35px;
	text-align: left;	
	}
	
	


	
.w3-container  {
  font-size: 40px;
 
}


	
	.w3-container a {
  font-size: 35px;
	
	}	
	
.piedefoto {
  font-size: 35px;
	
	}
	
	.cita {
  font-size: 35px;
	
	}

	.w3-modal-content {
    
  top: 200px;
    
}

.w3-modal-content img {
    
   width: 50%;
   height: auto;
    
}
	
    .w3-large {
    font-size: 48px!important;
}