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




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

.ancho100 {width: 100%;}
.ancho99 {width: 99%;}
.ancho95 {width: 95%;}
.ancho90 {width: 90%;}
.ancho85 {width: 85%;}
.ancho80 {width: 80%;}
.ancho75 {width: 75%;}
.ancho70 {width: 70%;}
.ancho63 {width: 63%;}
.ancho60 {width: 60%;}
.ancho59 {width: 59%;}
.ancho58 {width: 58%;}
.ancho50 {width: 50%;}
.ancho48 {width: 48%;}
.ancho47 {width: 47%;}
.ancho45 {width: 45%;}
.ancho40 {width: 40%;}
.ancho39 {width: 39%;}
.ancho35 {width: 35%;}
.ancho33 {width: 32%;}
.ancho30 {width: 30%;}
.ancho25 {width: 25%;}
.ancho24 {width: 24%;}
.ancho20 {width: 19%;}

.alto60px { height: 60px; }

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







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

.pie_bloq {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* 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;}
.oculto {display: none;}
.en_linea {display: inline;} /* evita que IE duplique los margenes */
/* ================================================================================== */

@media (max-width: 767px) {
	.flota_izq {float: none;}
	.flota_drc {float: none;}
}



/* ***********************************  M A R G E N E S ***************************** */
#supercontenedor .margen_sup0px{margin-top: 0px;}
#supercontenedor .margen_sup3px{margin-top: 3px;}
#supercontenedor .margen_sup5px{margin-top: 5px;}
#supercontenedor .margen_sup8px{margin-top: 8px;}
#supercontenedor .margen_sup10px{margin-top: 10px;}
#supercontenedor .margen_sup15px{margin-top: 15px;}
#supercontenedor .margen_sup20px{margin-top: 20px;}
#supercontenedor .margen_sup30px{margin-top: 30px;}
#supercontenedor .margen_sup40px{margin-top: 40px;}


#supercontenedor .margen_drc0px{margin-right: 0px;}
#supercontenedor .margen_drc5px{margin-right: 5px;}
#supercontenedor .margen_drc10px{margin-right: 10px;}
#supercontenedor .margen_drc15px{margin-right: 15px;}
#supercontenedor .margen_drc20px{margin-right: 20px;}
#supercontenedor .margen_drc23px{margin-right: 23px !important;}
#supercontenedor .margen_drc30px{margin-right: 30px;}
#supercontenedor .margen_drc50px{margin-right: 50px;}

#supercontenedor .margen_inf0px{margin-bottom: 0px;}
#supercontenedor .margen_inf3px{margin-bottom: 3px;}
#supercontenedor .margen_inf5px{margin-bottom: 5px;}
#supercontenedor .margen_inf10px{margin-bottom: 10px;}
#supercontenedor .margen_inf13px{margin-bottom: 13px;}
#supercontenedor .margen_inf15px{margin-bottom: 15px;}
#supercontenedor .margen_inf20px{margin-bottom: 20px;}

#supercontenedor .margen_izq0px{margin-left: 0px;}
#supercontenedor .margen_izq3px{margin-left: 3px;}
#supercontenedor .margen_izq5px{margin-left: 5px;}
#supercontenedor .margen_izq10px{margin-left: 10px;}
#supercontenedor .margen_izq15px{margin-left: 15px;}
#supercontenedor .margen_izq20px{margin-left: 20px;}
#supercontenedor .margen_izq25px{margin-left: 25px;}
#supercontenedor .margen_izq30px{margin-left: 30px;}
#supercontenedor .margen_izq40px{margin-left: 40px;}
#supercontenedor .margen_izq150px{margin-left: 150px;}
/* ================================================================================= */


/* ******************************************* 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_drc50px{padding-right: 50px;}

.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;}
.padding_izq50px{padding-left: 50px;}

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







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


/* ====================== EFECTOS ====================== */
.serif {font-family: serif;}
.negrita, .negrita:link, .negrita:visited {font-weight: bold;}
.subrayado, .subrayado:link, .subrayado:visited {text-decoration: underline;}

/*======================= COLORES =========================*/
.fuente_negra, .fuente_negra:link, .fuente_negra:visited, .fuente_negra:hover {color: Black;}
.fuente_blanca, .fuente_blanca:link, .fuente_blanca:visited, .fuente_blanca:hover {color: White;}
.fuente_roja, .fuente_roja:link, .fuente_roja:visited, .fuente_roja:hover {color: red;}
.fuente_gris, .fuente_gris:link, .fuente_gris:visited, .fuente_gris:hover {color: silver;}
.fuente_vino, .fuente_vino:link, .fuente_vino:visited, .fuente_vino:hover {color: #b0113a;}

/*====================== TAMAÑOS ========================= */
.tam0{font-size: 0}
.fuente08{font-size: 0.8em;}
.fuente085{font-size: 0.85em;}
.fuente09{font-size: 0.9em;}
.fuente1{font-size: 1em;}
.tam1 {font-size: 1.1em;}
.tam2 {font-size: 1.2em;}
.tam3 {font-size: 1.3em;}
.tam4 {font-size: 1.4em;}
.tam5 {font-size: 1.5em;}
.tam6 {font-size: 1.6em;}
.tam7 {font-size: 1.7em;}
.tam8 {font-size: 1.8em;}
.tam9 {font-size: 1.9em;}


/*======================== TAMA�O LINEA ====================== */
.tam_linea1 {line-height: 1.1em;}
.tam_linea2 {line-height: 1.2em;}
.tam_linea3 {line-height: 1.3em;}
.tam_linea4 {line-height: 1.4em;}
.tam_linea5 {line-height: 1.5em;}
.tam_linea6 {line-height: 1.6em;}
.tam_linea7 {line-height: 1.7em;}
.tam_linea8 {line-height: 1.8em;}
.tam_linea9 {line-height: 1.9em;}

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








/* ************************************** 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;}
.sangrado {text-indent: 30px;}
/* ==================================================================================== */

.alinea_mitad *{vertical-align: middle;}
.alinea_abajo *{vertical-align: bottom;}


/* ************************************* TIPOS DE LETRA ******************************** */

.fuenteGeorgia {
	font-family: Georgia;
}