


#contenedor { position:relative; min-height:100%; height: auto!important; height:100%; background-color:#c0d0d9;}

	#capaCabecera          { background:url(../img/fondo-cabecera.jpg); height:70px;}
        #capaCabeceraContenido { background:url(../img/cabecera.png) no-repeat; height:70px; width:960px; margin:0 auto; position:relative;}

        #cabecera    { position:relative; width:100%;  height:70px; background:url(../img/fondo-cabecera.png) bottom center repeat-x;}
	#cabecera>div{ position:relative; width:97%; min-width:960px; height:100px; margin:0 auto; }
	#cabecera>div .logo-app    { position:relative; width:72px;  height:72px; float:left;  top:50%; left:25px;  margin-top:-46px; background:url(../img/logo-app.png) no-repeat;}
	#cabecera>div .rotulo      { position:relative; width:72px;  height:60px; float:left;  top:50%; left:25px;  margin-top:-40px; margin-left:15px; font:bold 55px 'RotisSansSerif',Sans-Serif; text-shadow:1px 2px 4px #435059;}

	#contenido { position:relative; width:97%; min-width:960px; max-width:1200px; margin:0 auto; padding: 10px 0;}
	
        
        
        .secc-contenido          { background-color:#ffffff; min-height:300px; padding-top:10px;}




#nota_lanzamiento {font-family:Arial, Helvetica, sans-serif; text-indent:25px; font-size:24px; color:#159cdb; font-weight:bold; top:30px; line-height:28px; clear:both; padding-top:10px;}
#alta_pedidos {font-family:Arial, Helvetica, sans-serif; text-indent:25px; font-size:24px; color:#159cdb; font-weight:bold; top:30px; line-height:28px; clear:both; padding-top:10px;margin:0 auto; text-align:center}

#contenido-new     { background-color:#ffffff; /*width:100%; position:relative; margin:0 auto;*/ text-align:left; border:1px solid #a1c5cd; border-top:none;}
#contenido-detalle { background-color:#ffffff; /*width:100%; position:relative; margin:0 auto;*/ text-align:left; /*border:1px solid #a1c5cd; border-top:none; border-bottom:none;*/}

#contenido-detalle-blq1  { background-color:#ffffff; /*width:260px; position:relative; float:left;  outline:1px solid #a1c5cd;*/ min-height:400px; padding:10px; z-index:2; display:table;}
#contenido-detalle-blq2S { background-color:#f1f1f1; /*width:260px; position:relative; float:right;*/ border-bottom: 1px solid #a1c5cd; padding:15px 5px 15px 4px;}
#contenido-detalle-blq2  { /*width:252px;*/ padding:10px 0 10px 8px; margin-left:9px; position:relative;/* float:right;*/ border-left:1px solid #9e9e9e;}


#cabeceraSector-detalle #codigo      {color:#159cdb; text-decoration:underline; position:relative; text-align:left; font:bold 18px Arial,Helvetica; padding:10px 20px; cursor:pointer;}
#cabeceraSector-detalle #codigo:hover{color:#159cdb; text-decoration:none;}

#cabeceraSector-detalle #nombre        { position:relative; text-align:left; font:bold 24px Arial,Helvetica; padding:5px 20px 25px 20px; color:#000000;}

#fondo    { position:relative; width:100%;  height:550px; background:url(../images/cabecera.jpg) bottom center no-repeat; background-color:#FFFFFF;top:-10px;}
	
.titulo {   font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; text-align:center; color:#FFFFFF; text-shadow: black 0.1em 0.1em 0.2em;/*width:130px; */padding: 15px; padding-left: 38px;vertical-align:top!important;}
.fondo_titulo {   background-color:rgba(47,124,175,0.6); }
.subtitulo  { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; text-align:center; color:#FFFFFF; text-shadow: black 0.1em 0.1em 0.2em;/*width:130px; */padding-left: 38px; vertical-align:top!important;}
.subtitulo2  { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-align:center; color:#FFFFFF; text-shadow: black 0.1em 0.1em 0.2em; /*width:130px; */padding-left: 38px; vertical-align:top!important;}
.des  { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; text-align: justify; color:#203864; /*width:130px;*/ padding: 15px; padding-left: 38px;vertical-align:top!important;}

.tit  { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; /*text-align:right;*/ color:#308ec3; /*width:130px; margin-right: 15px; margin-bottom:15px;*/;vertical-align:top!important;}
.tit2  { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-align:right; color:#308ec3; /*width:150px; margin-right: 15px; margin-bottom:15px;*/}
.cont { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; text-align:left; color:#000000;  /*width:360px;  margin-right: 15px;*/}
.tittable  { color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-align:left!important;  width:130px; margin-right: 15px; margin-bottom:15px;}


#contenido-detalle-blq2 #informacion-datos               { font:13px Arial,Helvetica; text-align:left;}
#contenido-detalle-blq2 #informacion-datos td            { padding-bottom:10px; vertical-align: middle;}
#contenido-detalle-blq2 #informacion-datos #acciones div{ margin:5px 0;}
#contenido-detalle-blq2 #informacion-datos #acciones2 div{ margin:5px 0;}
#contenido-detalle-blq2 #informacion-datos #acciones3 div{ margin:5px 0;}
#contenido-detalle-blq2 #informacion-datos .accion       {  color:#f96a00; text-decoration:underline; cursor:pointer;}
#contenido-detalle-blq2 #informacion-datos .accion:hover { color:#f96a00; text-decoration:none;}
#contenido-detalle-blq2 #informacion-datos .titulo       { font:bold 15px Arial,Helvetica; color:#f96a00; text-align:left; border-bottom:1px solid #f96a00; margin-bottom:15px;}
#contenido-detalle-blq2 #informacion-datos .tit          { font:bold 13px Arial,Helvetica; /*width:35%; padding-right:10px; text-align:left;*/}




.colCe 		{ position:relative; margin:0 auto; text-align:left;}
.colCe td 	{ background-color:#edf5fe; vertical-align:middle; border-bottom:5px solid #FFFFFF; padding:5px; line-height:18px;}
.colIz 		{ position:relative; float:left;    text-align:left; margin-right:25px; margin-left:25px;}
.colIz td 	{ background-color:#edf5fe; vertical-align:middle; border-bottom:5px solid #FFFFFF; padding:5px; line-height:18px;}
.colDr 		{ position:relative; float:right;   text-align:left; margin:0 auto;} 
.colDr td 	{ background-color:#edf5fe; vertical-align:middle; border-bottom:5px solid #FFFFFF; padding:5px; line-height:18px;}


/* detalle/edicion del registro */
.informacion-datos                  { font:13px Arial, Helvetica, sans-serif;}
.informacion-datos td               { padding:10px 5px; vertical-align: middle;}
.informacion-datos td:first-child   { width: 150px;  font:bold 13px Arial, Helvetica, sans-serif; text-align:right;}

.informacion-datos .datos td    { padding:10px 5px; vertical-align: middle;}
.informacion-datos .datos td:first-child {width: 150px;  font:bold 13px Arial, Helvetica, sans-serif; text-align:right; color:gray}

.informacion-datos a       { color:#0095d0; text-decoration:underline;}
.informacion-datos a:hover { color:#0095d0; text-decoration:none;}

.mes {float:left;width:65px;padding:0px!important;}
.mes input {margin:0!important;width:65px!important;}


.toogle {  width:90%; margin:20px auto; font:bold 14px/22px Arial,Helvetica; color:#0095d0; text-align:left; cursor: pointer;}



/*.DataTables_sort_icon.ui-icon { background:none!important;}*/

.detalle_list { font-size:85%; }

/* NEW */
.informacion-datos #new { position:relative; min-height:150px; /*margin:0 10px;*/ border-top:none; padding-top:10px; font:bold 14px Arial, Helvetica, sans-serif;}

/*.informacion-datos #new form>div { margin:0 10px; float:left;}*/
/*.informacion-datos #new div      { margin-bottom:10px;}*/
.informacion-datos #new label    { font:13px Arial,Helvetica;font-weight:bold; /*width:130px; display:table-cell; text-align:right; float:left; padding-top:2px;*/}
.informacion-datos #new .botones { position:relative; width:160px; top:10px; margin:20px auto; clear:both;}
.informacion-datos #new .botones2 {position:relative;color:#ffffff!important;top:10px; margin:20px auto; clear:both;text-align:right;padding-right:100px;padding-left:100px;}



.cell-checkbox > div    { display:table-cell; float:left;}
.cell-checkbox label    { position:relative; padding:0 6px; top:-4px;}



/*detalle oportunidad*/
#detalle_oportunidad  { color:#f96a00; cursor:pointer;}
#detalle_oportunidad:hover { color:#f96a00; text-decoration:underline;}
/*detalle cartera*/
#detalle_cartera  { color:#f96a00; cursor:pointer;}
#detalle_cartera:hover { color:#f96a00; text-decoration:underline;}


.validate { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ff0000; font-style: italic;padding-left:30px;}
