/* General */

body { font-family:'Varela Round', 'Lucida Sans', arial; background:#ff5359; }

a { text-decoration:none; }
input, textarea, select { font:12px 'Varela Round', 'Lucida Sans', arial; }
img { border:0; }




/* Identificadores */

	/* Pagina principal */

	#franja_superior_home { height:33px; background:#89a3b0; }
	#cabecera_home { padding:40px 0; min-height:180px; font-size:14px; text-align:center; color:#fff; background:#baccd4; border-bottom:1px solid #ff5359; }
	#cuerpo_home { padding:40px 0; font-size:12px; background:#e4e7e6; border-top:1px solid #fff; }

		#cuerpo_home form { width:346px; margin:auto; padding:25px 30px; background:url('/img/fondo_formulario_home.gif') 0 0 no-repeat; }
		#cuerpo_home form p { margin-bottom:13px; text-align:right; }
		#cuerpo_home form p label { width:150px; margin-right:10px; display:inline-block; text-transform:uppercase; text-align:left; color:#4d4d4d; }
		#cuerpo_home form p input, #cuerpo_home form p select { padding:6px 9px; /*text-transform:uppercase;*/ background:#fff; border:0; }
		#cuerpo_home form p input[type="text"] { width:160px; }
		#cuerpo_home form p input[type="password"] { width:160px; }
		#cuerpo_home form p input[type="submit"] { padding-right:25px; color:#fff; background:#ff5359 url('/img/flecha_boton.gif') 75px center no-repeat; }
		#cuerpo_home form p span { width:178px; display:inline-block; text-align:left; }

		#error_home { width:400px; margin:auto; text-align:center; }

			#error_home p { margin:5px 0 25px; }

	#leyenda_home { height:194px; background:#cccfce url('/img/fondo_pie_home.png') center center no-repeat; border-bottom:1px solid #fff; }
	#pie_home { padding:15px 0; font-size:12px; text-align:center; color:#fff; }

	/* Fin pagina principal

	/* Paginas secundarias */

	#franja_superior { height:33px; font-size:12px; background:#89a3b0; }
	
		#franja_superior ul { width:900px; margin:auto; padding-top:10px; text-align:right; }
		#franja_superior ul li { margin-left:10px; display:inline-block; }
		#franja_superior ul li a { color:#eaeaea; }
		#franja_superior ul li a:hover { color:#FC5556; }

	#cabecera { padding:25px 0; font-size:14px; text-align:center; color:#fff; background:#baccd4; border-bottom:1px solid #ff5359; }
	
		#cabecera h1 { font:700 26px 'Lucida Sans', arial; text-transform:uppercase; color:#fc5556; letter-spacing:18px; }
		#cabecera h2 { margin-top:5px; font:700 14px 'Lucida Sans', arial; text-transform:uppercase; letter-spacing:5px; }

	#fondo_cuerpo { padding:20px 0; background:#cccfce url('/img/fondo_cuerpo.gif') 0 0 repeat-x; border-top:1px solid #fff; }

		#cuerpo { width:1000px; padding-bottom:60px; margin:auto; font-size:11px; background:url('/img/fondo_cuerpo.png') bottom center no-repeat; }

			#empresa { width:450px; margin-bottom:15px; display:inline-block; color:#e7e9e8; font-weight:bold; float:left; padding:9px 0 0 150px;}

				#empresa span { margin:0 5px; color:#fc7a7e; }

			#fecha { width:447px; margin-bottom:15px; display:inline-block; text-align:right; color:#333; }
			#menu { padding:15px 0px 18px; text-align:center; background:#f04d52; border:1px solid #bbb; border-bottom-color:#bb3b3f;
			border-top-left-radius:15px; border-top-right-radius:15px; background:-webkit-linear-gradient(top, #f14e53, #de474a);
			background:-moz-linear-gradient(top, #f14e53, #de474a); }

				#menu li { width:13%; display:inline-block; text-transform:uppercase; }
				#menu li a { padding-bottom:5px; color:#fff; }
				#menu li a:hover { border-bottom:1px solid #fff; }

			#contenido { min-height:555px; padding:12px; background:#fff; border:1px solid #bbb; border-top:0; }

				#contenido h1, #contenido p { margin:5px 0 10px 0; }
				#contenido h2 { margin:25px 0 10px 0; }
				#contenido fieldset { margin:5px 0 15px; padding:15px; border:1px solid #ccc; }
				#contenido legend { padding:0 10px; font-weight:700; }
				#contenido ol, #contenido ul { margin:15px 0 15px; }
				#contenido li { margin:0 0 10px 20px; list-style:circle; }
				#contenido fieldset li a { text-transform:uppercase; color:#000; }

				#contenido .listados { width:100%; }
				#contenido .listados tr:nth-child(2n+1) { background:#f8f8f8; }
				#contenido .listados tr:hover td { background:#f9dbdb; }
				#contenido .listados th { padding:8px; font-weight:400; background:#f1f1f1; }
				#contenido .listados th, #contenido .listados td { vertical-align:middle; border-bottom:1px solid #ccc; }
				#contenido .listados td { padding:8px; }
				#contenido .listados input , #contenido .listados select { background:#fff; border:1px solid #ccc; }
				#contenido .listados select { width:90% !important; }

				#contenido .listados .drc { text-align:right; }
				#contenido .listados .izq { text-align:left; }
				#contenido .listados .centrado { text-align:center; }

				#alerta { margin:10px 0 25px; color:red; text-align:right; }
				#buscador { padding:12px; margin-bottom:15px; text-align:center; background:#f8f8f8; border-top:1px solid #ccc;
				border-bottom:1px solid #ccc; }

					#buscador select { background:#fff; border:1px solid #ccc; }

					#buscador .numero { width:30px; }
					#buscador .campos { margin-bottom:5px; }
					#buscador .botones { margin-bottom:10px; }

						.tabform a, .tabform input, #button1, .boton , #buscador .botones a, #buscador .botones input { background-color:#fff; padding:5px 8px; margin:0 5px; color:#d24653;
						border:1px solid #ff5359; }
						.tabform a:hover, .tabform input:hover, #button1:hover, .boton:hover, #buscador .botones a:hover, #buscador .botones input:hover { background:#d24653; color:#fff; }
                
				#paginador { margin-bottom:15px; color:#666; }

					#paginador select, #paginador input { background:#fff; border:1px solid #ccc; }

					#paginador .izq { width:50%; margin:0; display:inline-block; }
					#paginador .drc { width:49%; margin:0; display:inline-block; text-align:right; }

						#paginador .drc span { margin-left:10px; }

				#leyendas { margin-top:25px !important; text-align:center; }

					#leyendas span { padding:0 11px; vertical-align:top; display:inline-block; }
					#leyendas img { margin-bottom:10px; }

				#inicio_reg_izq { float:left; }
				#inicio_reg_drc { float:right; width:600px;}
				#documentos { width:874px; border:1px solid #ccc; }

					#documentos .lat_izq { float:left; width:300px; border-right:1px solid #ccc; }

						#documentos .lat_izq ul { margin:5px 0 0 0; padding:0; }
						#documentos .lat_izq li { margin:0 0 5px 0; padding:0; list-style:none; }
						#documentos .lat_izq ul li ul li { margin-left:20px; }

						#documentos .barra_herramientas { margin:0; padding:10px 15px; background:#e7e7e7; border-bottom:1px solid #ccc; }
						#documentos .barra_herramientas a { margin-right:10px; }

						#myTree { height:300px; padding:10px 15px !important; overflow:auto; }

					#documentos_contenido { float:right; width:573px; }
					
						#documentos_contenido .franja_superior { padding:10px 15px; background:#e7e7e7; border-bottom:1px solid #ccc; }
						#documentos_contenido .ruta { width:280px; display:inline-block; }
						#documentos_contenido .paginador { width:260px; display:inline-block; text-align:right; }
						#documentos_contenido .cont_listados { height:325px; overflow:auto; }

	/* Fin paginas secundarias */

	/*facturacion*/
	


	#msnerror{font-size:16px;color:red;text-align:center;margin:5px;}
	#facturacion{width:98%;margin:auto;font-size:12px;padding:5px;border:1px solid #ccc;}
	#facturacion select,input,textarea{vertical-align: middle!important;}
	#facturacion .titulo{font-weight:bold;padding:5px;text-align:left;}
	#facturacion #datosempresa {width:39%;
		display:inline-block;
		vertical-align:top;
		border:1px solid #efefef;
		border-radius:5px;
		padding:5px;}
	#facturacion #datosempresa p{line-height:14px;}	
	#facturacion #datosempresa #cuerpodatosempresa .nombreempresa{font-size:16px;margin-bottom:5px;}
    #facturacion #acciones {width:13%;
        display:inline-block;
		margin-left:5px;
		margin-bottom:10px;}
    .botonfac { padding:1px 5px; background:#d24653!important; color:#fff!important; }
    #facturacion #acciones a{line-height:20px;}
	#facturacion #datoscabfactura{width:44%;display:inline-block;
		vertical-align:top;
		border-radius:5px;
		padding:2px;
		border:1px solid #efefef;
		margin-left:5px;
		margin-bottom:10px;}
	#facturacion #datoscabfactura .npresupuesto{font-size:16px;margin-bottom:5px;}
	#facturacion #datoscabfactura .nbrcliente{margin:5px 0 5px 0;}
	#facturacion #datoscabfactura .acciones{text-align:center;}

	#factura{width:1100px;border:1px solid #ccc;}
	#factura #facturacab p{padding:5px; 
		font-weight:bold;
		background:#f1f1f1;
		border:1px solid #ccc;
		display:inline-block;
		vertical-align: top;
		margin:0px;}
	#detfactura p{
		background:#f8f8f8;
		border:1px solid #ccc;
		padding:2px 5px;
		display:inline-block;
		vertical-align:top;
		margin:0px;
		height: 20px}
	
	#factura #lineamaestra p{
		background:#f8f8f8;
		border:1px solid #ccc;
		padding:2px 5px;
		display:inline-block;
		vertical-align:top;
		margin:0px;
		height: 23px}
	#observaciones{ padding:10px;}	
	
	.factref{width:146px;}
	.factconcepto{width:360px;}
	.factcantidad{width:70px;}
	.factprecio{width:98px;}
	.factdto{width:60px;}
	.factimpret{width:85px;}
	.facttotal{width:145px;}
	.factacciones {width:18px;}
	.facttotal #txttotal{margin-top:5px;
		display:block;}
	.numfac{font-size:17px; color:#000; font-weight:bold; text-transform:uppercase;}
	.descuento{margin-top: -5px;}
	.retenciones {margin-top: -5px;}
	
	#factura .remarcado{background:#f1f1f1;font-weight:400;}
   
	#retenciones{vertical-align:top;display: inline-block;width:411px;margin-top:10px;}
	#retenciones #cuerporetenciones{background-color:#F8F8F8;padding:5px;}
	#facturacion #totales {vertical-align:top;display:inline-block;
			width:96%;margin-top:5px;text-align:right;padding:4px;margin-bottom:10px;}
	#facturacion #totales p{size:13px;}
	#facturacion #totales .concepto{vertical-align:top;display: inline-block;margin-top:10px;}
	#facturacion #totales .cantidad{vertical-align:top;display: inline-block;width:100px;margin-top:10px;}
	#facturacion #entradadatos{width: inherit;height: inherit;}
	.selcuentabody{font-size:12px!important;}
	#facturaselcuenta{width:90%;margin:auto;}
	#facturaselcuenta table{border:1px solid #ccc;}
	#facturaselcuenta th{padding:10px; font-weight:bold;background:#f1f1f1;border:1px solid #ccc;color:#000!important;}
	#facturaselcuenta td{border:1px solid #ccc;padding:5px;vertical-align:middle;}
	#facturaselcuenta tr{background:#f8f8f8;}
	#facturaselcuenta tr:hover{cursor:pointer;background-color:#D24653;color:#fff;}
	#cuentaseleccionada{text-align:center;font-size:15px;color:#D24653;margin-bottom:5px;}

	#cargando{background-image: url('/img/iconos/espera.png');
	background-position: center left;
	background-repeat:no-repeat;
	background-color: #fff;
	padding:7px 0 0 30px;
	width:400px;
	height:17px;
	color:#000;
	margin:auto;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;}
/* Clases */

.limpia { clear:both; }
.centro{text-align:center;}
.izquierda{text-align:left;}
.derecha{text-align: right;}
.sinfondo{background-color:#fff;background-image: none;}
.sinborde{border:0px!important;}

.oculta { background-color:#000; 
	opacity:0.2; 
	position: absolute; 
	width:970px;
	z-index:5000; }

/*.boton { padding:3px 8px; background:#d24653!important; color:#fff!important; }*/

.error { padding:30px 0; text-align:center; }

.formularios { width:97%; padding:2%; background:#fff; /*border:1px solid #ccc;*/ }

	.titular_form { width:88%; padding:2% 6%; font-size:13px; color:#333;
	background:#e5e5e6 url('/mantenimiento/img/icono_formularios.gif') 2% center no-repeat; border:1px solid #ccc; border-bottom:0;
	border-top-left-radius:5px; border-top-right-radius:5px; }

	.formularios p {  clear:both; /*border-bottom:1px solid #ccc;*/ }
	.formularios label { padding:5px; /*display:block;*/ font-weight:700; width: 180px;float: left;}
	.formularios span { /*font-size:13px; */}
	.formularios input { width:75%; }
	.formularios input[type="radio"]  { width:auto; border:0; }
	.formularios input[type="checkbox"] { width:auto; }
	.formularios textarea { width:95%; /*height:200px;*/ }
	.formularios input, .formularios textarea, .formularios select { padding:3px 9px; background:#fff; /*border:1px solid #ccc;*/ }
	

	.formularios .campos_peq { width:16%; }
	.formularios .campos_gran { width:100%; }
	.formularios .camposm { width:auto; }

	.formularios .tabform { padding:10px 10px 0 0; border:0; text-align:right; }
	.formularios .tabform input, .formularios .tabform a { width:auto; padding:5px 12px;   text-shadow: 0 1px 1px #d4d4e2;	border-radius:2px; 
	/*background:#fbfbfb; border:1px solid #9e9e9e; color:#666;font-weight:bold;background:-webkit-linear-gradient(top, #fbfbfb, #e3e3e3)*/;
	background:-moz-linear-gradient(top, #fbfbfb, #e3e3e3); }

.activo { border-bottom: 1px solid #fff !important;}


.capaflotante {	 display:none; position:fixed; margin-left: 0px; margin-top: 0px; background: rgb(151, 151, 151); color: #fff; padding: 5px; text-align:left !important;}


.suggest-element {
	margin-left:5px;
	margin-top:5px;
	width:320px;
	cursor:pointer;
}
#suggestions {
	width:350px;
	height:150px;
	overflow: auto;
}
/******* MENU *******/

#container ul{
    list-style:none;
    list-style-position:outside;
    float:left;
    width:500px;
}
#container li{
    margin:0px;
}
#container ul.menu li{
    float:left;
    
}
#container ul.menu li{
    font-weight:700;
    display:block;
    padding:10px 15px;
    background:#bacdd4;
    margin-bottom:-1px;
    border:1px solid #bacdd4;
    border-width:1px 1px 1px 1px;
    position:relative;
    color:#fff;
    cursor:pointer;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
}
#container ul.menu li:hover{
    color:#fff;
}
#container ul.menu li.active{
    background:#e64a4e;
    border:1px solid #e64a4e;
    top:1px;
    border-bottom:0;
    color:#fff;
}
/******* /MENU *******/

/******* CONTENT *******/
.content{
    margin:0pt auto;
    text-align:left;
   margin-top:-14px;
    padding-bottom:20px;
    font-size:12px;
    
    color:#8C8C8C;
    border-radius:0 5px 5px 5px;
    -moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
}
.content h3{
    line-height:1em;
    vertical-align:middle;
    height:48px;
    padding:10px 10px 10px 52px;
    font-size:32px;
    color:#E4E1CD;
}
/******* /CONTENT *******/
.content.Financiera  
{
    float:left;
    display:block;  
}  
.content.Economica  
{
    float:left;
    display:none;  
}