/*Listado de eventos desde AvaiBook Sports*/

#filtro{
		border:2px solid #FBAD59;
		border-radius:4px;
		font-size:18px;
		margin: 25px auto 35px auto; 
		padding: 10px; 
		position:static;
	}
	#filtro #legend{
			font-weight:bold;
			font-size:16px;
			padding:10px;
		}
	
	#filtro div.campo{float:left;width:25%;margin:10px auto;}
	#filtro div.campo:nth-of-type(4n+1){clear:left;}
	#filtro div.campo label {float:left;width:100%;font-weight:bold;font-size:14px;}
	#filtro div.campo input,
	#filtro div.campo select {float:left;clear:left;width:80%;margin:4px auto;}
	
	#filtro div.submitButtons {float:left;width:100%;text-align:right;}
	#btnFiltrar{margin-right: 75px;padding: 6px 31px!important;}

#paginacion{ font-size:14px; }

.bggrismuyclaro{background-color:#F0EEE6;padding:10px !important;font-size:14px !important;border-radius:10px;}
.ui-datepicker-trigger{display:none;}
#date_ini, #date_fin, #f_desde, #f_hasta {margin-left:4px !important;width:35% !important;clear:none !important;}

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

.noevents {line-height:22px;text-align: center;font-size:2em;text-transofrm:uppercase;margin:35px auto;background:#FFF;width:100%;padding:10px 0px;}

.info{
		float:left;
		width: 100%; 
		margin: 10px auto;
		font-size: 1.3em;
		border-bottom: 1px solid #FC9;
	}

	.info #containerDescripcion{
		float:left;
		width: 80%;
	}
	
	.info #containerDescripcion .cartel{ padding: 0px; float: left; margin: 1%; width: 22%; height: 235px;position: relative; text-align:center;}
	.info #containerDescripcion .cartel img { width: 95%; height: auto; position: relative;}
	.info #containerDescripcion .cartel img.nologo { margin:10px; width:auto!important;height:70%;}

	.info #containerDescripcion .descripcion{ float:right;width:74%; margin: 1%; }
	.info #containerDescripcion .descripcion div#tituloDescripcion { width:100%;line-height:25px;margin:5px auto;}
	.info #containerDescripcion .descripcion div#comentarioDescripcion { font-size:1.1em; width:100%;margin:5px auto;line-height:25px}
	.info #containerDescripcion .descripcion div#tituloDescripcion .nombre{
			font-size:1.35em;
			color:#579D21;
			font-weight:bold;
			text-shadow:0 1px 0 rgba(0,0,0,.2);
		}
		.info #containerDescripcion .descripcion div#tituloDescripcion .nombre:hover{
			text-decoration:none;
		}
		
	.info #inscripcionEstado{
		float:left;
		width:20%;
		}
		.info #inscripcionEstado .estadoInscripcion{
			float:left;font-weight:bold;margin:15px auto;font-size:1em;width:100%;
			}
			.info #inscripcionEstado .estadoInscripcion.abierto{color:#579D21;}
			.info #inscripcionEstado .estadoInscripcion.cerrado{color:#DD4B39;}
			
		.info #inscripcionEstado .inscripcion_button {
			background: #45942b;
			background: -webkit-gradient(linear, left top, left bottom, from(#45942b), to(#8CD673));
			background: -webkit-linear-gradient(top, #45942b, #8CD673);
			background: -moz-linear-gradient(top, #45942b, #8CD673);
			background: -ms-linear-gradient(top, #45942b, #8CD673);
			background: -o-linear-gradient(top, #45942b, #8CD673);
			float:left;
			padding: 15px 0px;
			width:100%;
			box-shadow: 0px 2px 2px 0px #CCC;
			text-shadow: rgba(0,0,0,.4) 0 1px 0;
			color: #ffffff;
			font-size: 1.2em;
			text-transform:uppercase;
			text-decoration: none;
			margin:15px auto;
			}
			.info #inscripcionEstado .inscripcion_button:hover {
			   border-top-color: #45942b;
			   background: #45942b;
			   color: #ffffff;
			   text-decoration:none;
			   }
			.info #inscripcionEstado .inscripcion_button:active {
			   border-top-color: #1b5c27;
			   background: #1b5c27;
			   text-decoration:none;
			   }
			   
  
		.info #inscripcionEstado .informacion_button {
			background: #edbc6d;
			background: -webkit-gradient(linear, left top, left bottom, from(#e69f12), to(#edbc6d));
			background: -webkit-linear-gradient(top, #e69f12, #edbc6d);
			background: -moz-linear-gradient(top, #e69f12, #edbc6d);
			background: -ms-linear-gradient(top, #e69f12, #edbc6d);
			background: -o-linear-gradient(top, #e69f12, #edbc6d);
			float:left;
			padding: 15px 0px;
			width:100%;
			box-shadow: 0px 2px 2px 0px #CCC;
			text-shadow: rgba(0,0,0,.4) 0 1px 0;
			color: #ffffff;
			font-size: 1.2em;
			text-transform:uppercase;
			text-decoration: none;
			margin:15px auto;
			}
			.informacion_button:hover {
			   border-top-color: #edbc6d;
			   background: #D39651;
			   color: #ffffff;
			   text-decoration:none;
			   }
			.informacion_button:active {
			   border-top-color: #edbc6d;
			   background: #D39651;
			   text-decoration:none;
			   }

@media (max-width: 720px) {
	
	#filtro div.campo {width:100%;}
	#filtro div.submitButtons {text-align:center!important;}
	#filtro div.submitButtons input {margin:5px auto;width:95%;}
	
	#containerDescripcion{ width: 100% !important; }
	
	.info #containerDescripcion .cartel{ padding: 0px; text-align:center; float: left; margin: 1% auto; width: 98%; height: auto !important; position: relative; /*overflow: hidden;*/}
	.info #containerDescripcion .cartel img { width: 50% !important; height: auto !important; }
	
	.info #containerDescripcion .descripcion {float:left;width:98%!important;}
	.info #containerDescripcion .descripcion div#tituloDescripcion .nombre{ font-size:1.3em; }

	#inscripcionEstado{
			width:100% !important;
			float:left;
			margin:15px auto;
		}
		#inscripcionEstado a{
			width: 93%;
			float: left !important;
			margin-bottom: 5px !important;
			margin-top: 4px !important;
		}
		#inscripcionEstado div:first-child{
			float: none !important;
			margin-top: 0px !important; 
			width: 100% !important;
		}

		#tituloDescripcion{
			width:100% !important;
		}

		#comentarioDescripcion{
			width: 100% !important;
		}
}