h1,.th1{font-size:2.0em; colorX:#FC0;}
	h2,.th2{font-size:1.2em; colorX:#FC0;}
	h3,.th3{font-size:1.6em; colorX:#FC0;}
	h4,.th4{font-size:1.4em; colorX:#FC0;}
	h5,.th5{font-size:1.2em; colorX:#FC0;}

	.tbody,body,.btn,.form-control,.form_label{font-size:0.8rem; colorX:#FC0;}
	.txt,#Ttable{font-size:0.8rem; colorX:#FC0;}

	.right{text-align:right;}


/* ************************* PC o MOVIL **************************************** */

/*      en gPagina hay una funcion es_movil() que utiliza la misma media-query          */

.show_pc,.show_mo{ visibility: hidden; display:none; colorX:#F0F;}

@media screen and (max-width:18.54cm) AND (max-height:18.54cm){ /* ******* MOVIL ****** */
	.show_mo{ visibility: visible; display:block; }
	.hidden_mo{ visibility: hidden; display:none; }
	}
@media screen and (min-width:18.54cm),(min-height:18.54cm){ /* ******* PC o TABLET ****** */
	.show_pc{ visibility: visible; display:block; }
	.hidden_pc{ visibility: hidden; display:none; }
	}

/* ***************************************************************************** */

/* ***************************************************************************** */


@media screen and (min-width:361px){
	.tbody,body,.btn,.form-control,.form_label{font-size:0.8rem; colorX:#0CF;}
	.txt,#Ttable{font-size:0.8rem; colorX:#FC0;}

	}

@media screen and (min-width:541px){
	.tbody,body,.btn,.form-control,.form_label{font-size:0.8rem; colorX:#FC0;}
	.txt,#Ttable{font-size:0.8rem; colorX:#FC0;}

	}

@media screen and (min-width:769px){
	.tbody,body,.btn,.form-control,.form_label{font-size:0.85rem; colorX:#0CF;}
	.txt,#Ttable{font-size:0.85rem; colorX:#FC0;}

	}

@media screen and (min-width:1025px){
	.tbody,body,.btn,.form-control,.form_label{font-size:0.9rem; colorX:#CCC;}
	.txt,#Ttable{font-size:0.9rem; colorX:#FC0;}

	}



/* ************************************************ */
/* 		HORIZONTALES 								*/
/* 		col-h-1 	1:1 -> 4:3 						*/
/* 		col-hx-1 	-> 16:10 						*/
/* 		col-hxx-1 	-> 16:9 						*/

/* 		VERTICALES 									*/
/* 		col-v-1 	1:1 -> 3:4 						*/
/* 		col-vx-1 	-> 10:16 						*/
/* 		col-vxx-1 	-> 9:16 						*/
/* ************************************************ */

* {
    box-sizing: border-box;
}

.container{
	overflowX:hidden;
	position: relative;
	
	padding-right: 1vw;
	padding-left: 1vw;
	
	/* border:solid 1px #F00;*/
	}

.row{
	margin-left: -1vw;
	margin-right: -1vw;
	}



.col-v-1, .col-h-1, .col-hx-1, .col-hxx-1, .col-vx-1, .col-vxx-1,
.col-v-2, .col-h-2, .col-hx-2, .col-hxx-2, .col-vx-2, .col-vxx-2,
.col-v-3, .col-h-3, .col-hx-3, .col-hxx-3, .col-vx-3, .col-vxx-3,
.col-v-4, .col-h-4, .col-hx-4, .col-hxx-4, .col-vx-4, .col-vxx-4,
.col-v-5, .col-h-5, .col-hx-5, .col-hxx-5, .col-vx-5, .col-vxx-5,
.col-v-6, .col-h-6, .col-hx-6, .col-hxx-6, .col-vx-6, .col-vxx-6,
.col-v-7, .col-h-7, .col-hx-7, .col-hxx-7, .col-vx-7, .col-vxx-7,
.col-v-8, .col-h-8, .col-hx-8, .col-hxx-8, .col-vx-8, .col-vxx-8,
.col-v-9, .col-h-9, .col-hx-9, .col-hxx-9, .col-vx-9, .col-vxx-9,
.col-v-10, .col-h-10, .col-hx-10, .col-hxx-10, .col-vx-10, .col-vxx-10,
.col-v-11, .col-h-11, .col-hx-11, .col-hxx-11, .col-vx-11, .col-vxx-11,
.col-v-12, .col-h-12, .col-hx-12, .col-hxx-12, .col-vx-12, .col-vxx-12{
    position: relative;
    min-height: 1px; 
	padding-left: 1vw;
	padding-right: 1vw;
	float: left;
}

.no-padding{    padding-right: 0px; padding-left: 0px;}
.hidden{visibility: hidden; display:none;}
.show_h,.show_hx,.show_hxx,.show_v,.show_vx,.show_vxx{ visibility: hidden; display:none; colorX:#F0F;}





@media only screen and (min-aspect-ratio: 1/1){
	.Xcontenedor{background-color:#0F3;}
	.show_h{ visibility: visible; display:block; }
	
	.hidden_h{ visibility: hidden; display:none; }
	.col-h-1{width: 8.33333%; }
	.col-h-2{width: 16.6667%; }
	.col-h-3{width: 25%; }
	.col-h-4{width: 33.3333%; }
	.col-h-5{width: 41.666%; }
	.col-h-6{width: 50%;}
	.col-h-7{width: 58.3333%; }
	.col-h-8{width: 66.6667%; }
	.col-h-9{width: 75%; }
	.col-h-10{width: 83.3333%; }
	.col-h-11{width: 91.6667%; }
	.col-h-12{width: 100%; }
	
	.col-h-cuadrado-1,.col-h-cuadrado-2,.col-h-cuadrado-3,.col-h-cuadrado-4,.col-h-cuadrado-5,.col-h-cuadrado-6,
	.col-h-cuadrado-7,.col-h-cuadrado-8,.col-h-cuadrado-9,.col-h-cuadrado-10,.col-h-cuadrado-11,.col-h-cuadrado-12{
		padding-left: 0px; padding-right: 0px; min-height: 0px; box-sizing: content-box;
		}
	
	.col-h-cuadrado-1{padding-bottom: 8.33333%; }
	.col-h-cuadrado-2{padding-bottom: 16.6667%; }
	.col-h-cuadrado-3{padding-bottom: 25%;}
	.col-h-cuadrado-4{padding-bottom: 33.3333%; }
	.col-h-cuadrado-5{padding-bottom: 41.666%; }
	.col-h-cuadrado-6{padding-bottom: 50%;}
	.col-h-cuadrado-7{padding-bottom: 58.3333%; }
	.col-h-cuadrado-8{padding-bottom: 66.6667%; }
	.col-h-cuadrado-9{padding-bottom: 75%; }
	.col-h-cuadrado-10{padding-bottom: 83.3333%; }
	.col-h-cuadrado-11{padding-bottom: 91.6667%; }
	.col-h-cuadrado-12{padding-bottom: 100%; }
	
	}


@media only screen and (min-aspect-ratio: 15/10) {
	.Xcontenedor{background-color:#F39;}
	.show_hx{ visibility: visible; display:block; }
	.hidden_hx{ visibility: hidden; display:none; }
	
	.col-hx-1{width: 8.33333%; }
	.col-hx-2{width: 16.6667%; }
	.col-hx-3{width: 25%; }
	.col-hx-4{width: 33.3333%; }
	.col-hx-5{width: 41.666%; }
	.col-hx-6{width: 50%; }
	.col-hx-7{width: 58.3333%; }
	.col-hx-8{width: 66.6667%; }
	.col-hx-9{width: 75%; }
	.col-hx-10{width: 83.3333%; }
	.col-hx-11{width: 91.6667%; }
	.col-hx-12{width: 100%; }
	
	
	}

@media only screen and (min-aspect-ratio: 15/9) {
	.Xcontenedor{background-color:#CCC;}
	.show_hxx{ visibility: visible; display:block; }
	.hidden_hxx{ visibility: hidden; display:none; }
	
	.col-hxx-1{width: 8.33333%; }
	.col-hxx-2{width: 16.6667%; }
	.col-hxx-3{width: 25%; }
	.col-hxx-4{width: 33.3333%; }
	.col-hxx-5{width: 41.666%; }
	.col-hxx-6{width: 50%; }
	.col-hxx-7{width: 58.3333%; }
	.col-hxx-8{width: 66.6667%; }
	.col-hxx-9{width: 75%; }
	.col-hxx-10{width: 83.3333%; }
	.col-hxx-11{width: 91.6667%; }
	.col-hxx-12{width: 100%; }
	
	
	}


@media only screen and (max-aspect-ratio: 1/1){
	.show_v{ visibility: visible; display:block; }
	.Xcontenedor{background-color:#FF3;}
	.hidden_v{ visibility: hidden; display:none; }
	.col-v-1{width: 8.33333%; }
	.col-v-2{width: 16.6667%; }
	.col-v-3{width: 25%; }
	.col-v-4{width: 33.3333%; }
	.col-v-5{width: 41.666%; }
	.col-v-6{width: 50%; }
	.col-v-7{width: 58.3333%; }
	.col-v-8{width: 66.6667%; }
	.col-v-9{width: 75%; }
	.col-v-10{width: 83.3333%; }
	.col-v-11{width: 91.6667%; }
	.col-v-12{width: 100%; }
	
	.col-v-cuadrado-1,.col-v-cuadrado-2,.col-v-cuadrado-3,.col-v-cuadrado-4,.col-v-cuadrado-5,.col-v-cuadrado-6,
	.col-v-cuadrado-7,.col-v-cuadrado-8,.col-v-cuadrado-9,.col-v-cuadrado-10,.col-v-cuadrado-11,.col-v-cuadrado-12{
		padding-left: 0px; padding-right: 0px; min-height: 0px; box-sizing: content-box;
		}
			
	.col-v-cuadrado-1{padding-bottom: 8.33333%; }
	.col-v-cuadrado-2{padding-bottom: 16.6667%; }
	.col-v-cuadrado-3{padding-bottom: 25%; }
	.col-v-cuadrado-4{padding-bottom: 33.3333%; }
	.col-v-cuadrado-5{padding-bottom: 41.666%; }
	.col-v-cuadrado-6{padding-bottom: 50%;}
	.col-v-cuadrado-7{padding-bottom: 58.3333%; }
	.col-v-cuadrado-8{padding-bottom: 66.6667%; }
	.col-v-cuadrado-9{padding-bottom: 75%; }
	.col-v-cuadrado-10{padding-bottom: 83.3333%; }
	.col-v-cuadrado-11{padding-bottom: 91.6667%; }
	.col-v-cuadrado-12{padding-bottom: 100%; }
}


@media only screen and (max-aspect-ratio: 10/14){
	.Xcontenedor{background-color:#93C;}
	.show_vx{ visibility: visible; display:block; }
	
	.hidden_vx{ visibility: hidden; display:none; }
	.col-vx-1{width: 8.33333%; }
	.col-vx-2{width: 16.6667%; }
	.col-vx-3{width: 25%; }
	.col-vx-4{width: 33.3333%; }
	.col-vx-5{width: 41.666%; }
	.col-vx-6{width: 50%; }
	.col-vx-7{width: 58.3333%; }
	.col-vx-8{width: 66.6667%; }
	.col-vx-9{width: 75%; }
	.col-vx-10{width: 83.3333%; }
	.col-vx-11{width: 91.6667%; }
	.col-vx-12{width: 100%; }
	
	
	}


@media only screen and (max-aspect-ratio: 9/15){
	.Xcontenedor{background-color:#03F;}
	.show_vxx{ visibility: visible; display:block; }
	
	.hidden_vxx{ visibility: hidden; display:none; }
	.col-vxx-1{width: 8.33333%; }
	.col-vxx-2{width: 16.6667%; }
	.col-vxx-3{width: 25%; }
	.col-vxx-4{width: 33.3333%; }
	.col-vxx-5{width: 41.666%; }
	.col-vxx-6{width: 50%; }
	.col-vxx-7{width: 58.3333%; }
	.col-vxx-8{width: 66.6667%; }
	.col-vxx-9{width: 75%; }
	.col-vxx-10{width: 83.3333%; }
	.col-vxx-11{width: 91.6667%; }
	.col-vxx-12{width: 100%; }
	
	
	}






@media only screen and (orientation: landscape) {
.oV{ visibility: hidden; display:none; }
}
@media only screen and (orientation: portrait) {
.oH{ visibility: hidden; display:none;  }
}
.clear{ clear:both; }