/* HOJA DE ESTILOS DE MENSAJES
   Proyecto:    Herramienta de envío de boletines
   Autor: 		Interesa Consultores
   --------------------------------------------------------*/


/* =Generales
   --------------------------------------------------------*/
   
   html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-size: 100%;
		margin: 0 0 0 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	
	body {
		background-color: #EEEEEE;
		color: #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		line-height: 1;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
   
   #contenedor {
   		background-color: #FFF;
		margin: 0 auto 10px auto;
		padding: 20px;
		text-align: left;
		width: 800px;
   }
   
   .cabecera {
   		background: #FFF url(/alta/css/bitmaps/borde.gif) repeat-x bottom left;
		margin-bottom: 20px;
		padding-bottom: 30px;	
   }
   
   .cuerpo {
   }
   
   .contenido {
   		border: 3px solid #D7D7D7;
		margin-bottom: 10px;
		padding: 20px;
		height: 1%;
   }
   
   .bloque {
   	 padding-top: 10px;
   }
   
   .bloque-1,
   .bloque-2 {
		padding-top: 10px;
		width: 384px;
   }
   
   .bloque div,
   .bloque-1 div,
   .bloque-2 div {
		border: 3px solid #D7D7D7;
   }
   
   .bloque p,
   .bloque-1 p,
   .bloque-2 p {
   		margin: 20px;
   }
   
   .bloque-1 {
   		float: left;	
   }
   .bloque-2 {
   		float: right;
   }
   
   .cuerpo .bloque-1,
   .cuerpo .bloque-2 {
   		padding:0;
   }
   
   .contenido .bloque-1,
   .contenido .bloque-2 {
   		width: 344px;
   }
   
   .bgcolor {
   		background-color: #EEEEEE;
		padding: 20px;
   }
   
   h2, h3 {
   		color: #333;
   		font-size: 1.8em;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
   }
   
   h3 {
   		font-size: 1.4em;
   }
   
   p {
   		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		margin-bottom: 10px;
		line-height: 1.3em;
   }
   
   .correcto, 
   .incorrecto {
		padding-top: 10px;
		padding-left: 45px;
   }
   
   p.correcto {
   		background: url(/alta/css/bitmaps/icono-correcto.jpg) no-repeat 0 0;
   }
   
   p.incorrecto {
   		background: url(/alta/css/bitmaps/icono-incorrecto.jpg) no-repeat 0 0;
   }
   
   p.error {
   		background: url(/alta/css/bitmaps/icono-error.jpg) no-repeat 0 0;
		color: #E54249;
		font-weight: bold;
		font-size: 1.3em;
		padding: 7px 0 7px 45px;
		margin: 0;
   }
   p.mensaje {
   		padding: 0 0 7px 45px;
		margin: 0 0 10px 0;
   }
   
   a {
   		color: #1382B8;
		text-decoration: underline;
   }
   
   a:hover {
		text-decoration: none;
   }
   
   .pie {
   		width: 800px;
		margin: 0 auto 10px auto;
		text-align: left;
   }   
   .pie p {
   		font-size: 1.1em;
		line-height: 1.2em;
   }
   
   #__VIEWSTATE {display: none;}
   
   .clear {clear:both;}
   
   /* =Formularios
   --------------------------------------------------------*/
   
   form {
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
   }
  
   legend {
   		display: none;
   }
   label {
		display: block;
		float: left;
		font-size: 1.1em;
		line-height: 1.2em;
		margin-right: 5px;
		margin-bottom: 10px;
		width: 150px;
	}
	input, select, textarea {
		background: #FFF url(/Clientes/css/bitmaps/fondo-input.jpg) repeat-x 0 0;
		border: 1px solid #CCC;
		color: #373737;
		display: inline;
		float: left;
		font-size: 1.1em;
		height: 15px;
		margin: 0 10px 10px 0;
		width: 50%;
	}
	
	.contenido label {
   		width: 130px;
   }
	
	textarea {
		background: #FFF url(/Clientes/css/bitmaps/fondo-input.jpg) repeat-x bottom left;
	}
	
	input.btn {
		background-color: #F7753E;
		color: #262626;
		cursor: pointer;
		float: none;
		font-weight: bold;
		height: 16px;
		width: 62px;
	}
	input.check,
	span.checkinline input,
	span.check input {
		border: 0;
		margin: 0;
  		padding: 0;
		width: 13px;
	}
	
	span.check input,
	input.image {
		float: left;
		margin-right: 5px;
	}
	
	span.check input {
		margin-bottom: 10px;
	}
	
	span.check label,
	span.checkinline label {
		font-size: 1em;
	}
	
	span.lblmax label {
		width: auto;
	}
	
	span.lblmax input {
		display: inline;
		float: left;
		margin-right: 5px;
	}
	
	input.examinar {
		height: 20px;
	}
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 115%;
		height: 70px;
		overflow: auto;
	}
	
	select {
		height: 18px;
	}
	
	*:first-child+html select, 
	* html select {
		height: 20px;
	}
	
	form p {
		font-size: 1.1em;
	}
	.formulario-acceso {
   		background-color: #FFF;
		border: 3px solid #DEE6A1;
		padding: 20px;
		text-align: left;
   }
   
   .formulario-acceso fieldset {
   }
   
   .formulario-acceso label {
   		width: 80px;
   }
   
   .formulario-acceso input {
   		width: 225px;
   }
   
   .formulario-acceso p {
   		font-size: 1.1em;
		padding-left: 9px;
   		text-align: center;
   }
   
   .formulario-acceso .check {
   		margin-bottom: 10px;
		margin-left: 82px;
   }
   
   label.lblmax {
		width: auto; 
		margin-top: 10px;
	}

	#__LASTFOCUS,
	#__EVENTTARGET,
	#__EVENTARGUMENT,
	#__VIEWSTATE,
	#__EVENTVALIDATION {
		display: none;
	}
	
	input[type="hidden"] {
		 visibility: hidden;
		 width: 0;
		 height: 0;
		 padding: 0;
		 margin: 0;
	}
	
	.mceLayout {
		width: 45%;
	}
	
	.infoFicha input, 
	.infoFicha select, 
	.infoFicha textarea {
		width: 45%;
	}
	
	.aceptar,
	.confirmarBaja {
		height: 37px;
		width: 168px;
		background-color: inherit;
		color: #333;
		margin: 20px 0;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	
	.aceptar span,
	.confirmarBaja span {
		height: 100%;
		position: absolute;
		width: 100%;
	}
	
	.aceptar span {
		background: url(/alta/css/bitmaps/suscribir.jpg) no-repeat 0 0;
	}
	
	.confirmarBaja span {
		background: url(/alta/css/bitmaps/baja.jpg) no-repeat 0 0;
	}
	
	.aceptar a,
	.confirmarBaja a { 
		cursor: pointer;
	}
	
	table label {width:50px;}
	.pt20 {padding-top: 20px;}
	.dcha {float: right;}
	.izda {float: left;}
	.alerta {font-size:1.1em;}
	
	#lnkRecargar {
		line-height: 1.2em;
	}
	
	#tooltip {
		padding: 3px;
		background: #333;
		color: #FFF;
		text-align: left;
		cursor:help;
		font-size:1.1em;
		line-height: 1.2em;
		padding-left:8px;
	}

	span.tip {
		cursor:help;	
	}