@charset "utf-8";
body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #69c;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #039;
    }
    .oneColFixCtrHdr #container {
	width: 960px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #def;
	margin: 0 auto;
	text-align: left;
/*	border: 1px solid #22b;
	border-top:none */
	height:auto;
    }
    .oneColFixCtrHdr #header {
	background: #fff;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	height: 120px;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .oneColFixCtrHdr #mainContent {
	padding: 0 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	background: #def;
	min-height:500px;
	height:auto;
    }
    .oneColFixCtrHdr #footer {
	/* padding: 0 10px;  este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#fff;
	padding: 5px; 
	margin: 2px auto 10px auto;
	width:950px;
	height:50px;
	text-align:center;
    }
    .oneColFixCtrHdr #footer p {
   /* 	margin: 0;  el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
#cuerpo {
	min-height:350px;
}
#cab_izq {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	float: left;
	height: 65px;
	width: 340px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
}
#cab_der {
	background-color: #FFF;
	margin: 0;
	float: right;
/*	height: 75px; */
	width: 480px;
	padding: 10px ;
/*	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px; */
}
#cab_cen {
	height: 80px;
	margin-right: 560px;
	margin-left: 370px;
	padding-top: 5px;
	line-height: 10px;
}
#barra {
	/*	background-image: url(../graficos/imagenes/BarraAzul.gif);
	background-repeat:  repeat-x; */
	width: 960px;
	background-color: #039;
	height: 35px;
	font-family: "Trebuchet MS", calibri, Verdana;
	font-size: 11px;
	color: #FFFFFF;
}
#barra3 {
	/*	background-image: url(../graficos/imagenes/BarraAzul.gif);
	background-repeat:  repeat-x; */
	width: 960px;
	background-color: #06f;
	height: 35px;
	font-family: "Trebuchet MS", calibri, Verdana;
	font-size: 1.0em;
	color: #FFFFFF;
}
#barra_1 {
	float: left;
	height: 35px;
	width: 700px;
	text-align: center;
	margin-left: 5px;
	
}
#barra_2 {
	height: 35px;
	width: 80px;
	text-align: left;
	float: right;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
}
#c2i_izq {
	float: left;
	height: auto;
	width: 404px;
	padding: 8px;
}
#c2i_der {
	float: right;
	height: auto;
	width: 500px;
	padding: 8px;
}
.cuadro1 {
	text-align: left;
	padding: 5px;
	height: 350px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

/* prueba para bordes redondeados
#cdrrnd h1, #cdrrnd h2,*/ #cdrrnd_b p {margin:0 /*10px*/; letter-spacing:1px;}
/*#cdrrnd h1 {font-size:1.2em; color:#039; border:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#cdrrnd h2 {font-size:1em;color:#039; border:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#cdrrnd p {padding-bottom:0.5em;}
#cdrrnd h2 {padding-top:0.5em;} */
#cdrrnd_b {background: transparent; margin:0;}

.rndtop_b, .rndbottom_b {display:block; background:transparent; font-size:1px;}
.rndb1_b, .rndb2_b, .rndb3_b, .rndb4_b {display:block; overflow:hidden;}
.rndb1_b, .rndb2_b, .rndb3_b {height:1px;}
.rndb2_b, .rndb3_b, .rndb4_b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.rndb1_b {margin:0 5px; background:#ccc;}
.rndb2_b {margin:0 3px; border-width:0 2px;}
.rndb3_b {margin:0 2px;}
.rndb4_b {height:2px; margin:0 1px;}

.rndboxcontent_b {
	display:block;
	background:#fff;
	border:0 solid #ccc;
	border-width:0 1px;
}
/* CAMBIO COLORES PARA CUADRO DE AYUDA.
#cdrrnd h1, #cdrrnd h2,*/ #cdrrnd_a p {margin:0 /*10px*/; letter-spacing:1px;}
/*#cdrrnd h1 {font-size:1.2em; color:#039; border:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#cdrrnd h2 {font-size:1em;color:#039; border:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#cdrrnd p {padding-bottom:0.5em;}
#cdrrnd h2 {padding-top:0.5em;} */
#cdrrnd_a {background: transparent; margin:0;}

.rndtop_a, .rndbottom_a {display:block; background:transparent; font-size:1px;}
.rndb1_a, .rndb2_a, .rndb3_a, .rndb4_a {display:block; overflow:hidden;}
.rndb1_a, .rndb2_a, .rndb3_a {height:1px;}
.rndb2_a, .rndb3_a, .rndb4_a {background:#ffc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.rndb1_a {margin:0 5px; background:#ccc;}
.rndb2_a {margin:0 3px; border-width:0 2px;}
.rndb3_a {margin:0 2px;}
.rndb4_a {height:2px; margin:0 1px;}

.rndboxcontent_a {
	display:block;
	background:#ffc;
	border:0 solid #ccc;
	border-width:0 1px;
}
/* ****************** */
.EspacioBlanco {
	padding: 5px;
}
.EspacioBlanco_mi {
	padding: 5px 10px 5px 15px;
}
.EspacioConMargenDerecho { /* Para alinear algunos formularios */
	text-align: right;
	padding: 5px 20px 5px 5px;
}
.SepPunt {
	clear: both;
	height: 3px;
	width: 90%;
	margin: 5px auto 0 auto;
	border-top: dotted 2px #CCC;
}
.oneColFixCtrHdr #container #mainContent #titulares {
	text-align: center;
	height: auto;
	padding-top: 10px;
	visibility: visible;
}
.limpia {
	clear: both;
	height: 2px;
}
.FondoGris {
	background-image: url(../graficos/fondos/FondoGris.jpg);
	background-repeat:  repeat-x;
	height: 22px;
	width: 100%;
	text-align:center;
}
.FondoNaranja {
	background-image: url(../graficos/fondos/FondoNaranja.jpg);
	background-repeat:  repeat-x;
	height: 22px;
	width: 100%;
	text-align:center;
}
.FondoP {
	background-repeat:  repeat-x;
	height: 22px;
	width: 100%;
	text-align:center;
	vertical-align:middle;
}
.FondoP40 {
	background-repeat:  repeat-x;
	height: 40px;
	width: 100%;
	text-align:center;
	padding-top:5px;
}
.CdrDst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
/*	background-color:#ffc; */
	margin: 15px 5px;
	padding: 3px;
	float: left;
	height: 170px;
	width: 148px;
	text-align: center;
	vertical-align:bottom;
/*	border-top-width: 1px; 
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: ;
	border-bottom-color: #960;
	border-left-color: #FFCC00;
	border-left-width: 1px;*/
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.CdrLogo {
	margin: 0;
	padding: 0;
	height: 140px;
}
/*#c2d_izq {
	background-color: #FFFF33;
	float: left;
	height: auto;
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
}  */
.c_red_izq {
	float: left;
	height: auto;
	width: 780px;
	padding: 8px;
}
#c2d_izq {
	float: left;
	height: auto;
	width: 604px;
	padding: 8px;
}
#c2d_der {
	float: right;
	height: auto;
	width: 304px;
	padding: 8px;
}
#pagos_izq {
	float: left;
	height: auto;
	width: 704px;
	padding: 8px;
}
#pagos_der {
	float: right;
	height: auto;
	width: 204px;
	padding: 8px;
}
.ColForm {
	float: left;
	height: auto;
	width: 440px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ColHelp {
	background-color: #FFC;
	padding: 0px;
	width: 280px;
	border: 1px solid #999;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#mostr_base #cliente {
	float: left;
	height: 350px;
	width: 280px;
}
#proveedor {
	height: 350px;
	width: 310px;
	margin-left: 390px;
	margin-top: 0px;
}
.coment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFCC;
	padding: 5px;
	width: 200px;
	border: 1px solid #333333;
	position: relative;
	visibility: hidden;
	z-index: 2;
	top: 40px;
	right: 100px;
	display: none;
}
.menu_login {
	background-color: #039;
	padding: 5px;
}
.cuadro_busca {
	font-family: "Trebuchet MS", calibri, Verdana;
	font-size: 11px;
	color: #FFF;
	background-color: #039;
	width: 240px;
	padding:5px;
	margin: 0 auto;
	text-align:center;
	line-height: 25px;
}
#c2int_izq {
	float: left;
	height: auto;
	width: 420px;
	padding: 8px;
}
#c2int_der {
	float: right;
	height: auto;
	width: 420px;
	padding: 8px;
}
/* solapas */
.menusol {
  padding-left: 20px;
  height:23px;
  background:url(../graficos/botones/slps_base.jpg) bottom repeat-x;
} 
.menusol div {
	float:left;
	padding:0 0 0 10px; 
	border-bottom:#F90 1px solid;
	background-image: url("../graficos/botones/slps_izq.gif");
	background-repeat: no-repeat;
	background-position: left top;
	height:23px;
} 
.menusol a {
  display:block;
  background-image:url("../graficos/botones/slps_der.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  font-family: "Trebuchet MS", calibri, Verdana;
  font-size: 12px;
  color:#333;
  height:14px;
}
.menusol a:hover {
  color:#ccc;
} 
.menusol .activo {
  background-position:0 -150px;
  border-bottom:none;
} 
.menusol .activo a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#039;
} 
.menusol div:hover, .menusol div:hover a {
  background-position:0% -150px;
  color:#999;
} 
.menusol div:hover a {
  background-position:100% -150px;
}
/* Para seleccion de lugares */
#sel_lstProvin {
	display: none;
}
#sel_lstCiudad {
	display: none;
}
#txt_lstProvin {
	display: none;
}
#txt_lstCiudad {
	display: none;
}
.cuadro_amarillo {
	padding:15px 30px;
	border:1px dashed #FC3; 
	background-color:#ffc; 
	margin:5px 30px;
}
.cuadro_miembros {
	padding:0;
/*	border-right:1px outset #ddd;
	border-bottom:1px outset #ddd;
	background-color:#fff;
	height:300px;
*/	margin:8px;
	width:280px;
	float:left;
}