@charset "utf-8";

/* CSS Document */



.cfdiv_file

{

	margin-top:20px !important;	

}





.maxwidth64

{

	min-width:64px !important;

	max-width:64px !important;

	width:64px !important;

}





.maxwidth20

{

	min-width:20px !important;

	max-width:20px !important;

	width:20px !important;

}



#sbox-window,#sbox-overlay

{

	position:fixed !important;	

}

#sbox-window

{

	top:20px !important;

}

/*TABLAS RESPONSIVE*/
/*Clases de estilos css para tablas responsive*/


.table_responsive
{
	width:100%;
	overflow:hidden;
	display:block;
	padding:0px;
	margin:0px;
	border:solid 1px #999;
}

.table_responsive_row , .table_responsive_header
{
	width:100%;
	overflow:hidden;
	display:block;
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	border:solid 1px #DDD;
}

.table_responsive_header
{
	background-color:#DDD;
	display:block;
}


.table_responsive_column
{
	float:left;
	box-sizing:border-box;
}

.table_responsive_column_head, .table_responsive_column_data
{
	text-align:left;
	padding:10px;
	box-sizing:border-box;
	width:100%;
	font-family:Arial;
	font-size:14px;
	color:#000;
	word-wrap:break-word;
}



.table_responsive_column_head_movil
{
	display:none;
	background-color:#DDD;
	font-weight:bold;
}

.table_responsive_column_data
{
	font-weight:normal;
}



.table_responsive .width100
{
	width:100%;
}


.table_responsive .width50
{
	width:50%;
}


.table_responsive .width33
{
	width:33.3333%;
}


.table_responsive .width25
{
	width:25%;
}

.table_responsive .width20
{
	width:20%;
}

.table_responsive .width16
{
	width:16.6666%;
}

.table_responsive .width14
{
	width:14.2857%;
}

.table_responsive .width12
{
	width:12.5000%;
}

.table_responsive .width11
{
	width:11.1111%;
}

.table_responsive .width10
{
	width:10%;
}

.table_responsive .width9
{
	width:9.0909%;
}

.table_responsive .width8
{
	width:8.3333%;
}

.table_responsive .width7
{
	width:7.6923%;
}

.table_responsive .width5
{
	width:5%;
}

.table_responsive .width4
{
	width:4%;
}




@media only screen and (max-width:700px) {
	
	.table_responsive
	{
		border:none !important
	}
	.table_responsive_column
	{
		width:100% !important;
		background-color:#DDD !important;
		border-bottom: solid #CCC 1px !important;		
	}
	
	.table_responsive_header
	{
		display:none !important;
	}
	
	.table_responsive_column_head_movil, .table_responsive_column_data
	{
		display:block !important;
		float:left !important;
		height:auto !important;
		width:50% !important;
		overflow:auto !important;
	}
	.table_responsive_column_data
	{
		font-weight:normal;
	}
	.table_responsive_row
	{
		margin-bottom:20px !important;
		border:solid 1px #999 !important;
	}
	body
	{
		margin: 0 !important;
	}
}




/*Fin Clases de estilos css para tablas responsive*/



/*1061 en adelante*/

@media screen and (min-width: 1061px) 

{

	.cf_datetime_picker

	{

		display:inline-block !important;

	}

	.novisible

	{

		display:none !important;

		height:0px !important;

		max-height:0px !important;

		visibility:hidden !important;

		margin-bottom:0px !important;	

	}

}





/*1060*/

@media screen and (max-width: 1060px) 

{

	.formasonlinecontainer

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		
		*/
		

		width:100% !important;


		height:auto !important;

	}

	.formasonlineform

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		width:100% !important;

		height:auto !important;

	}

	.cf_datetime_picker

	{

		display:inline-block !important;

	}

	.novisible

	{

		display:none !important;

		height:0px !important;

		max-height:0px !important;

		visibility:hidden !important;

		margin-bottom:0px !important;	

	}

}







/*1024*/

@media screen and (max-width: 1024px) 

{

	.formasonlinecontainer

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		width:100% !important;


		height:auto !important;

	}

	.formasonlineform

	{

		width:100% !important;

		height:auto !important;

	}

	.cf_datetime_picker

	{

		display:inline-block !important;

	}

	.novisible

	{

		display:none !important;

		height:0px !important;

		max-height:0px !important;

		visibility:hidden !important;

		margin-bottom:0px !important;	

	}

}







/*900*/

@media screen and (max-width: 900px) 

{

	.formasonlinecontainer

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;


		height:auto !important;

	}

	.formasonlineform

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:auto !important;

	}

	.ccms_form_element input[type=button],.ccms_form_element input[type=submit],.ccms_form_element input[type=button]:hover,.ccms_form_element input[type=submit]:hover,.action_nemo,.formasonlinecontainer table th, .formasonlinecontainer table th a, .formasonlinecontainer table td, .formasonlinecontainer table td a, .formasonlinecontainer table td strong, .formasonlinecontainer table td a strong, .formasonlinecontainer table td span, .formasonlinecontainer table td a span,.formasonlinecontainer span,.formasonlinecontainer b

	{

		font-size:12px !important;

	}

	.divlist

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:100% !important;
		
		/*Eliminado este atributo para tablas responsive

		overflow:scroll !important;
		
		*/

	}

	.small-message

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		width:100% !important;

		margin-left:0px !important;	

	}

	.ccms_form_element label

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width y min-width en 100% !important
		
		*/
		

		width:100% !important;

		min-width:100% !important;

		text-align:left !important;

		float:none !important;

		position:relative !important;

		height:100% !important;

		margin: 0px !important;

		padding: 0px !important;

		line-height:16px !important;

		margin-top:20px !important;

		margin-bottom:5px !important;

		display:block !important;

		clear:right !important;

	}

	.ccms_form_element input[type="text"], .ccms_form_element input[type="password"], .ccms_form_element select, .ccms_form_element textarea

	{

		clear:both !important;

		float:none !important;

		/*display:block !important; */

		margin-left:0px !important;

		min-width:0px !important;

	}

	.cf_datetime_picker

	{

		margin-bottom:10px !important;	

	}

	.novisible

	{

		display:none !important;

		height:0px !important;

		max-height:0px !important;

		visibility:hidden !important;

		margin-bottom:0px !important;	

	}

	.ccms_form_element input[type="checkbox"]

	{

		clear:none !important;

		float:left !important;

		margin-left:0px !important;

		min-width:0px !important;

		margin-top:20px !important;

	}

	.cfdiv_checkbox label

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width y min-width en 100% !important
		
		*/
		

		clear:none !important;

		float:left !important;	

		margin-top:20px !important;

		display:inline-block !important;

		width:100% !important;

		min-width:100% !important;

	}

	.cfdiv_file label

	{

		line-height:20px !important;

		margin-bottom:30px !important;	

	}

	

}











/*768*/

@media screen and (max-width: 780px) 

{

	.formasonlinecontainer

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		width:100% !important;


		height:auto !important;

	}

	.formasonlineform

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		width:100% !important;

		height:auto !important;

	}

	.ccms_form_element input[type=button],.ccms_form_element input[type=submit],.ccms_form_element input[type=button]:hover,.ccms_form_element input[type=submit]:hover,.action_nemo,.formasonlinecontainer table th, .formasonlinecontainer table th a, .formasonlinecontainer table td, .formasonlinecontainer table td a, .formasonlinecontainer table td strong, .formasonlinecontainer table td a strong, .formasonlinecontainer table td span, .formasonlinecontainer table td a span,.formasonlinecontainer span,.formasonlinecontainer b

	{

		font-size:12px !important;

	}

	.divlist

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:100% !important;

		/*Eliminado este atributo para tablas responsive

		overflow:scroll !important;
		
		*/

	}

	.small-message

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		margin-left:0px !important;	

		width:100% !important;

	}

	.ccms_form_element label

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width y min-width en 100% !important
		
		*/
		

		width:100% !important;

		min-width:100% !important;

		text-align:left !important;

		float:none !important;

		position:relative !important;

		height:100% !important;

		margin: 0px !important;

		padding: 0px !important;

		line-height:16px !important;

		margin-top:20px !important;

		margin-bottom:5px !important;

		display:block !important;

		clear:right !important;

	}

	.ccms_form_element input[type="text"], .ccms_form_element input[type="password"], .ccms_form_element select, .ccms_form_element textarea

	{

		clear:both !important;

		float:none !important;

		display:block !important;

		margin-left:0px !important;

		min-width:0px !important;

	}

	.cf_datetime_picker

	{

		margin-bottom:10px !important;	

	}

	.novisible

	{

		display:none !important;

		height:0px !important;

		max-height:0px !important;

		visibility:hidden !important;

		margin-bottom:0px !important;	

	}

	.ccms_form_element input[type="checkbox"]

	{

		clear:none !important;

		float:left !important;

		margin-left:0px !important;

		min-width:0px !important;

		margin-top:20px !important;

	}

	.cfdiv_checkbox label

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width y min-width en 100% !important
		
		*/
	
	
		clear:none !important;

		float:left !important;	

		margin-top:20px !important;

		display:inline-block !important;

		width:100% !important;

		min-width:100px !important;

	}

	.cfdiv_file label

	{

		line-height:20px !important;

		margin-bottom:30px !important;	

	}

}











/*640*/

@media screen and (max-width: 670px) 

{

	.formasonlinecontainer

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		width:100% !important;


		height:auto !important;

	}

	.formasonlineform

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:auto !important;

	}

	.ccms_form_element input[type=button],.ccms_form_element input[type=submit],.ccms_form_element input[type=button]:hover,.ccms_form_element input[type=submit]:hover,.action_nemo,.formasonlinecontainer table th, .formasonlinecontainer table th a, .formasonlinecontainer table td, .formasonlinecontainer table td a, .formasonlinecontainer table td strong, .formasonlinecontainer table td a strong, .formasonlinecontainer table td span, .formasonlinecontainer table td a span,.formasonlinecontainer span,.formasonlinecontainer b

	{

		font-size:12px !important;

	}

	.small-message

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		margin-left:0px !important;	

		width:100% !important;

	}

	.divlist

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:100% !important;

		/*Eliminado este atributo para tablas responsive

		overflow:scroll !important;
		
		*/

	}

	

	

}







/*480*/

@media screen and (max-width: 500px) 

{

	.formasonlinecontainer

	{
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/

		width:100% !important;


		height:auto !important;

	}

	.formasonlineform

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:auto !important;

	}

	.ccms_form_element input[type=button],.ccms_form_element input[type=submit],.ccms_form_element input[type=button]:hover,.ccms_form_element input[type=submit]:hover,.action_nemo,.formasonlinecontainer table th, .formasonlinecontainer table th a, .formasonlinecontainer table td, .formasonlinecontainer table td a, .formasonlinecontainer table td strong, .formasonlinecontainer table td a strong, .formasonlinecontainer table td span, .formasonlinelist table td a span,.formasonlinecontainer span,.formasonlinecontainer b

	{

		font-size:11px !important;

	}

	.small-message

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
	
		margin-left:0px !important;	

		width:100% !important;

	}

	.divlist

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
		width:100% !important;

		height:100% !important;

		/*Eliminado este atributo para tablas responsive

		overflow:scroll !important;
		
		*/

	}

	

}





/*360*/

@media screen and (max-width: 360px) 

{

	.formasonlinecontainer

	{
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/

		width:100% !important;


		height:auto !important;

	}

	.formasonlineformm

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
		width:100% !important;

		min-width:0px !important;

		height:auto !important;

	}

	.ccms_form_element input[type=button],.ccms_form_element input[type=submit],.ccms_form_element input[type=button]:hover,.ccms_form_element input[type=submit]:hover,.action_nemo,.formasonlinecontainer table th, .formasonlinecontainer table th a, .formasonlinecontainer table td, .formasonlinecontainer table td a, .formasonlinecontainer table td strong, .formasonlinecontainer table td a strong, .formasonlinecontainer table td span, .formasonlinelist table td a span,.formasonlinecontainer span,.formasonlinecontainer b

	{

		font-size:10px !important;

	}

	.small-message

	{
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		margin-left:0px !important;	

		width:100% !important;

	}

	.divlist

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		height:100% !important;

		/*Eliminado este atributo para tablas responsive

		overflow:scroll !important;
		
		*/

	}

	.ccms_form_element input[type="text"], .ccms_form_element input[type="password"], .ccms_form_element select, .ccms_form_element textarea

	{
		
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
		

		width:100% !important;

		clear:both !important;

		float:none !important;

		display:block !important; 

		margin-left:0px !important;

		min-width:0px !important;

	}

	

}







/*320*/

@media screen and (max-width: 350px) 

{

	.formasonlinecontainer

	{
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/

		width:100% !important;


		height:auto !important;

	}

	.formasonlineformm

	{
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/

		width:100% !important;

		min-width:0px !important;

		height:auto !important;

	}

	.ccms_form_element input[type=button],.ccms_form_element input[type=submit],.ccms_form_element input[type=button]:hover,.ccms_form_element input[type=submit]:hover,.action_nemo,.formasonlinecontainer table th, .formasonlinecontainer table th a, .formasonlinecontainer table td, .formasonlinecontainer table td a, .formasonlinecontainer table td strong, .formasonlinecontainer table td a strong, .formasonlinecontainer table td span, .formasonlinelist table td a span,.formasonlinecontainer span,.formasonlinecontainer b

	{

		font-size:10px !important;

	}

	.small-message

	{
		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/

		margin-left:0px !important;	

		width:100% !important;

	}

	.divlist

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/

		width:100% !important;

		height:100% !important;

		/*

		Eliminado este atributo para tablas responsive

		overflow:scroll !important;
		
		*/

	}

	.ccms_form_element input[type="text"], .ccms_form_element input[type="password"], .ccms_form_element select, .ccms_form_element textarea

	{

		/*TABLAS RESPONSIVE*/
		/*

		Modificado width en 100% !important
		
		*/
	
		width:100% !important;

		clear:both !important;

		float:none !important;

		display:block !important; 

		margin-left:0px !important;

		min-width:0px !important;

	}

	

}