/* ******************************************************************************** */
/*                                  16-I-06                                         */
/* LO SIGUIENTE ES UNA COLECCION DE CLASES COMUNES EN LA MAKETACION DE PORTALES WEB */
/* PARA CUALQUIER DUDA, PREGUNTAR POR: TOMAS GARCIA ;)                              */
/* ******************************************************************************** */




/* ********************************** A N C H O S ************************************* */

.ancho100 {width: 100%;}
.ancho95 {width: 95%;}
.ancho90 {width: 90%;}
.ancho50 {width: 50%;}
.ancho33 {width: 32%;}
.ancho25 {width: 25%;}

/* ==================================================================================== */


/* ********************************** R A T O N ************************************* */
.mano{cursor: pointer;}


/* ================================================================================== */









/* ******************************** C A P A S *************************************** */

.pie_bloq {
	clear: both;
	font-size: 1px;
}

/* EVITA QUE SE DEJE UNA LINEA BLANCA DE UN PIXEL (no funciona siempre) */
.rellena {
	clear: both;
	font-size: 0px;
	/display: none;	
}

.flota_izq {float: left;}
.flota_drc {float: right;}

/* ================================================================================== */









/* ***********************************  M A R G E N E S ***************************** */
.margen_sup5px{margin-top: 5px;}
.margen_sup10px{margin-top: 10px;}
.margen_sup15px{margin-top: 15px;}
.margen_sup20px{margin-top: 20px;}

.menos_margen_sup10px{/margin-top: -10px}
.menos_margen_sup12px{/margin-top: -12px}
.menos_margen_sup15px{/margin-top: -15px}
.menos_margen_sup30px{/margin-top: -30px}

.margen_drc5px{margin-right: 5px;}
.margen_drc10px{margin-right: 10px;}
.margen_drc15px{margin-right: 15px;}
.margen_drc20px{margin-right: 20px;}

.margen_inf5px{margin-bottom: 5px;}
.margen_inf10px{margin-bottom: 10px;}
.margen_inf15px{margin-bottom: 15px;}
.margen_inf20px{margin-bottom: 20px;}

.margen_izq5px{margin-left: 5px;}
.margen_izq10px{margin-left: 10px;}
.margen_izq15px{margin-left: 15px;}
.margen_izq20px{margin-left: 20px;}
.margen_izq75px{margin-left: 75px;}
/* ================================================================================= */


/* ******************************************* P A D D I N G S ***************************** */

.padding_sup5px{padding-top: 5px;}
.padding_sup10px{padding-top: 10px;}
.padding_sup15px{padding-top: 15px;}
.padding_sup20px{padding-top: 20px;}

.padding_drc5px{padding-right: 5px;}
.padding_drc10px{padding-right: 10px;}
.padding_drc15px{padding-right: 15px;}
.padding_drc20px{padding-right: 20px;}

.padding_inf5px{padding-bottom: 5px;}
.padding_inf10px{padding-bottom: 10px;}
.padding_inf15px{padding-bottom: 15px;}
.padding_inf20px{padding-bottom: 20px;}

.padding_izq5px{padding-left: 5px;}
.padding_izq10px{padding-left: 10px;}
.padding_izq15px{padding-left: 15px;}
.padding_izq20px{padding-left: 20px;}

/* ========================================================================================== */







/* ****************************************** F U E N T E S ********************************** */


/* ====================== EFECTOS ====================== */

.negrita, .negrita:link, .negrita:visited {font-weight: bold;}
.subrayado, .subrayado:link, .subrayado:visited {text-decoration: underline;}
.mayuscula{ text-transform: uppercase;}

/*======================= COLORES =========================*/
.fuente_negra, .fuente_negra:link, .fuente_negra:visited {color: Black;}
.fuente_blanca, .fuente_blanca:link, .fuente_blanca:visited {color: White;}
.fuente_gris, .fuente_gris:link, .fuente_gris:visited {color: #6B5F67}
.fuente_roja, .fuente_roja:link, .fuente_roja:visited {color: red;}

/* ======================================================================================== */








/* ************************************** I M A G E N E S ********************************* */

.sin_borde{border: none;}

/* ========================================================================================= */









/* ************************************** E N L A C E S ************************************ */

.sin_decorar{text-decoration: none;}
.enlace_seco {
	text-decoration: none;
	color: Black;
}

/* =========================================================================================== */






/* ************************************ POSICIONAMIENTO TEXTO *************************** */
.centrado {text-align: center;}
.texto_izq {text-align: left;}
.texto_drc {text-align: right;}
.justificado {text-align: justify;}
.indentado {text-indent: 15px;}
/* ==================================================================================== */