@charset "utf-8";
/*****************************************************
	- Autor: Marcos Iglesias
	- Fecha: 23-12-2009	
	- Referencias:	
	- Proyecto: Alfa9 - Radio Gladys Palmera 
	- Función: Definición de Clases Globales
*****************************************************/


/*	Clearing Help	*/

	.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%; }
	/* End hide from IE-mac */	

/*	CSS Buttons Framework	*/	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	BUTTON DEFINITION CLASS */

	button.cssbutton {border:0; text-align:center; padding:0; margin:0; cursor:pointer;}
	button.cssbutton span {font:bold 12px/23px Verdana; color:#666; display:block; cursor:pointer; position:relative; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	LINK DEFINITION CLASS */
	
	a.cssbutton {border:0;float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none;}
	a.cssbutton span {font:bold 12px/23px Verdana; color:#666; display:block; float: left; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	INPUT DEFINITION CLASS */
	
	div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}
	div.cssbutton input {border:0; font:bold 12px/15px Verdana; color:#666; display:block; cursor:pointer; float:left; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	PAGINACION CLASS */
.pagination-page-buttons{ float: left; display: inline; margin:0 9px;}
			.pagination-page-buttons li{ float: left; display: inline; height: 19px; width: 19px; margin: 0 1.5px;}
				.pagination-page-buttons .back-page-button,.first-page-button{ margin-right: 10.5px;}
					.first-page-button a{ background: url(../../images/news-sprite.png) no-repeat 0 -172px; padding: 9.5px; display: block;}
					.back-page-button a{ background: url(../../images/news-sprite.png) no-repeat 0 -105px; padding: 9.5px; display: block;}
				.pagination-page-buttons .forward-page-button,.lastd-page-button{ margin-left: 10.5px;}
					.forward-page-button a{ background: url(../../images/news-sprite.png) no-repeat 0 -127px; padding: 9.5px; display: block;}
					.last-page-button a{ background: url(../../images/news-sprite.png) no-repeat 0 -194px; padding: 9.5px; display: block;}
			.pagination-page{ padding:4.5px 0; text-align:center; text-decoration:none; background-color: #d6d9d6; color: #4b4b4b; display: block;}
				.active-page{ background: url(../../images/news-sprite.png) no-repeat 0 -148px;	color: #fff; }
/*	PAGINACION CLASS .tmp */
.tmp .pagination-page-buttons{ float: left; display: inline; margin:0 9px;}
			.tmp .pagination-page-buttons li{ float: left; display: inline; height: 19px; width: 19px; margin: 0 1.5px;}
				.tmp .pagination-page-buttons .back-page-button,.first-page-button{ margin-right: 5.5px;}
					.tmp .first-page-button a{ background: url(../../images/news-sprite.png) no-repeat 0 -172px; padding: 9.5px; display: block;}
					.tmp .back-page-button a{ background: url(/images/news-sprite.png) no-repeat 0 -105px; padding: 9.5px; display: block;}
				.tmp .pagination-page-buttons .forward-page-button,.lastd-page-button{ margin-left: 5.5px;}
					.tmp .forward-page-button a{ background: url(/images/news-sprite.png) no-repeat 0 -127px; padding: 9.5px; display: block;}
					.tmp .last-page-button a{ background: url(../../images/news-sprite.png) no-repeat 0 -194px; padding: 9.5px; display: block;}
			.tmp .pagination-page{ padding:4.5px 0; text-align:center; text-decoration:none; background-color: #d6d9d6; color: #4b4b4b; display: block;}
				.tmp .active-page{ background: url(/images/news-sprite.png) no-repeat 0 -148px;	color: #fff; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	Lista de acciones */			
.tmp ul.accion-caliente li, ul.accion-caliente li {
	display:inline;
	float:left;
	margin-right:6px;
}	

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	Formularios */
	.tmp .form{ font-size:11px;}
	/*.tmp .form .hd .estilo-h6{ background-color:#e3e5e3; color:#5e5e5e; height:29px; margin:0px 0px 1px 0px; overflow:hidden; line-height:27px; padding:0px 0px 0px 15px;}*/
	.tmp .form .estilo-h6{ background-color:#e3e5e3; color:#5e5e5e; height:29px; margin:0px 0px 1px 0px; overflow:hidden; line-height:27px; padding:0px 0px 0px 15px; font-size:12px;}
	.tmp .form .row{ clear:both; display:block; overflow:hidden; padding-bottom:9px;}
		
		.tmp .form .background{ clear:both;background-color:#e3e5e3; margin-bottom:1px;}
		
		.tmp .form input[type="text"],
		.tmp .form select,
		.tmp .form textarea{float:left;font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;padding:1px; border:1px solid #a5acb2;}
		.tmp .form input[type="checkbox"]{float:left;font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;padding:1px;}
		
		.tmp .form .check{position:relative; top:-5px;}
		.tmp .form .checkLabel{font-size:11px;}
		.tmp .form  label{ color:#5e5e5e; font-size:12px;}
