@media screen and (max-width: 970px) {
		
		
	header { max-width: 100%; }
	
	nav ul { max-width: 98%; height:auto;   }  	
	nav ul li { line-height: 45px; display: inline-block; padding-right: 5px; }
	nav ul li a { text-decoration: none; color: #333333; font-family: 'Raleway', sans-serif; font-size:14px; }
	
	.solo_granate_menu{	font-size:14px;	color: #80002D;}
	
	.mostaza_gr{ font-size:22px; font-weight:400; 	}
	.mostaza {	font-size:14px;	font-weight:400;}
	
	img{max-width: 100%;  height: auto; margin: auto; padding: auto!important; }
	

	p{ margin: 0px 5px 10px 5px; text-align: justify;}	    	
		
		/*** Home ***/	


		.home { padding-left: 10px; margin-top:0px;}	
	
		.destacado_home { float: left;  height: 90%;   width: 90%;   margin-left: 20px;    margin-top: 15px; }
	
	}
	
	
	@media screen and (max-width: 800px) {
		
		
	
	h2 {
	font-family: 'Josefin Sans', sans-serif; font-size:24px;  color:#999; font-weight: 300; padding-bottom: 10px; padding-left: 5px; 	}
		
	
	p{ margin: 0px 5px 10px 5px; text-align: justify;}
	
	nav{ height:auto; }
 	nav ul { width: 98%; margin: auto; }
	nav ul li { display: inline-block; margin: 0px; }
	nav ul li a {  font-size:12px; }
	
	.solo_granate_menu{	font-size:12px;	color: #80002D;}
	#image-fb { width: 70%; height: 70%; }
	#image-tw { width: 70%; height: 70%; }
		#image-in { width: 70%; height: 70%; }
	
	img{max-width: 100%;  height: auto; margin: auto; padding: auto!important; }
	
	
	.bloque_izq { width: 370px; float:left;}
	.bloque_der { width: 350px; float:right; padding: 40px 10px 15px 10px; }
	.bloque_der2 { width: 350px; float:right; padding: 10px 10px 10px 10px; }	
		
		.content{
		    max-width: 800px;
		    margin: auto;
			padding: 0px;
			
			}
	
	.bloque { width: 800px; float:left; padding: 25px 10px 15px 10px;}
	
	
	.amarillo_gr{ font-size:18px; font-weight:400; 	}
	.amarillo{	font-size:14px;	font-weight:400;}
	
	  
	
	 /* menu obra*/
	
	.contenido { width: 300px; height: 200px; position: absolute; top: 0; left: 0;}
    
	.vista { width: 200px; height: 338px; margin: 10px; float: left; border: 10px solid #fff;  position: relative;  text-align: center; box-shadow: 1px 1px 2px #e6e6e6; }
	
   .vista .mascara, .vista .contenido { width: 200px; height: 500px; position: absolute;  top: 0; left: 0; display: none; }
   .vista img { position: relative;}
   .vista img a  { display: block; z-index:3; }
   .vista h2 { display: none; }
   .vista p { display: none;  }
   
   .contenido_obra { width:480px; min-height:400px;  float:left; padding:15px; }
   
   .prensa {width:200px; min-height:1100px;  float:left; padding:15px; }


   /* fin menu obra*/
		
			/*** Menu videos  ***/
 .menu_videos ul {
	width: 400px;
	margin: auto;
			 padding-top: 5px;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:400;		 
			
		}
		
		
		.menu_videos li {
		    line-height: 20px;		   	
				
		}
		
		
	
	footer {float:left;}
	.pie_bio { width: 800px; float:left; margin-top: 12px ; font-size:11px; }
	
		
	}
	
	@media screen and (max-width: 768px) {
		
		
	nav{ height:auto; }
 	nav ul { width: 99%; margin-left: 10px; }
	nav ul li { display: inline-block; margin-left: 7px; }
	nav ul li a {  font-size:13px; }
	
	.solo_granate_menu{	font-size:12px;	color: #80002D;}
			
	#image-fb { width: 60%; height: 60%; }
	#image-tw { width: 60%; height: 60%; }
		#image-in { width: 60%; height: 60%; }
	

		
		
		/*** Home ***/	


		.home { float: left;  height: 90%;   width: 90%;   margin-left: 20px;    margin-top: 15px; }
		
	
		.destacado_home { float: left;  height: 90%;   width: 90%;   margin-left: 30px;    margin-top: 15px; }
	
	
	
	
	.bloque_izq { width: 400px; float:left;}
		.bloque_der { width: 320px; float:left; padding: 40px 10px 15px 10px; }
		.bloque_der2 { width: 350px; float:right; padding: 10px 10px 10px 10px; }
		
		.content{
		    max-width: 700px;
		    margin: auto;
			padding: 0px;
			
			}
		
		.bloque { width: 700px; float:left; padding: 15px 10px 15px 10px;}
	
	.amarillo_gr{ font-size:18px; font-weight:400; 	}
	.amarillo{	font-size:15px;	font-weight:400;}
	
	 h1 { font-size: 28px;  float: left; width: 600px;  padding:15px 0px 15px 0px;  color: #ff0059; opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid-DXImageTransform.Microsoft.Alpha(Opacity=70)";  }
		
	
	 p{ margin: 0px 5px 10px 5px; text-align: justify;}
	 
	 		


		
		

	 /* menu obra*/
	
	.contenido { width: 300px; height: 200px; position: absolute; top: 0; left: 0;}
    
	.vista { width: 200px; height: 338px; margin: 10px; float: left; border: 10px solid #fff;  position: relative;  text-align: center; box-shadow: 1px 1px 2px #e6e6e6; }
	
   .vista .mascara, .vista .contenido { width: 200px; height: 500px; position: absolute;  top: 0; left: 0; display: none; }
   .vista img { position: relative;}
   .vista img a  { display: block; z-index:3; }
   .vista h2 { display: none; }
   .vista p { display: none;  }
   
   .contenido_obra { width:400px; min-height:400px;  float:left; padding:15px; }
   
   .prensa {width:200px; min-height:1100px;  float:left; padding:15px; }


   /* fin menu obra*/
		.pie_home { width: 600px; float:left; margin-top:-50px; }
	 
	 .pie_bio { width: 768px; float:left; }
		
		
	
	 
	
		
	}
	
	@media screen and (max-width: 600px) {
		
		
	nav{ height:auto; }
 	nav ul { max-width: 90%; height:auto;   }  	
	nav ul li { line-height: 45px; display: inline-block; padding-right: 9px; }
	nav ul li a { text-decoration: none; color: #333333; font-family: 'Raleway', sans-serif; font-size:12px; }
	.solo_granate_menu{ font-size:12px; color: #80002D;}
	#image-fb { width: 80%; height: 80%; }
	#image-tw { width: 80%; height: 80%; }
		#image-in { width: 80%; height: 80%; }
	
	img {max-width: 100%;  height: auto; margin: auto; padding: auto!important; }

	
	.home { float: left;  height: 80%;   width: 80%;   margin-left: 20px;    margin-top: 15px; }
		
	
		.destacado_home { float: left;  height: 80%;   width: 80%;   margin-left: 30px;    margin-top: 15px; }
	
	.bloque_izq { width: 200px; float:left;}
	.bloque_der { width: 320px; float:left; padding: 30px 10px 10px 20px; }
		
		.bloque_der ul {display: list-item; list-style-type: circle;  }
		.bloque_der li {display: list-item; list-style-type: circle;  }
	.bloque_der2 { width: 320px; float:right; padding: 10px 10px 10px 10px; }
		
		.content{
		    max-width: 700px;
		    margin: auto;
			padding: 0px;
			
			}
	.bloque { width: 580px; float:left; padding: 15px 10px 15px 10px;}
	
	.amarillo_gr{ font-size:18px; font-weight:400; 	}
	.amarillo{	font-size:15px;	font-weight:400;}
	
	 h1 { font-size: 28px;  float: left; width: 500px;  padding:15px 0px 15px 0px;  color: #ff0059; opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid-DXImageTransform.Microsoft.Alpha(Opacity=70)";  }	
	
	.list {width:220px;  float:left; margin: 3px 10px 10px 10px; }
	
	p{ margin: 0px 5px 10px 5px; text-align: justify;}
	

		.titulo_ficha h1 { font-size: 18px;  float: left; width: 280px;  padding:15px 10px 10px 15px;  color: #ff0059; opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid-DXImageTransform.Microsoft.Alpha(Opacity=70)";  }
		 /* menu obra*/
	
	.contenido { width: 300px; height: 200px; position: absolute; top: 0; left: 0;}
    
	.vista { width: 200px; height: 338px; margin: 10px; float: left; border: 10px solid #fff;  position: relative;  text-align: center; box-shadow: 1px 1px 2px #e6e6e6; }
	
   .vista .mascara, .vista .contenido { width: 200px; height: 500px; position: absolute;  top: 0; left: 0; display: none; }
   .vista img { position: relative;}
   .vista img a  { display: block; z-index:3; }
   .vista h2 { display: none; }
   .vista p { display: none;  }
   
   	 .menu_obra ul {	width: 600px;	margin: auto;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #ffdfdf;	font-family: 'Raleway', sans-serif;	font-size:11px;	font-weight:400;		}
		
		.contenido_obra { width:400px; min-height:400px;  float:left; padding:15px; }
   
   
.prensa {width:200px; min-height:800px;  float:left; padding:15px; }

   /* fin menu obra*/
		
		.pie_home { width: 600px; float:left; margin-top:-20px; }
   
	.pie_bio { width: 600px; float:left; }
	
		
	}
	
	@media screen and (max-width: 420px) {
	header {width: 100%; height:auto; }
	header li a	{ font-size:14px; }
		
	nav{ height:auto; } 
	nav ul {  width: 100%; display: inline; height: auto; }  
    
	nav ul li a { font-size:13px; }
	.solo_granate_menu{ font-size:13px; color: #80002D;}
	#image-fb { width: 50%; height: 50%;  }
	#image-tw { width: 50%; height: 50%; }
	
	.ver { display:inline;}
	
	
	img {max-width: 100%;  height: auto; margin: auto; padding: auto!important; }
		
.home { float: left;  height: 80%;   width: 80%;   margin-left: 20px;    margin-top: 15px; }		
	
		.destacado_home { float: left;  height: 80%;   width: 80%;   margin-left: 30px;    margin-top: 15px; }
		
		.content{
		    max-width: 400px;
		    margin: auto;
			padding: 0px;
			
			}
		
		
		.bloque { width: 350px; float:left; padding: 5px 5px 5px 5px;}
		

	.bloque_izq { width: 300px; float:left;}
	.bloque_der { width: 320px; float:left; padding: 10px 10px 5px 10px; }
		
		.bloque_der ul {display: list-item; list-style-type: circle  }
		.bloque_der li {display: list-item; list-style-type: circle  }
	.bloque_der2 { width: 320px; float:left; padding: 10px 10px 10px 10px; }
	
	
		
	h1 { font-size: 24px;  float: left; width: 300px;  padding:5px 0px 5px 0px;  color: #ff0059; opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid-DXImageTransform.Microsoft.Alpha(Opacity=70)";  }
		
	.titulo_ficha h1 { font-size: 14px;  float: left; width: 350px;  padding:15px 10px 15px 15px;  color: #ff0059; opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid-DXImageTransform.Microsoft.Alpha(Opacity=70)";  }
		
	.prensa{width:200px; min-height: 400px; float:left; padding:15px; }
		
	.menu_obra ul {	width: 340px; margin: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffdfdf;
	font-family: 'Raleway', sans-serif; font-size:12px; font-weight:400;}
	
	.menu_obra li {  line-height: 20px; display: inline-block; margin-left: 10px; margin-right: 10px; }
		
	.menu_obra li a { text-decoration: none; color: #cc9999; }
	
	.obra{width:220px; height: auto; float:left; padding:15px; }
		
		
 /* menu obra*/
	
	.contenido { width: 300px; height: 200px; position: absolute; top: 0; left: 0;}
    
	.vista { width: 200px; height: 338px; margin: 10px; float: left; border: 10px solid #fff;  position: relative;  text-align: center; box-shadow: 1px 1px 2px #e6e6e6; }
	
   .vista .mascara, .vista .contenido { width: 200px; height: 500px; position: absolute;  top: 0; left: 0; display: none; }
   .vista img { position: relative;}
   .vista img a  { display: block; z-index:3; }
   .vista h2 { display: none; }
   .vista p { display: none;  } 


   /* fin menu obra*/
   
    .contenido_obra { width:360px; min-height:400px;  float:left; padding:15px; }
	
	
	p{ margin: 0px 5px 10px 5px; text-align: left;}
	
	footer {float:left;}
	
	.pie_bio { width: 320px; float:left; }
	.pie_home { width: 600px; float:left; margin-top:-70px; }
	
	
	}