/* CSS modificado */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de creacion: 01/02/2013 */  
/* fecha de modificacion: 01/11/2014 */ 

/* =================================================================== 
 * OBJETOS RESPONSIVES
 * ===================================================================*/
/* Objetos DOM */

IMG.responsive{
/*	max-width:100%; */
	height:auto;
	display:block;
	margin-left:auto;
    margin-right:auto;
    width:100%;
}
TABLE.responsive {
	border: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    
  }

/* media query para impresion */
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
 
}
/*media query celulares*/
@media only screen and (max-width: 320px){ 
	html { font-size: 81.25%; } /* 13px */
	.col_1 .col_2 .col_3 .col_4 .col_5 .col_6 .col_7 .col_8 .col_9 .col_10 
	.col_11 .col_12 .col_13 .col_14 .col_15 .col_16 .col_17 .col_18 .col_19 .col_20 
	.col_21 .col_22 .col_23 .col_24 { width: 100%; margin-left:0; }
} 
/*media query celulares anchos*/
@media only screen and (min-width : 321px) and (max-width : 480px) {
	html { font-size: 87.5%;  } /* 14px */
	.col_1 .col_2 .col_3 .col_4 .col_5 .col_6 .col_7 .col_8 .col_8_1 .col_9 .col_10 
	.col_11 .col_12 .col_13 .col_14 .col_15 .col_16 .col_17 .col_18 .col_19 .col_20 
	.col_21 .col_22 .col_23 .col_24 { width: 100%; margin-left:0; }
} 
/*media query celulares anchos iphone 5*/
@media only screen and (min-width : 481px) and (max-width : 568px) {
	html { font-size: 87.5%;  } /* 14px */
	.col_1 .col_2 .col_3 .col_4 .col_5 .col_6 .col_7 .col_8 .col_8_1 .col_9 .col_10 
	.col_11 .col_12 .col_13 .col_14 .col_15 .col_16 .col_17 .col_18 .col_19 .col_20 
	.col_21 .col_22 .col_23 .col_24 { width: 100%; margin-left:0; }
}
/* media query tabletas y mas grandes */
@media only screen and (min-width : 768px)  {
	html { font-size: 100%; }/* 16px */
	.col {margin-left: 0.5%;}
	.col_1 { width: 2.25%; }
	.col_2 { width: 6.5%; }
	.col_3 { width: 10.75%; }
	.col_4 { width: 15.0%; }
	.col_5 { width: 19.25%; }
	.col_6 { width: 23.5%; }
	.col_7 { width: 27.75%;}
	.col_8 { width: 33.0%;}
	.col_8_1 { width: 34.0%;}
	.col_9 { width: 36.25%; }
	.col_10 { width: 40.5%; }
	.col_11 { width: 44.75%;	 }
	.col_12 { width: 49.0%; }
	.col_13 { width: 53.25%; }
	.col_14 { width: 57.5%; }
	.col_15 { width: 61.75%; }
	.col_16 { width: 66.0%; }
	.col_17 { width: 70.25%; }
	.col_18 { width: 74.5%; }
	.col_19 { width: 78.75%; }
	.col_20 { width: 83.0%; }
	.col_21 { width: 87.25%; }
	.col_22 { width: 91.5%; }
	.col_23 { width: 95.75%; }
	.col_24 { width: 100%; margin-left:0; }

}

/*media query computadoras normales*/
@media only screen and (min-width: 960px) { 
	html { font-size: 112.5%; } /* 18px */
}

/*media query laptops*/
@media only screen and (min-width: 1280px) { 
	html { font-size: 112.5%; } /* 18px */	
}
/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- *
@media only screen and (max-width:960px){
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- *
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media only screen and (max-width: 320px){ 
	
}
@media only screen and (min-width : 321px) and (max-width : 480px) {
	
}

@media only screen and (min-width : 481px)  and (max-width : 1024px) {
	
}

@media only screen and (min-width : 769px)  {

}



* 
* 
*/