div.demoElement {
	width: 80px;
	height: 80px;
	border: 1px solid black;
	background-color: #f9f9f9;
	font-size: 12px;
	color: #000000;
	padding: 10px;
}
div.demoElementHeight {
	height: 120px;
}

.myClass {
	width: 300px;
	height: 50px;
	border: 3px dashed black;
	background-color: #C6D880;
	font-size: 20px;
	padding: 20px;
}
/*Clase para ubicar las imagenes derecha-inferior de la paginas*/
.carrito_image {
	margin-top: 30px;

}

.carrito_image_static {

	left: 0;
	margin-left: 20px;

}

/*Estilos para links*/

/*Link para la exportacion de listado de productos a PDF*/
#pdf_link {
	position:relative;
	left: 3em;
	vertical-align: middle;

}

/*Clase para links que efectuan operaciones varias*/
.command_link {
	text-align: right;
    margin-top:1em;

}

/*Estilo para el texto de los enlaces*/
.command_link a, #pdf_link a {
	color: #023399;
	vertical-align:40%;	
	font-weight: normal;
}


/*Estilo para la caja de totales del carrito*/
.totales_carrito {
	background-color: #e9e6cf;
	font-weight: bold;	
}

/*Estilos para el fieldset del formulario de confirmacion*/


.panel_fieldset_formulario {
	width: 100%;
		
}
.panelRedondo{

	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width:1px; 
	border-top: none;
	border-color: #C8CCD1;
	padding-top: 2.1em;
	padding-bottom: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: transparent;
	}
	
	
#nuevaComunicacionAlumnosParticipantes .panelRedondo,#nuevaComunicacionIncidenciasProfesores .panelRedondo{
	padding-top: 0em;
}

.panelRedondo2{

	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width:1px; 
	border-top: none;
	border-color: #C8CCD1;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}	
.panelRedondo2 a{
	text-decoration: none;
	}	
.panel_caption_fieldset_formulario {
	
	display:inline;
	background-color:white;
	margin-left :1em;
	padding-left:0.5em;
	padding-right:0.5em;

	position:relative;
	top:0.5em;


}
.cg-sup-izda {
	background:transparent url(../images/panel/gris-s-i.gif) no-repeat scroll left top;
}
.cg-sup-dcha {
	background:transparent url(../images/panel/gris-s-d.gif) no-repeat scroll right bottom;
	
}

.cg-inf-izda {
	background:transparent url(../images/panel/gris-i-i.gif) no-repeat scroll left bottom;
	margin-right:11px;
}
.cg-inf-dcha {
	background:transparent url(../images/panel/gris-i-d.gif) no-repeat scroll right bottom;
}
.cg-sup-dcha, .cg-inf-dcha {
	margin:-11px 0 0 11px;
}
.cg-sup-izda, .cg-sup-dcha, .cg-inf-izda, .cg-inf-dcha {
	font-size:2px;
	height:11px;
}

.fondo_flc{
	background:transparent url(../images/panel/br_beis.gif) no-repeat scroll right bottom;
	
	padding:0.5em;
	margin-top: 1.5em;
}
.panel_fieldset_listado {
	margin-top:1em;		
	width: 100%;
}
.antes{
		background: #F0EDE9 url(../images/panel/bl_beis.gif) no-repeat scroll 0 100%;
}
.panel_fieldset_listado li{
	list-style-image:none;
	list-style-type:square;
	margin-left:1em;
	padding:0.1em;
}

.panel_caption_fieldset_listado {
	display:block;
	font-size:1.25em;
	font-weight:bold;
	padding-bottom:0.5em;
	font-size: 1em;
	background:transparent url(../images/panel/tr_beis.gif) no-repeat scroll 100% 0;
}

.panel_caption_fieldset_listado_h0 h1{
	background:transparent url(../images/panel/tr_beis.gif) no-repeat scroll 100% 0;
	display:block;
	font-size:1em !important;
	font-weight:bold;
	padding-bottom:0.5em;
	width: 90% !important;
	border: none !important;
}

.panel_caption_fieldset_listado_h0 .panel_caption_text {
	background:transparent url("../images/panel/tl_beis.gif") no-repeat scroll 0 0;
	padding-left:2em;
	color:#333333;
	display:block;
	padding-top:0.1em;
}

.panel_caption_fieldset_listado .panel_caption_text {
	background:transparent url("../images/panel/tl_beis.gif") no-repeat scroll 0 0;
	padding-left:2em;
	color:#333333;
	display:block;
	padding-top:0.1em;
}
.panel_fieldset_informacion {
	margin-top:1em;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #efefef;
	width: 100%;
	padding-bottom: 0.5em;
	font-size: 0.9em;
}

.panel_caption_fieldset_informacion {
	background-image:url(../images/chipbip/botones/folder_important.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #999999;
	color:#000000;
	font-weight:bold;
	padding-bottom:0.2em;
	padding-left:1.3em;
	padding-top:0.2em;
}
.panel_fieldset_informacion li{
	list-style-image: none;
	margin-bottom: 0.5em;	
}


.panel_fieldset_informacion ul{
	 list-style-position: inside;
	 list-style-image: none;
	 list-style-type: none;
	 padding-right: 2em;
}
.panel_fieldset_informacion li{
	font-size: 0.9em;
	text-align: justify;
}

#fields_container {
	overflow: hidden;
	width: 50%;
	border: 1px solid #999999;
}

#carrito_image{
	display:block;
	width: 82px;
	float: left;
}

#fieldset_confirm {	
	display: block;	
	width: 100%;				
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border:none;
	text-align:right;
}

#fieldset_confirm label  {
	float:left;
	width: 30%; 
	margin-right: 0.5em; 
	padding-top: 0.2em; 
	text-align: right; 
	font-weight: bold; 
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	padding-left: 1em;
	vertical-align:middle;	
}

.bloque_formulario {
	margin-top: 2em;
	margin-bottom: 0em;
	clear:both;
}
.bloque_login{
	margin-bottom: 0em;
	clear:both;
	text-align:right;
	margin:auto;
	width:20em;	
	padding-bottom: 0.5em;
	background-color: transparent;
}
.no_border{
	border : 0px;
}

.error_40x{
	text-align: center;
}


.error_40x h1{
		font-size:2em;
font-weight:bold;
}

.panel_flc_interior {
	margin: 1.5em 0em 0em 0em;
	border-left: 1px;
	border-right: 1px;
	border-style: none;
	border-color: #c3d9ff;
}

.panel_caption_flc_interior {
	background-color: #c3d9ff;
	color: black;
	font-family: fantasy;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 7px;
}

/* Piloto Facturas v.1.5.1*/
#cuerpo .label_form{
	float: left;
	padding-left: 2em;
	display: block;
	width: 30%;
	text-align: right;
	vertical-align: middle;
	font-size: 0.9em;
	padding-bottom: 0.5em;
	color:#222222;
}

/* Piloto Facturas v.1.5.1*/
#comunicacionInicioCursoForm .panelGris .label_form, #comunicacionAlumnosParticipantesForm .panelGris .label_form,#comunicacionIncidenciasProfesores .label_form,#nuevaComunicacionIncidenciasProfesores .label_form, #nuevaComunicacionAlumnosParticipantes .label_form{
	color:#222222;
	display:block;
	float:none;
	font-size:0.9em;
	padding-bottom:0.1em;
	padding-left:0;
	text-align:left;
	vertical-align:middle;
	width: 100%;
}

#comunicacionInicioCursoForm .panelGris .label_form2, #comunicacionAlumnosParticipantesForm .panelGris .label_form2,#comunicacionIncidenciasProfesores .label_form{
	color:#222222;
	display:block;
	float:none;
	font-size:0.9em;
	padding-bottom:0.1em;
	padding-left:0;
	text-align:left;
	vertical-align:middle;
}

#cuerpo .label_form_linea{
	float: left;
	display: block;
	width: 13%;
	text-align: right;
	vertical-align: middle;
	font-size: 0.9em;
	padding-bottom: 0.5em;
	color:#222222;
}

#cuerpo .label_form_linea2{
	float: left;
	display: block;	
	text-align: left;
	vertical-align: middle;
	font-size: 0.9em;
	padding-bottom: 0.5em;
	color:#222222;
}

#cuerpo .label_form_linea3{
	float: left;
	display: block;
	text-align: right;
	vertical-align: middle;
	font-size: 0.9em;
	padding-bottom: 0.5em;
	color:#222222;
	width:9%;
}


.item_columna_boton_left{
	float:left;
	margin-left:0.5em;
	min-height:2em;
	padding-top:0.3em;
	width:60%;
}
.item_columna_boton_right{
	float:left;
	margin-left:1.2em;
	min-height:2em;
	padding-top:1.3em;
	width:30%;
}

.item_columna {
	float:left;
	margin-right:0.5em;
	min-height:2em;
	padding-top:0.3em;
}

#cuerpo .label_form_linea2{
	float: left;
	display: block;	
	text-align: left;
	vertical-align: middle;
	font-size: 0.8em;
	padding-bottom: 0.5em;
	color:#222222;
}

#cuerpo .label_form_st{
	float: left;
	display: block;
	width: 30%;
	text-align: right;
	vertical-align: middle;
	font-size: 0.9em;
	padding-bottom: 0.5em;
	color:#222222;
}

.label_login{
	color:#CC0000;
	font-size:1em;
	font-weight:bolder;
	text-align:left;
	vertical-align: middle;

}
.label_login_inicio{
	color:#CC0000;
	display:block;
	font-size:1em;
	font-weight:bolder;
	margin-left:1.7em;
	text-align:left;
	vertical-align:middle;
}
.form_login{
	border:1px solid #B0B0B0;
	color:#666666;	
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.9em;
	margin:0.4em 0;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
}

#cuerpo .label_no_compulsory{
	margin-right: 0.5em;
	width:30%;
}

#cuerpo label{
	font-weight : bold;	
}

.labelCaptionDetalle{
	color:black;
	font-weight:bold;
	text-align:left;
	display:block;
	padding-bottom:0.5em;
	font-size:1em !important;
}

#cuerpo .select_form{
	float: left;	
	text-align: left;
	vertical-align: middle;
	margin: 0.2em 0;	
	background-color: #FFEFEF;
	border-style: solid;
	border-width:1px;
	border-color:#B0B0B0;
	font-size: 0.8em;
	padding-left: 0.4em;
	text-transform: uppercase;
	color:#666666;
	font-size: 0.8em;
}

#comunicacionInicioCursoForm .panelGris .select_form, #comunicacionAlumnosParticipantesForm .panelGris .select_form, #comunicacionIncidenciasProfesores .select_form{
	background-color:#FFEFEF;
	border:1px solid #B0B0B0;
	color:#666666;
	float:none;
	font-size:0.8em;
	margin:0.4em 0 0;
	padding-left:0;
	text-align:left;
	text-transform:uppercase;
	vertical-align:top;
	height:1.6em;
}

#cuerpo .select_form_readonly{
	float: left;	
	text-align: left;
	vertical-align: middle;
	margin: 0.2em 0;	
	background-color: transparent;
	border:none;
	font-size: 0.8em;
	padding-left: 0.4em;
	text-transform: uppercase;
	color:#666666;
	font-size: 0.8em;
}

#cuerpo .select_multiple{
	background-color:#FFEFEF;
	border:1px solid;
	float:left;
	font-size:0.8em;
	margin:0.4em 0;
	text-align:left;
	vertical-align:middle;
	border:1px solid #B0B0B0;
	color:#666666;
}

#cuerpo .select_multiple_readonly{
	float: left;
	text-align: left;
	vertical-align: middle;
	margin: 0.4em 0;
	font-size: 1em;
	border:none;
}

#cuerpo .input_form{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.8em;
	float: left;	
	text-align: left;
	vertical-align: middle;
	margin: 0.4em 0;	
	background-color: #FFEFEF;
	border-color:#B0B0B0;
    border-style:solid;
	border-width:1px;
	text-decoration: none;
	color:#666666;

}

#comunicacionInicioCursoForm .panelGris .input_form, #comunicacionAlumnosParticipantesForm .panelGris .input_form,#comunicacionIncidenciasProfesores .input_form{
	background-color:#FFEFEF;
	border:1px solid #B0B0B0;
	color:#666666;
	float:left;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.8em;
	margin:0.4em 0 0;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
}

#comunicacionInicioCursoForm .panelGris .input_form2, #comunicacionAlumnosParticipantesForm .panelGris .input_form2, #comunicacionIncidenciasProfesores .input_form2{
	background-color:#FFEFEF;
	border:1px solid #B0B0B0;
	color:#666666;
	float:left;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.8em;
	margin:0.4em 0 0;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
}

#cuerpo .input_form_readonly{
	float: left;
	height: 14px;
	text-align: left;
	vertical-align: middle;
	margin: 0.5em 0;
	font-size: 0.8em;
	border:none;
	border-width:0px;
	height: 1.4em;
    border-style:none;
    background-color: transparent;
    color:black;
}

#cuerpo .span_form_readonly{
	background-color:transparent;
	
	display:table;
	overflow:visible;
	font-size:0.8em;
	height:1.4em;
	padding-top:0.8em;
	text-align:left;
	vertical-align:middle;
}

.input_login{
	width:13em;
	text-align: left;
	margin: 0.4em 0;
	font-size: 1em;
	border-style: solid;
	border-width:1px;	
	background-color: #FFEFEF;
	border-color: #B0B0B0;
}

#cuerpo #direccion{
	width: 17.5em;
}

#cuerpo .compulsory{
	position: relative;
	left: 17em;
	vertical-align: middle;
}


#cuerpo #compulsory_direccion{
	left: 19.5em;
}

#cuerpo #compulsory_cp{
	left: 12em;
}

.enlace_imagen{
	background-repeat: no-repeat;
	background-position: left;
	padding: 5px 0 5px 30px;
	margin-left: 1em;
}

.enlace_pdf{
	background-image: url(../images/botones/acrobat.gif);
}

/* Estilos del MENU LATERAL */
.menu_lateral_horizontal {
	/*background-color: #d9dce4;
	float: left;*/
    width: 100.00%;
}


.menu_lateral_izquierda {
	/*background-color: #d9dce4;*/
	float: left;
    width: 15.00%;	
    height: 100.00%
}

.menu_lateral_derecha {
	float: left;
    width: 85.00%;	
}

.menu_lateral_derecha_2_columnas {
	float: left;
    width: 42.50%;	
}

/* Menus redondeados */
.rbroundbox { background: url(../images/chipbip/menu_lateral/nt.gif) repeat;}
.rbtop div { background: url(../images/chipbip/menu_lateral/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/chipbip/menu_lateral/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/chipbip/menu_lateral/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/chipbip/menu_lateral/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }


/* Contenido del MENU LATERAL */
#contenido_menu_lateral a, #contenido_menu_lateral a:visited {
  text-decoration:none; 
 /* background-color:#fff; */
  color:#000; 
  display: block;
  width: 100%;
  height:2.0em; 
  /*background: #FF0000;*/
  text-align: left;  
  font-weight : bold;
 /* margin-bottom: 10px;*/
width: 100%;
  }
#contenido_menu_lateral a:hover {
	color:#000; 
  	background-color: #b0c4de;   
	cursor: pointer;
	
  }

/* Estilo personalizado para los PANELES */  
.panel_chipbip {
	border : 1px solid #0000ff;
	margin: 0.5em 0em 0em 0em;

}

.panel_caption_chipbip {
	border-bottom: 1px solid #0000ff;
	background-color : #c3d9ff;
	color: black;
	font-family: fantasy;
	font-size: 16px;
	padding: 2px 2px 2px 2px;
	width:100%;

}
.login {
	padding-bottom:2em;
	text-align:center;
	
	text-align:center;
}

.ancho1{
	 width: 60%;
	}
.ancho2{
	 width: 24%;
	 
	}	
.ancho3{
	 width: 10.5%
	}	
	
.ancho4{
	 width: 5%;
	}	
.ancho5{
 width: 33%;
}

.ancho6{
 width: 100%;
}
.ancho7{
 width: 90%;
}
.ancho8{
 width: 80%;
}
.ancho9{
 width: 70%;
}
.alto1{
	height: 5em;
}
.textarea{
	background-color:#FFEFEF;
	border:1px solid;
	height:10em;
	width:60%;
	overflow: visible;
	border-color:#b0b0b0;
	margin-top:0.5em;	
}

.textarea2{
	background-color:#FFEFEF;
	border:1px solid;
	height:3em;
	width:60%;
	overflow: visible;
	border-color:#b0b0b0;
	margin-top:0.5em;	
	font-size:1em;
}

#comunicacionInicioCursoForm .panelGris .textarea, #comunicacionAlumnosParticipantesForm .panelGris .textarea{
	background-color:#FFEFEF;
	border:1px solid;
	height:10em;
	width:60%;
	overflow: visible;
	border-color:#b0b0b0;
	margin-top:0.5em;
	margin-left:1em;	
}

.no_readonly{
	margin: 0.4em 0.5em 0 0;
	}
.readonly{
  margin-top:0.7em;
  margin-right: 0.5em;
}

#comunicacionInicioCursoForm .readonly, #comunicacionAlumnosParticipantesForm .textarea{
	margin-top:0.4em;
}

.textarea_readonly{
	background-color:transparent;
	border:medium none;
	height:10em;
	width:60%;
	overflow: visible;
	border-style:none;
	border-width:0px;
	height:auto;	
	margin-top:0.5em;
	
}

.tamanio7em{
	height:7em;
}

#envioEmail{
	display: none;
}
#envioSMS{
	display: none;
}
.conBorde{

	 margin: 0.5em;
	
	 background-color: transparent;
	}
.alignDerecha{
	 text-align: right;
	}	
.alignCentro{
	text-align: center;
	}	

.fila{
	 clear: both;

	}	
.tres-columnas{
	width: 33%;
	display:block;
	float: left;
	
}
.tituloFlc{
	 margin-bottom: 0.5em;
	
	}
#detalleFlc1nt .tituloFlc{
	width:680px;
}

.tituloEmpresa{
	display: block;
	clear: both;	
	background-image: url("../images/flc/cabeceraFLC.jpg");
	background-repeat: no-repeat;
	height: 155px;
	}	
	
.titulo800{
	background-image:url(../images/flc/cabeceraFLC_peq.jpg);
	height:120px;
	width:670px;
	}	
	
.espacio1{
	padding-bottom: 1em;
	}	
	
#panelAviso{
	background-color:transparent;
	display:block;
	margin-left:435px;
	position:absolute;
	top:36em;
	width:435px;
}

#aviso{
	display:block;
	padding:1em;	
	text-align:justify;
	width:34em;
	float: right;
}
#aviso .titulo{

	display:block;
	font-size:1.39em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	text-align:center;
	}	
#aviso .linea{
	display:block;
	margin-bottom:1em;
	margin-top:1em;
	}	
#aviso .subTitulo{
	padding-top:1em;
	text-align: center;
	display: block;
	}	
#aviso .margen{
	display:block;
	line-height:1.5;
	margin-left:7em;
	margin-right:1em;
	}	
	
.contenido_panel{
	 z-index:999999999;
	}	

.resultadoFLC{
	background-color:#FAFAEC;
	background-position:left center;
	background-repeat:no-repeat;
	border:1px dotted #CCCCCC;
	font-size:1.1em;
	height:2em;
	padding-left:3.5em;
	padding-top:0.6em;
}
.resultadoFallidoFLC{
	background-image:url(../images/botones/signo_admiracion.gif);
}

.resultadoOptimoFLC{
	background-image:url(../images/botones/ok2.gif);
}

.espacioBlanco{
	margin-left:0.6em;
}

.checkbox_left {
	color:#222222;
	display:block;
	float:left;
	font-size:0.9em;
	padding-bottom:0.5em;
	text-align:right;
	vertical-align:middle;
	width: 30%;
}