/************************************************************************************
1024  
******************************************************************/
@media screen and (min-width:1024px){
      #menu_short{display: none;}
     
}
/************************************************************************************
SMALLER THAN 980
*************************************************************************************/
@media screen and (max-width: 980px) {

		#pagewrap {width: 96%; height:auto; border:solid 6px rgb(0,114,173)}   
		#menu_short {display:none} 
		#up{ width:100% ; height:auto}
		#up_1 img{ margin:0 auto; width:100%; height:auto;  }
		#up_2 {display:none}  
		
		#menu  {width:100%;  }  
		/*#menu .dropmenu {width:100%; }
		#menu .dropmenu li a{ width:12.3%; }	*/		
		#media_la_notaria, #media_servicios, #media_el_notario,	#media_clientes, #media_contacto{ height:auto }
		#media_avance{width:98% ;height:auto;  }			
		#media_texto{margin: 0 auto; width:98% ; height: auto; float:none; padding:10px 0 15px;}
		#media_texto_servs{  margin: 0 auto;  width:64% ; height: auto; float:none; padding:10px 70px 10px; overflow:visible; }	
		#media_texto_notario{margin: 0 auto;  width:84% ; height: auto; float:none; padding:10px 10px 10px; overflow:visible;}	
		#media_texto_contacto{margin: 0 auto; width:70% ; height: auto; float:none; padding:10px 0 15px; border: }
		#media_ubicacion{ margin: 0px auto 0 auto;	width:100%;	height:371px; }
		iframe{width:100%; } 
		#me dia_aviso{ margin:0 auto; width:82%;height:auto ; }
		#media_titulo{ margin: -2px auto 5px;	width:90%;	height:auto ; z-index:99 }
		#footer{  width:auto; height:200px;padding-bottom:10px}
		#footer_left{ width:99%; height:auto;float:none;		 }
		#footer_center{ width:99%; height:auto;float:none;		 }
		#footer_right{ width:99%; height:auto;padding:0; float:none;		 }
		
}

/************************************************************************************
SMALLER THAN 650
*************************************************************************************/
@media screen and (max-width: 650px) {
		#pagewrap {width: 96%; height:100%; border:0px }  
		#up{ width:100% ; height:auto; }
		#up_1{display:none;}
		#up_2 {display:block; /*margin: 0 7%; width:86%; height:auto; border-bottom:solid rgb(224,233,240) 1px;*/}
		#up_2 img{width:100%; height:auto; margin:0 auto;  min-height:123px; max-height:123px;}
		#menu {display:none}  	
		#menu_short {display:block; width:50%} 		
		#footer{ width: 100% ;  height:auto;padding-bottom:20px}
		.slider_container{ padding:0 0 0 0; }
		#media_texto_servs{margin: 0 auto; width:74% ; height: auto; float:none; padding:10px 10px 10px; overflow:visible; }	
		#media_texto_contacto{margin: 0 auto; width:95% ; height: auto; float:none; padding:10px 0 15px;  }

/************************************************************************************
SMALLER THAN 480
*************************************************************************************/

@media screen and (max-width: 480px) {
		#pagewrap {width: 98%; height:100%; border:0px }  
		
		#up_1,#up_2 {display:none;}
		#up_3 {display:block;}
		#up_3 img{width:100%; height:auto; margin:0 auto;  min-height:123px; max-height:123px;}
		
		#menu {display:none} 		
		#menu_short {display:block; width:100%}  
		
		
		#me dia_anima  #slider img{width:50%; height:auto; margin:0 auto;  mi n-height:123px; m  ax-height:123px;}
		#media_texto{border:none}
		#me dia_anima img{width:100%; height:auto; margin:0 auto;  mi n-height:123px; m  ax-height:123px;}
						
		#media_texto{text-align:left}
		#media_texto form textarea, 
		#media_texto form input{width:95%}
		#media_texto ul{ padding-left: 15px; }
		#t1 {width:90%; height:auto;}
		.slider_container{ padding:0 0 0 0; }	
		#media_texto_servs{   margin: 0 auto; width:84% ; height: auto; float:none; padding:10px 10px 10px; overflow:visible;}	
		#media_texto_contacto{margin: 0 auto; width:95% ; height: auto; float:none; padding:10px 0 15px;  }
}

/************************************************************************************
SMALLER THAN 320
*************************************************************************************/

@media screen and (max-width: 320px) {
		#pagewrap {width: 100%; height:100%; border:0px }  
		
		#up_1,#up_2,#up_3 {display:none;}
		#up_4 {display:block;/*width:100%; height:auto;background:#97622B;*/}
		#up_4 img{width:100%; height:auto; margin:0 auto;  min-height:100px; max-height:108px;}
		#t1 {width:100%; height:auto;}
		#me dia_anima  #slider img{width:50%; height:auto; margin:0 auto;  mi n-height:123px; m  ax-height:123px;}
		#me dia_anima img{width:100%; height:auto; margin:0 auto;  mi n-height:123px; m  ax-height:123px;}